/* داد — base layer for the Tailwind build.
   Tailwind (utilities + the @theme tokens in each page's inline config)
   handles layout/colors/spacing. This file holds only what Tailwind
   doesn't: the Peyda @font-face set, keyframes, ::selection, and the
   FAQ accordion component. */

::selection{background:#a3d5af;color:#15123a}

@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-Thin.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-ExtraLight.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Peyda';src:url('../fonts/PeydaFaNumWeb-ExtraBlack.woff2') format('woff2');font-weight:950;font-style:normal;font-display:swap}

@keyframes daadFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes daadDrift{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(10px,-12px) rotate(4deg)}}

/* FAQ accordion (department pages) */
.faq{border:1px solid #e8e8e8;border-radius:14px;background:#fff;margin-bottom:14px;overflow:hidden;transition:border-color .25s ease}
.faq[open]{border-color:#a3d5af}
.faq>summary{list-style:none;cursor:pointer;padding:22px 24px;font-size:16px;font-weight:700;color:#2b2868;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq>summary::-webkit-details-marker{display:none}
.faq>summary::after{content:'+';font-size:24px;font-weight:400;color:#a3aab8;line-height:1;flex:0 0 auto}
.faq[open]>summary::after{content:'\2212';color:#2b2868}
.faq>div{padding:0 24px 22px;font-size:14.5px;line-height:2;color:#5a5f70}

/* Mobile burger menu (built by js/menu.js) */
.daad-burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:rgba(127,127,127,.14);border:0;cursor:pointer;padding:0}
.daad-mobile{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 18px 40px rgba(43,40,104,.18);border-top:1px solid #eef0f4;padding:10px 24px 18px;z-index:60}
.daad-mobile a{display:block;padding:13px 4px;font-size:16px;font-weight:600;color:#2b2868;text-decoration:none;border-bottom:1px solid #f0f1f5}
.daad-mobile a:last-child{border-bottom:0}
.daad-mobile a.daad-mobile-cta{margin-top:12px;text-align:center;color:#16133b;background:#a3d5af;border-radius:10px;border-bottom:0}
@media (max-width:767px){
  .daad-burger{display:inline-flex}
  .daad-cta{display:none!important}
  .daad-mobile.open{display:block}
}

/* multi-step join form progress dots */
.join-dot{color:#9aa0b0;font-weight:600;transition:color .25s ease}
.join-dot-on{color:#2b2868}
/* min-height floor so next/prev don't shift the layout between steps */
.join-step{min-height:420px}
@media (max-width:640px){.join-step{min-height:560px}}