/* Page-specific overrides for audiobook-guest to enforce global theme colors */
/* This prevents any JavaScript or dynamically loaded CSS from changing these colors */

/* Navbar should use the gold color */
.navbar,
navbar.navbar,
body .navbar,
html body .navbar {
  background-color: #dfb96d !important;
}

/* Hero sections use deep chestnut with decorative pattern */
.story-hero,
.audiobook-hero,
.services-hero,
.contact-hero,
.legal-hero,
body .story-hero,
body section.story-hero {
  background:
    radial-gradient(circle, rgba(179, 204, 162, 0.2) 0.75em, transparent 0.75em, transparent 1.5em, rgba(204, 195, 148, 0.1) 1.5em, rgba(204, 195, 148, 0.1) 1.8em, transparent 1.8em) 0 0,
    radial-gradient(circle, rgba(204, 195, 148, 0.2) 0.75em, transparent 0.75em, transparent 1.5em, rgba(179, 204, 162, 0.1) 1.5em, rgba(179, 204, 162, 0.1) 1.8em, transparent 1.8em) 3em 3em,
    radial-gradient(circle, rgba(179, 204, 162, 0.1) 0.375em, transparent 0.375em) 3em 0,
    radial-gradient(circle, rgba(204, 195, 148, 0.1) 0.3em, transparent 0.3em) 0 3em !important;
  background-size: 6em 6em !important;
  background-color: #6f3700 !important;
  background-repeat: repeat !important;
}

/* CTA section before footer uses deep chestnut */
.cta-section,
section.cta-section,
body .cta-section {
  background-color: #6f3700 !important;
  /* Preserving any background patterns that might exist */
}

/* Ensure mobile slide-out menu background is gold */
@media (max-width: 768px) {
  .nav-links,
  ul.nav-links {
    background-color: #dfb96d !important;
  }
}

/* Login button uses correct colors */
.login-btn {
  background-color: #6f3700 !important;
  color: #dfb96d !important;
  border-color: #6f3700 !important;
}

.login-btn:hover {
  background-color: #dfb96d !important;
  color: #6f3700 !important;
}

/* Search input */
.search-input {
  background-color: #e8cd96 !important;
}