/*
 * Irada Network: public site pages (Site module). Builds on assets/css/base.css tokens.
 * Brief §4: CSS logical properties only (RTL for ar/ckb), no letter-spacing or uppercase
 * on Arabic/Kurdish, line-height >= 1.6 there, 44 px targets, WCAG AA contrast. The brand
 * gradient is decorative only: never under text; buttons are dark pink or navy.
 */

/* ------------------------------------------------------------------ shared */
.page-head{background:var(--surface);border-block-end:1px solid var(--line-soft);padding-block:var(--space-7) var(--space-6)}
.page-head__title{margin-block-end:var(--space-3)}
.page-head__lead{margin-block-end:0}
.page-head__back{margin-block-end:var(--space-4);font-size:.95rem}
.page-head__back a{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--target);font-weight:600}
.section--tight-end{padding-block-end:0}
.section-head{max-inline-size:72ch;margin-block-end:var(--space-5)}
.section-head .lead{margin-block-end:0}
.section-foot{margin-block:var(--space-5) 0}
.section-label{font-family:var(--font-body);font-size:1rem;font-weight:800;color:var(--pink-dark);margin-block-end:var(--space-3)}
:lang(en) .section-label{letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
.link-arrow{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--target);font-weight:700}
.btn--on-dark{background:transparent;color:#FFFFFF;border-color:#FFFFFF}
.btn--on-dark:hover{background:rgba(255,255,255,.12);color:#FFFFFF}
.callout__title{font-size:1.2rem;font-family:var(--font-body)}
.field__req,.field__opt{font-weight:400;color:var(--muted);font-size:.9rem}

/* ------------------------------------------------------------------ home: hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--navy-900) 0%,var(--navy) 70%,var(--navy-700) 100%);color:#FFFFFF;padding-block:var(--space-8)}
.hero::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:4px;background:var(--gradient)}
.hero__glow{position:absolute;inset-block-start:-30%;inset-inline-end:-10%;inline-size:60%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(closest-side,rgba(233,30,140,.28),rgba(156,39,176,.16) 55%,rgba(0,188,212,0) 100%);pointer-events:none}
.hero__inner{position:relative;display:grid;gap:var(--space-6);align-items:center}
@media (min-width:900px){.hero__inner{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.hero__eyebrow{color:#FCE4F1;font-weight:700;margin-block-end:var(--space-3)}
:lang(en) .hero__eyebrow{letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
.hero__title{color:#FFFFFF;font-size:clamp(2rem,1.3rem + 3vw,3.25rem);margin-block-end:var(--space-4);max-inline-size:18ch}
:lang(en) .hero__title{line-height:1.15}
:lang(ar) .hero__title,:lang(ckb) .hero__title{max-inline-size:22ch}
.hero__lead{font-size:1.15rem;color:#E6EAF7;max-inline-size:60ch;margin-block-end:var(--space-5)}
.hero__actions{margin:0}
.hero__art{display:none;justify-self:center}
.hero__art img{inline-size:min(320px,100%);opacity:.92}
@media (min-width:900px){.hero__art{display:block}}
.hero a:focus-visible{outline-color:#FFFFFF}

/* ------------------------------------------------------------------ home: mission */
.home-mission__grid{display:grid;gap:var(--space-6);align-items:start}
@media (min-width:900px){.home-mission__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-mission__grid--single{grid-template-columns:minmax(0,1fr)}}
.mission-quote{margin:0 0 var(--space-4);padding-inline-start:var(--space-4);border-inline-start:4px solid var(--pink-dark);color:var(--navy);font-size:clamp(1.3rem,1.05rem + 1.1vw,1.8rem);font-weight:700}
:lang(en) .mission-quote{font-family:var(--font-display);line-height:1.35}
.mission-quote p{margin:0}
.home-mission__text{color:var(--muted);font-size:1.05rem}
.home-mission__body h2{font-size:1.35rem;margin-block-start:0}

/* ------------------------------------------------------------------ RISE steps */
.rise-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.rise-step{display:flex}
.rise-step__link{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2);inline-size:100%;padding:var(--space-5) var(--space-4) var(--space-4);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:border-color .15s}
.rise-step__link::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:4px;background:var(--gradient)}
.rise-step__link:hover{border-color:var(--navy-700);color:var(--ink)}
.rise-step__num{display:inline-flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;border-radius:50%;background:var(--navy);color:#FFFFFF;font-weight:800;font-variant-numeric:tabular-nums;flex:none}
.rise-step__label{font-weight:800;color:var(--navy);font-size:1.1rem}
.rise-step__text{color:var(--muted);font-size:.95rem}
.rise-step.is-current .rise-step__link{background:var(--navy);border-color:var(--navy)}
.rise-step.is-current .rise-step__label{color:#FFFFFF}
.rise-step.is-current .rise-step__num{background:#FFFFFF;color:var(--navy)}
.rise-steps--compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--space-2)}
.rise-steps--compact .rise-step__link{flex-direction:row;align-items:center;gap:var(--space-3);min-block-size:var(--target);padding:var(--space-3);box-shadow:none}
.rise-steps--compact .rise-step__num{inline-size:30px;block-size:30px;font-size:.9rem}
.rise-steps--compact .rise-step__label{font-size:1rem}
.rise-overview{padding-block-end:var(--space-5)}
/* Phones: number beside the text, so five phases do not fill five screens. */
@media (max-width:600px){
  .rise-steps:not(.rise-steps--compact) .rise-step__link{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);row-gap:var(--space-1);align-items:start;padding:var(--space-4)}
  .rise-steps:not(.rise-steps--compact) .rise-step__num{grid-row:span 2}
}

/* ------------------------------------------------------------------ RISE phase page */
.rise-phase__grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.rise-phase__block .chips{margin-block-end:0}
.phase-nav{background:var(--light)}
.phase-nav__pager{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-block:var(--space-4) 0}
.phase-nav__pager .btn{gap:var(--space-2)}

/* ------------------------------------------------------------------ map call-outs */
.map-cta{background:var(--surface);border:1px solid var(--line-soft);border-inline-start:4px solid var(--navy);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow);max-inline-size:860px}
.map-cta h2{margin-block-start:var(--space-2)}
.map-cta>:last-child{margin-block-end:0}

.map-teaser{display:grid;gap:var(--space-6);align-items:center;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow)}
@media (min-width:860px){.map-teaser{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.map-teaser__lead{max-inline-size:62ch}
.map-teaser__text>:last-child{margin-block-end:0}
.mini-tiles{direction:ltr;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;inline-size:min(260px,100%);aspect-ratio:1/1;margin-inline:auto}
.mini-tile{border-radius:6px;background:var(--light);border:1.5px solid var(--navy-700)}
.mini-tile:nth-child(3n){background:#DCE2F3}
.mini-tile:nth-child(4n+1){background:#C3CCEA}
.mini-tile--kr{box-shadow:inset 0 0 0 2px var(--purple)}
.mt-c0{grid-column:1}.mt-c1{grid-column:2}.mt-c2{grid-column:3}.mt-c3{grid-column:4}.mt-c4{grid-column:5}
.mt-r0{grid-row:1}.mt-r1{grid-row:2}.mt-r2{grid-row:3}.mt-r3{grid-row:4}.mt-r4{grid-row:5}

/* ------------------------------------------------------------------ members */
.member-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.member-chip{display:inline-flex;align-items:center;min-block-size:var(--target);padding:var(--space-2) var(--space-4);border-radius:999px;background:var(--surface);border:1.5px solid var(--line);color:var(--navy);font-weight:700;text-decoration:none}
.member-chip:hover{border-color:var(--navy);color:var(--navy)}
.member-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.member-card{display:flex;flex-direction:column;gap:var(--space-2);scroll-margin-block-start:var(--space-6)}
.member-card:target{outline:3px solid var(--focus);outline-offset:2px}
.member-card__name{margin:0;font-size:1.2rem}
.member-card__alt{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);color:var(--muted);font-size:.92rem}
.member-card__text{margin:0}
.member-card__meta{margin-block:auto 0;padding-block-start:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center;color:var(--muted);font-size:.92rem}
.member-card__city{display:inline-flex;align-items:center;gap:var(--space-1)}
.network-members h2{margin-block-end:var(--space-5)}

/* ------------------------------------------------------------------ events */
.event-list{display:grid;gap:var(--space-4)}
.event-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start}
.event-card__date{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-inline-size:104px;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--navy);color:#FFFFFF;text-align:center;line-height:1.3}
:lang(ar) .event-card__date,:lang(ckb) .event-card__date{line-height:1.6}
.event-card__days{font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.event-card__month{font-size:.85rem}
.event-card__body>:last-child{margin-block-end:0}
.event-card__sep{margin-inline:var(--space-2)}
.event-card--past .event-card__date{background:var(--muted)}
@media (max-width:520px){
  .event-card{grid-template-columns:minmax(0,1fr)}
  .event-card__date{flex-direction:row;justify-content:flex-start;gap:var(--space-2);min-inline-size:0;inline-size:max-content;max-inline-size:100%;padding:var(--space-2) var(--space-3)}
  .event-card__days{font-size:1.1rem}
}
.events-section h2{margin-block-end:var(--space-5)}
.events-section--past{background:var(--light)}
.event-facts{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);margin:var(--space-5) 0 0}
.event-facts dt{font-size:.88rem;color:var(--muted);font-weight:700}
.event-facts dd{margin:0;font-weight:700;color:var(--navy)}

/* ------------------------------------------------------------------ call to action band */
.cta-band{background:var(--navy-700);color:#FFFFFF;padding-block:var(--space-7)}
.cta-band__inner{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);align-items:center;justify-content:space-between}
.cta-band h2{color:#FFFFFF;margin-block-end:var(--space-2)}
.cta-band p{margin:0;color:#E6EAF7}
.cta-band a:focus-visible{outline-color:#FFFFFF}

/* ------------------------------------------------------------------ contact */
.contact-grid{display:grid;gap:var(--space-6);align-items:start}
@media (min-width:960px){.contact-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
.contact-form__title{font-size:1.35rem;margin-block-end:var(--space-4)}
.contact-form__privacy{margin-block-end:0}
.contact-form textarea.input{min-block-size:10rem;resize:vertical}
.contact-form select.input{appearance:auto}
.contact-grid__aside h2{font-size:1.25rem}
.contact-grid__aside h2:first-child{margin-block-start:0}
.error-summary ul{margin-block:var(--space-2) 0;padding-inline-start:1.2em}
.error-summary a{color:var(--err-ink);font-weight:700}
.contact-sent{margin-block-end:var(--space-5)}

/* ------------------------------------------------------------------ copy pages */
.page-body .prose>:first-child{margin-block-start:0}
.prose--pillars h3{padding-inline-start:var(--space-3);border-inline-start:4px solid var(--pink-dark)}
.prose--legal h2{font-size:1.35rem}
.prose--legal h3{font-size:1.1rem}

/* ------------------------------------------------------------------ narrow screens */
@media (max-width:480px){
  .page-head{padding-block:var(--space-6) var(--space-5)}
  .hero{padding-block:var(--space-7)}
  .map-teaser,.map-cta{padding:var(--space-5) var(--space-4)}
  .hero__actions .btn,.map-cta .cluster .btn,.map-teaser .cluster .btn{inline-size:100%}
}

/* ------------------------------------------------------------------ print */
@media print{
  .hero{background:none;color:#000000;padding-block:12pt}
  .hero__title,.hero__lead,.hero__eyebrow{color:#000000}
  .hero__glow,.hero__art,.hero::after,.map-teaser__art,.contact-form,.phase-nav{display:none!important}
  .cta-band{background:none;color:#000000}
  .cta-band h2,.cta-band p{color:#000000}
  .event-card__date{background:none;color:#000000;border:1px solid #999999}
}