/* ══════════════════════════
   faq.css
   ══════════════════════════ */

/* HERO */
    .page-hero{padding-top:82px;background:var(--charcoal)}
    .page-hero-inner{padding:80px 80px 72px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .breadcrumb{font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:10px}
    .breadcrumb a{color:rgba(255,255,255,0.35);text-decoration:none;transition:color 0.2s}
    .breadcrumb a:hover{color:var(--gold)}
    .breadcrumb span{color:rgba(255,255,255,0.15)}
    .page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,4.5vw,64px);font-weight:300;color:#fff;line-height:1.1;margin-bottom:24px}
    .page-hero h1 em{font-style:italic;color:var(--gold)}
    .page-hero-desc{font-size:16px;font-weight:300;color:rgba(255,255,255,0.5);line-height:1.8}
    .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:3px}
    .hero-stat{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);padding:28px 24px}
    .hero-stat-num{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:300;color:var(--gold);line-height:1;margin-bottom:6px}
    .hero-stat-label{font-size:12px;color:rgba(255,255,255,0.4);line-height:1.5}
    .hero-bottom-bar{border-top:1px solid rgba(255,255,255,0.06);padding:20px 80px;display:flex;align-items:center;gap:12px;font-size:13px;color:rgba(255,255,255,0.3)}
    .hero-bottom-bar strong{color:var(--gold);font-weight:500}
    .hero-bottom-bar::before{content:'';display:block;width:28px;height:1px;background:var(--gold);flex-shrink:0}

    /* FILTER TABS */
    .faq-tabs{background:var(--cream);border-bottom:1px solid var(--border);padding:0 80px;display:flex;gap:0;overflow-x:auto}
    .faq-tab{font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);padding:18px 24px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all 0.2s;background:none;border-top:none;border-left:none;border-right:none;font-family:'DM Sans',sans-serif}
    .faq-tab:hover,.faq-tab.active{color:var(--gold);border-bottom-color:var(--gold)}

    /* FAQ MAIN */
    .faq-main{padding:80px 80px;display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:start}
    .faq-sidebar{position:sticky;top:100px}
    .faq-sidebar h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--charcoal);margin-bottom:20px}
    .faq-sidebar-links{display:flex;flex-direction:column;gap:2px}
    .faq-sidebar-link{font-size:13px;color:var(--muted);text-decoration:none;padding:10px 14px;border-left:2px solid transparent;transition:all 0.2s;display:block}
    .faq-sidebar-link:hover,.faq-sidebar-link.active{color:var(--gold);border-left-color:var(--gold);background:var(--cream);padding-left:20px}
    .faq-sidebar-cta{margin-top:32px;background:var(--charcoal);padding:24px}
    .faq-sidebar-cta p{font-size:13px;color:rgba(255,255,255,0.4);line-height:1.6;margin-bottom:16px}
    .faq-sidebar-cta a{display:block;font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;background:#0596DE;color:#fff;padding:12px 16px;border-radius:2px;text-align:center;transition:background 0.2s}
    .faq-sidebar-cta a:hover{background:var(--gold)}

    /* FAQ ACCORDÉON */
    .faq-content{}
    .faq-category{margin-bottom:56px}
    .faq-category:last-child{margin-bottom:0}
    .faq-category-title{font-family:'Cormorant Garamond',serif;font-size:13px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
    .faq-item{border-bottom:1px solid var(--border)}
    .faq-question{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;list-style:none;transition:color 0.2s}
    .faq-question:hover{color:var(--gold)}
    .faq-question h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:inherit;line-height:1.3;pointer-events:none}
    .faq-item.open .faq-question h3{color:var(--gold)}
    .faq-chevron{width:20px;height:20px;flex-shrink:0;transition:transform 0.3s;color:var(--muted)}
    .faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--gold)}
    .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
    .faq-item.open .faq-answer{max-height:600px}
    .faq-answer-inner{padding:0 0 28px}
    .faq-answer-inner p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:14px}
    .faq-answer-inner p:last-child{margin-bottom:0}
    .faq-answer-inner strong{color:var(--charcoal);font-weight:500}
    .faq-answer-inner ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:12px}
    .faq-answer-inner ul li{font-size:14px;color:var(--muted);display:flex;gap:10px;align-items:flex-start}
    .faq-answer-inner ul li::before{content:'';display:block;width:12px;height:1px;background:var(--gold);margin-top:10px;flex-shrink:0}

    /* SECTION CONTACT */
    .faq-contact{background:var(--section-bg);padding:80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
    .faq-contact h2{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,2.5vw,38px);font-weight:300;color:var(--charcoal);line-height:1.2;margin-bottom:16px}
    .faq-contact h2 em{font-style:italic;color:var(--gold)}
    .faq-contact p{font-size:15px;color:var(--muted);line-height:1.8}
    .contact-options{display:flex;flex-direction:column;gap:3px}
    .contact-option{background:var(--warm-white);padding:24px 28px;display:flex;align-items:center;gap:20px;text-decoration:none;transition:background 0.2s}
    .contact-option:hover{background:#fff}
    .contact-option-icon{font-size:24px;flex-shrink:0}
    .contact-option h4{font-size:14px;font-weight:500;color:var(--charcoal);margin-bottom:4px}
    .contact-option p{font-size:13px;color:var(--muted);margin:0}
    .contact-option-arrow{margin-left:auto;color:var(--gold);font-size:18px}

    @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

    @media(max-width:1100px){
      .page-hero-inner,.faq-main,.faq-contact{padding:80px 40px}
      .hero-bottom-bar,.faq-tabs{padding-left:40px;padding-right:40px}
    }
    @media(max-width:900px){
      .page-hero-inner{grid-template-columns:1fr}
      .faq-main{grid-template-columns:1fr}
      .faq-sidebar{position:static}
      .faq-contact{grid-template-columns:1fr;gap:40px}
      .faq-sidebar-links{flex-direction:row;flex-wrap:wrap}
    }
    @media(max-width:560px){
      .page-hero-inner,.faq-main,.faq-contact{padding:48px 20px}
      .hero-bottom-bar,.faq-tabs{padding-left:20px;padding-right:20px}
      .faq-tabs{gap:6px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
      .faq-tab{white-space:nowrap;padding:8px 14px;font-size:11px;flex-shrink:0;}
      .faq-question{padding:16px 20px;}
      .faq-question h3{font-size:15px;}
      .faq-answer-inner{padding:0 20px 20px;}
    }
    @media(max-width:380px){
      .page-hero-inner,.faq-main,.faq-contact{padding:36px 16px}
      .hero-bottom-bar,.faq-tabs{padding-left:16px;padding-right:16px}
    }