/* Yasmina Academy - FAQ page. Loaded after css/style.css; only affects faq.html (body.faq-body / main.faq-page).
   Palette: Espresso #382318, Caramel #AE6F29, Cream #F5E4D1, Red #8A181A, Green #3D6A3B, Mint #D4E9E2, Stone #E3E1DD.
   Page background pure white. Corners 15px 6px 15px 6px. No decorative lines. Mobile first. */
body.faq-body{background:#fff;color:var(--espresso)}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.faq-page{background:#fff}

/* hero (dark panel, near-white text) */
.faq-hero{padding:6.2rem 0 2.2rem}
.faq-hero h1{font-size:clamp(2rem,8vw,3.2rem);margin:0 0 .5rem}
.faq-hero p{margin:0}
.faq-hero .faq-hero-cta{margin-top:1.4rem}
.faq-page .faq-apply{background:var(--cream);color:var(--espresso);border-radius:15px 6px 15px 6px;box-shadow:none;padding:1.05rem 1.9rem}
.faq-page .faq-apply:hover,.faq-page .faq-apply:focus-visible{background:#fff;color:var(--espresso);box-shadow:0 12px 26px -12px rgba(0,0,0,.6)}
.faq-page .faq-apply:focus-visible{outline:3px solid var(--cream);outline-offset:3px}
.faq-page .faq-apply .arrow{font-size:1.15em;line-height:1}
html[dir=rtl] .faq-page .faq-apply .arrow{transform:scaleX(-1)}
html[dir=rtl] .faq-page .faq-apply:hover .arrow{transform:scaleX(-1) translateX(4px)}

/* accordion */
.faq-body-wrap{padding:1.6rem 0 0}
.faq-list{display:grid;gap:.7rem}
.faq-item{background:var(--cream);border-radius:15px 6px 15px 6px;overflow:hidden;scroll-margin-top:5.4rem}
.faq-head{display:flex;align-items:stretch}
.faq-head h2{flex:1;margin:0;min-width:0;font-size:inherit}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:.9rem;width:100%;min-height:3.5rem;padding:.95rem 1rem;margin:0;border:0;background:transparent;
  color:var(--espresso);font:700 1.05rem/1.4 var(--ff-head);text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}
html[lang=ar] .faq-q{line-height:1.6}
.faq-q:hover{background:rgba(56,35,24,.07)}
.faq-q:focus-visible{outline:3px solid var(--caramel);outline-offset:-3px;border-radius:15px 6px 15px 6px}
.faq-chev{flex:none;width:1.4rem;height:1.4rem;background:currentColor;transition:transform .25s var(--ease);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.faq-q[aria-expanded=true] .faq-chev{transform:rotate(180deg)}
.faq-perma{flex:none;display:grid;place-items:center;width:3rem;color:var(--espresso);text-decoration:none;opacity:.8}
.faq-perma:hover,.faq-perma:focus-visible{opacity:1;background:rgba(56,35,24,.07)}
.faq-perma:focus-visible{outline:3px solid var(--caramel);outline-offset:-3px}
/* open question = dark panel head, near-white text */
.faq-item.open .faq-head{background:var(--espresso)}
.faq-item.open .faq-q,.faq-item.open .faq-perma{color:var(--on-dark,#fff);opacity:1}
.faq-item.open .faq-q:hover,.faq-item.open .faq-perma:hover{background:rgba(255,255,255,.1)}
.faq-item.open .faq-q:focus-visible,.faq-item.open .faq-perma:focus-visible{outline-color:#fff}
.faq-panel{padding:1.1rem 1.1rem 1.3rem;background:var(--cream)}
.faq-panel[hidden]{display:none}
.faq-a p{margin:0 0 .75rem;color:var(--espresso);font-size:1rem}
.faq-a p:last-child{margin-bottom:0}
.faq-a a{color:var(--red);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.faq-a a:hover{text-decoration-thickness:2px}

/* closing dark panel */
.faq-cta{margin:2.2rem 0 0;padding:2rem 1.3rem;background:var(--espresso);color:var(--on-dark,#fff);border-radius:15px 6px 15px 6px;text-align:center}
.faq-cta h2{color:var(--on-dark,#fff);font-size:clamp(1.5rem,5.5vw,2rem);margin:0 0 .7rem}
.faq-cta p{margin:.5rem auto;max-width:34em;color:var(--on-dark-2,#FBF3EA)}
.faq-cta a{color:var(--gold-light,#F3D9B5);text-underline-offset:3px}
.faq-cta .faq-cta-btn{margin:1.4rem 0 1.1rem}
.faq-cta .faq-apply{display:inline-flex;width:100%}
.faq-cta .faq-cta-links{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;justify-content:center;font-size:.95rem;margin-bottom:0}

/* quiet pattern strip */
.pattern-strip{position:relative;height:3.5rem;margin-top:3rem;background:var(--cream);overflow:hidden}
.pattern-strip::before{content:"";position:absolute;inset:0;background:url(../img/pattern-gold.png) 0 0/380px auto repeat;opacity:.4}
.foot .small a[aria-current=page]{text-decoration:underline}

@media (min-width:720px){
 .faq-hero{padding:8rem 0 3rem}
 .faq-list{gap:.85rem}
 .faq-q{padding:1.1rem 1.4rem;font-size:1.2rem;min-height:4rem}
 .faq-panel{padding:1.3rem 1.5rem 1.6rem}
 .faq-a p{font-size:1.04rem}
 .faq-cta{padding:2.8rem 2.2rem}
 .faq-cta .faq-apply{width:auto}
 .faq-page .faq-apply{padding:1.1rem 2.2rem}
}
@media (prefers-reduced-motion:reduce){.faq-chev{transition:none}.faq-page .faq-apply{transition:none}}