/* Phase 7 Overrides — Extracted 31 March 2026 */
/* Fixes: full-width sections, FAQ visibility, Call Us button, SPA routing */

/* Fix 1: Dark sections go full-width (hero, CTA, who-we-serve) */
    .jv-section-dark {
      width: 100vw !important;
      margin-left: calc(-50vw + 50%) !important;
      padding-left: max(1.5rem, calc(50vw - 26rem)) !important;
      padding-right: max(1.5rem, calc(50vw - 26rem)) !important;
    }
    
    /* Fix 2: Cream sections also go full-width */
    .jv-section-cream {
      width: 100vw !important;
      margin-left: calc(-50vw + 50%) !important;
      padding-left: max(1.5rem, calc(50vw - 26rem)) !important;
      padding-right: max(1.5rem, calc(50vw - 26rem)) !important;
    }
    
    /* Fix 3: Reduce excessive section padding */
    .jv-section { padding: 3rem 1.5rem; }
    
    /* Fix 4: Footer goes full-width */
    footer[style*="background: #070d19"],
    footer[style*="background:#070d19"] {
      width: 100vw !important;
      margin-left: calc(-50vw + 50%) !important;
      padding-left: max(1.5rem, calc(50vw - 26rem)) !important;
      padding-right: max(1.5rem, calc(50vw - 26rem)) !important;
    }
    
    /* Fix 5: FAQ Accordion - ensure DaisyUI collapse works */
    .collapse-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 1rem; }
    .collapse input[type="radio"]:checked ~ .collapse-content { max-height: 500px; padding: 1rem; }
    .collapse-arrow .collapse-title::after {
      content: '▸'; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease;
    }
    .collapse input[type="radio"]:checked ~ .collapse-title::after { transform: translateY(-50%) rotate(90deg); }
    .collapse-title { position: relative; cursor: pointer; }
    .collapse input[type="radio"] { display: none; }
    .join-vertical > .join-item { border-radius: 0; }
    .join-vertical > .join-item:first-child { border-radius: 0.5rem 0.5rem 0 0; }
    .join-vertical > .join-item:last-child { border-radius: 0 0 0.5rem 0.5rem; }
    
    /* Fix 6: Stat values styling */
    .jv-stat-value { font-family: 'Playfair Display', serif; font-size: 1.75rem; font-weight: 500; color: #0a1628; }
    
    /* Fix 7: Gold divider line */
    .jv-gold-line { width: 2rem; height: 2px; background: #b8966c; }
    .jv-divider { width: 3rem; height: 1px; background: #e8ecf1; }
    
    /* Fix 8: Fade animation */
    .jv-fade { animation: jvFade 0.6s ease-out; }
    @keyframes jvFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
    
    /* Fix 9: Mobile responsiveness */
    @media (max-width: 640px) {
      .jv-section { padding: 2.5rem 1rem; }
      .jv-section-dark { padding-top: 4rem !important; padding-bottom: 3rem !important; }
    }
    
    /* Fix 10: Bottom nav gets slightly more padding for safe area */
    nav[style*="position: fixed"][style*="bottom: 0"] {
      padding-bottom: max(0.6rem, env(safe-area-inset-bottom)) !important;
    }