/* --- Logo sizing --- */
.navbar-brand img,
.site-header-logo {
  height: auto;
  max-height: 72px;
}

@media (max-width: 575.98px) {

  .navbar-brand img,
  .site-header-logo {
    max-height: 60px;
  }
}

/* Footer logo */
.footer .logo-normal img,
.footer .navbar-brand img {
  height: auto;
  max-height: 90px;
}

/* remove the red top contact bar */
.top-header {
  display: none !important;
}

/* --- Homepage slider (hero) --- */
#homepageAppSlider .carousel-item img {
  height: auto;
  /* Auto height to maintain aspect ratio */
  max-height: 700px;
  /* Maximum height on desktop - increased for bigger banner */
  object-fit: contain;
  /* Show full image without cropping */
  width: 100%;
  display: block;
  background-color: #f8f9fa;
  /* Light background for letterboxing */
}

@media (max-width: 991.98px) {
  #homepageAppSlider .carousel-item img {
    max-height: 550px;
  }
}

@media (max-width: 575.98px) {
  #homepageAppSlider .carousel-item img {
    max-height: 350px;
  }
}

/* Hide carousel indicators (dots) */
#homepageAppSlider .carousel-indicators {
  display: none !important;
}

/* Optional: make arrows easier to hit */
#homepageAppSlider .carousel-control-prev,
#homepageAppSlider .carousel-control-next {
  width: 3.5rem;
}

/* --- Dark Mode Visibility Fixes --- */
html[data-bs-theme="dark"] .privacy-policy,
html[data-bs-theme="dark"] .term-conditions,
html[data-bs-theme="dark"] .about-us,
html[data-bs-theme="dark"] .help-support,
html[data-bs-theme="dark"] .refund-policy,
html[data-bs-theme="dark"] .data-deletion {
  color: #e9ecef !important;
}

html[data-bs-theme="dark"] .privacy-policy h1,
html[data-bs-theme="dark"] .privacy-policy h2,
html[data-bs-theme="dark"] .privacy-policy h3,
html[data-bs-theme="dark"] .privacy-policy h4,
html[data-bs-theme="dark"] .privacy-policy h5,
html[data-bs-theme="dark"] .privacy-policy h6,
html[data-bs-theme="dark"] .privacy-policy p,
html[data-bs-theme="dark"] .privacy-policy li,
html[data-bs-theme="dark"] .privacy-policy span,
html[data-bs-theme="dark"] .term-conditions h1,
html[data-bs-theme="dark"] .term-conditions h2,
html[data-bs-theme="dark"] .term-conditions h3,
html[data-bs-theme="dark"] .term-conditions h4,
html[data-bs-theme="dark"] .term-conditions h5,
html[data-bs-theme="dark"] .term-conditions h6,
html[data-bs-theme="dark"] .term-conditions p,
html[data-bs-theme="dark"] .term-conditions li,
html[data-bs-theme="dark"] .term-conditions span {
  color: #e9ecef !important;
}

/* Ensure container background is dark if not already */
html[data-bs-theme="dark"] .privacy-policy .container,
html[data-bs-theme="dark"] .term-conditions .container {
  background-color: transparent !important;
}

/* --- Footer Padding Reduction --- */
.footer {
  padding-top: 3rem !important;
  padding-bottom: 2rem !important;
}

.footer .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Reduce spacing between footer sections */
.footer .row {
  margin-bottom: 1rem !important;
}

.footer .footer-top {
  padding-bottom: 1.5rem !important;
}

.footer .footer-bottom {
  padding-top: 1rem !important;
  margin-top: 1rem !important;
}

/* --- Accessibility: High Contrast Button --- */
.btn-high-contrast {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  /* Ensure text is white and background is dark enough if primary is too bright */
  color: #fff !important;
  /* Fallback to a darker red/primary shade if original is failing variables */
  background-color: #d32f2f !important;
  border-color: #c62828 !important;
}

.btn-high-contrast:hover {
  background-color: #b71c1c !important;
  border-color: #b71c1c !important;
}

/* --- Accessibility: Navbar & Login Button --- */
/* Fix Navbar Links (Make them darker on light background) */
.navbar-light .navbar-nav .nav-link {
  /* BLACK for maximum contrast */
  color: #000000 !important;
  font-weight: 600;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: #d32f2f !important;
  /* Primary red for active/hover */
}

/* Fix Login Button (btn-outline-primary) */
.btn-outline-primary {
  color: #b71c1c !important;
  /* Darker red (7.3:1 contrast) */
  border-color: #b71c1c !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #b71c1c !important;
}