/* =====================================================
   OVERRIDES.CSS (EXCEPTIONS / EDGE CASE FIXES)
   -----------------------------------------------------
   PURPOSE:
   - Last-resort overrides for system exceptions
   - Page-specific or legacy compatibility fixes
   - Must not replace proper structure in other layers

   RULE:
   - Every rule must have a reason documented
   - Prefer fixing source CSS before adding here
===================================================== */


/* =========================
   ACCESSIBILITY OVERRIDE
   (remove unwanted focus styles on CTA links)
   WHY: Design system uses custom focus handling or intentionally minimal focus UI
========================= */

.chateau-list .nav-cta a:focus,
.chateau-list .nav-cta a:focus-visible {
  outline: none;
  box-shadow: none;
}


/* =========================
   RESPONSIVE NAVIGATION FIX
   WHY: Legacy menu system breaks mobile toggle behavior unless forced visible
   NOTE: Ideally should be refactored into components.css
========================= */

@media (max-width: 900px) {
  .chateau-menu {
    display: block !important;
  }
}


/* =========================
   LEGACY SYSTEM COMPATIBILITY
   WHY: Old page builder classes (p7HMY / p7AGM) inject fixed widths
   NOTE: These should eventually be removed from markup
========================= */

.p7HMY,
.p7AGM {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}


/* =========================
   TYPOGRAPHY DECORATION RESET
   WHY: Some heading styles previously injected decorative pseudo-elements
   NOTE: Ensures clean headings across CMS-generated content
========================= */

h1::after,
h2::after,
h3::after,
h4::after,
h5::after {
  content: none !important;
  display: none !important;
}