/* Force white background for service card body in light mode */
[data-theme="light"] .portrait-card .service-card-body {
  background-color: #ffffff !important;
}

[data-theme="light"] .service-card-snap .service-card-body {
  background-color: #ffffff !important;
}

[data-theme="light"] .service-card-body {
  background-color: #ffffff !important;
}

/* Ensure service cards are white in light mode */
[data-theme="light"] .service-card-snap {
  background: #ffffff !important;
}

[data-theme="light"] .portrait-card {
  background: #ffffff !important;
}

/* Override any gray colors that might be applied */
[data-theme="light"] .service-card-snap,
[data-theme="light"] .portrait-card,
[data-theme="light"] .service-card-body {
  background-color: #ffffff !important;
}

/* Force green border for date input fields when focused */
.hero-form-input[type="date"]:focus,
.hero-form-input[type="date"]:active,
.hero-form-input[type="date"].active {
  border-color: #39563a !important;
  border-width: 2px !important;
  box-shadow: 0 0 0 0.2rem rgba(57, 86, 58, 0.25) !important;
}

/* Remove green border from rent.php form inputs */
.rent-form input:focus,
.rent-form select:focus,
.rent-form textarea:focus,
.rent-form .form-control:focus,
.rent-form .form-select:focus {
  border-color: #e0e0e0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove green border from all form inputs in rent page */
.rent-page input:focus,
.rent-page select:focus,
.rent-page textarea:focus,
.rent-page .form-control:focus,
.rent-page .form-select:focus {
  border-color: #e0e0e0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove green border from any form inputs */
form input:focus,
form select:focus,
form textarea:focus,
form .form-control:focus,
form .form-select:focus {
  border-color: #e0e0e0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove focus borders from navigation links */
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active,
.navbar-nav .nav-link.active:focus,
.navbar-nav .nav-link.active:active,
.navbar-nav .nav-link:hover:focus,
.navbar-nav .nav-link:hover:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Remove focus borders from dropdown toggle */
.navbar-nav .nav-link.dropdown-toggle:focus,
.navbar-nav .nav-link.dropdown-toggle:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Remove focus borders from theme toggle */
.theme-toggle:focus,
.theme-toggle:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Remove focus borders from navbar brand */
.navbar-brand:focus,
.navbar-brand:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ensure language-specific fonts are respected */
[data-lang="ku"] .nav-link,
[data-lang="ar"] .nav-link {
  font-family: 'QyamFont', sans-serif !important;
}

[data-lang="en"] .nav-link {
  font-family: 'DM Sans', sans-serif !important;
}

/* Increase navigation link font size - but keep it reasonable to prevent wrapping */
.nav-link {
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* Increase theme toggle icon size */
.theme-toggle {
  font-size: 1.4rem !important;
  width: 42px !important;
  height: 42px !important;
}

/* Increase logo size significantly */
.header-logo-img {
  max-height: 65px !important;
  max-width: 200px !important;
}

/* Increase navbar brand size */
.navbar-brand img {
  max-height: 65px !important;
  max-width: 200px !important;
}

/* Increase dropdown toggle size */
.navbar-nav .nav-link.dropdown-toggle {
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* Ensure language-specific fonts for dropdown toggle */
[data-lang="ku"] .navbar-nav .nav-link.dropdown-toggle,
[data-lang="ar"] .navbar-nav .nav-link.dropdown-toggle {
  font-family: 'QyamFont', sans-serif !important;
}

[data-lang="en"] .navbar-nav .nav-link.dropdown-toggle {
  font-family: 'DM Sans', sans-serif !important;
}

/* Ensure proper spacing between nav items - reduce spacing to fit all items */
.navbar-nav .nav-item {
  margin: 0 0.4rem;
}

/* Make navbar padding bigger */
.navbar {
  padding: 0.8rem 0 !important;
}

/* Ensure navbar container has enough space */
.navbar .container {
  max-width: 1400px !important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .nav-link {
    font-size: 1.1rem !important;
  }
  
  .theme-toggle {
    font-size: 1.3rem !important;
    width: 38px !important;
    height: 38px !important;
  }
  
  .header-logo-img {
    max-height: 55px !important;
    max-width: 180px !important;
  }
}

@media (max-width: 575.98px) {
  .nav-link {
    font-size: 1rem !important;
  }
  
  .theme-toggle {
    font-size: 1.2rem !important;
    width: 35px !important;
    height: 35px !important;
  }
  
  .header-logo-img {
    max-height: 45px !important;
    max-width: 160px !important;
  }
}