/* ===========================================================
   داد (Daad) — معمار امنیت حقوقی
   Shared stylesheet. Component base styles live inline in the
   markup (faithful to the design); this file holds only what
   inline styles can't express: @font-face, keyframes,
   ::selection, :hover states, and a light responsive layer.
   =========================================================== */

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{font-family:'Peyda',sans-serif;color:#1a1a1a;-webkit-font-smoothing:antialiased}
::selection{background:#a3d5af;color:#15123a}

/* ---- Peyda webfont (10 weights) ---- */
@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}

/* ---- animations (home-architectural hero) ---- */
@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)}}

/* ---- hover states (base look stays inline; these add interaction) ---- */
.hov-pain:hover{box-shadow:0 18px 40px rgba(163,213,175,.35);border-color:#a3d5af;transform:translateY(-4px)}
.hov-value:hover{box-shadow:0 16px 36px rgba(43,40,104,.1);transform:translateY(-4px);border-color:#a3d5af}
.hov-dept:hover{border-color:#a3d5af;background:#f6fbf7;transform:scale(1.04);box-shadow:0 18px 40px rgba(43,40,104,.12)}
.hov-dept2:hover{border-color:#a3d5af;background:#f6fbf7;transform:translateY(-4px);box-shadow:0 18px 40px rgba(43,40,104,.12)}
.hov-blog:hover{box-shadow:0 18px 40px rgba(43,40,104,.12);transform:translateY(-4px)}
.hov-team:hover{box-shadow:0 20px 46px rgba(43,40,104,.13);transform:translateY(-5px);border-color:#dfe2ea}
.hov-team2:hover{box-shadow:0 16px 36px rgba(43,40,104,.1);transform:translateY(-3px)}
.hov-soc:hover{background:#2b2868!important;color:#fff!important}
.hov-vidbtn:hover{border-color:#2b2868;box-shadow:0 8px 20px rgba(43,40,104,.12)}
.hov-nav:hover{color:#fff}
.hov-flink:hover{color:#fff}

/* ---- light responsive layer (desktop layout stays pixel-perfect) ----
   Grid wrappers carry .daad-grid (+ -2/-3/-4 size hints) so they can
   collapse on narrow screens without altering the desktop render. */
@media (max-width:1080px){
  .daad-grid-4{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:880px){
  .daad-grid-3{grid-template-columns:repeat(2,1fr)!important}
  .daad-grid-2{grid-template-columns:1fr!important}
  .daad-mesh{grid-auto-rows:140px!important}
}
@media (max-width:680px){
  .daad-grid{grid-template-columns:1fr!important}
  .daad-grid-4,.daad-grid-3{grid-template-columns:1fr!important}
  .navlinks{display:none!important}
}
@media (max-width:560px){
  .daad-wrap{padding-left:22px!important;padding-right:22px!important}
}

/* ---- FAQ accordion (department pages) — native <details> ---- */
.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}