:root{
  --paper:#F1F4F7; --surface:#FFFFFF; --surface-2:#E7EDF3;
  --ink:#0F1B26; --body:#293A4B; --muted:#5B7285;
  --line:#D6DFE8; --line-soft:#E6ECF2;
  --cobalt:#1D3B73; --turq:#0F7B77; --bole:#A8202B;
  --accent:#A8202B; --on-accent:#FFFFFF;
  --ok:#186B4E; --warn:#8A5A00;
  --wa:#0E7A6B; --wa-on:#FFFFFF;
  --shadow:0 1px 2px rgba(15,27,38,.05), 0 10px 30px rgba(15,27,38,.06);
  --radius:10px;
  --serif:'Noto Naskh Arabic', 'Times New Roman', serif;
  --sans:'Almarai', system-ui, sans-serif;
  --util:'IBM Plex Sans Arabic', system-ui, sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0C131B; --surface:#121C25; --surface-2:#1A2632;
    --ink:#EDF3F8; --body:#C4D2DD; --muted:#8CA1B2;
    --line:#26333F; --line-soft:#1E2A35;
    --cobalt:#8FB0E8; --turq:#59C8C1; --bole:#FF8A8A;
    --accent:#FF8A8A; --on-accent:#1A0A0C;
    --ok:#5FC79B; --warn:#E0AE55;
    --wa:#25D366; --wa-on:#07261D;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"]{
  --paper:#0C131B; --surface:#121C25; --surface-2:#1A2632;
  --ink:#EDF3F8; --body:#C4D2DD; --muted:#8CA1B2;
  --line:#26333F; --line-soft:#1E2A35;
  --cobalt:#8FB0E8; --turq:#59C8C1; --bole:#FF8A8A;
  --accent:#FF8A8A; --on-accent:#1A0A0C;
  --ok:#5FC79B; --warn:#E0AE55;
  --wa:#25D366; --wa-on:#07261D;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
body{margin:0; background:var(--paper); color:var(--body); font-family:var(--serif); font-size:16.5px; line-height:1.95; direction:rtl; text-align:right; -webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--sans); color:var(--ink); margin:0; text-wrap:balance; line-height:1.45}
h1{font-size:clamp(26px,4.2vw,40px); font-weight:800; letter-spacing:-.2px}
h2{font-size:clamp(21px,3vw,27px); font-weight:800}
h3{font-size:18px; font-weight:700}
h4{font-size:15.5px; font-weight:700}
p{margin:0}
a{color:var(--cobalt); text-decoration:none}
a:hover{color:var(--accent); text-decoration:underline; text-underline-offset:3px}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:4px}
.wrap{max-width:1080px; margin:0 auto; padding-inline:18px}
.prose{max-width:70ch}
.eyebrow{font-family:var(--util); font-size:11.5px; font-weight:600; letter-spacing:1.4px; color:var(--accent); text-transform:uppercase}
.muted{color:var(--muted)}

.ticker{background:var(--accent); color:var(--on-accent)}
.ticker .wrap{display:flex; align-items:center; gap:14px; padding-block:9px; flex-wrap:wrap}
.ticker b{font-family:var(--util); font-size:11px; letter-spacing:1px; background:var(--on-accent); color:var(--accent); padding:2px 9px; border-radius:4px}
.ticker span{font-family:var(--util); font-weight:500; font-size:13.5px; line-height:1.6}

header.site{position:sticky; top:env(safe-area-inset-top,0px); z-index:30; background:var(--surface); border-bottom:1px solid var(--line)}
header.site .bar{display:flex; align-items:center; gap:10px; padding-block:10px; flex-wrap:wrap}
.brand{display:flex; flex-direction:column; line-height:1.25; flex-shrink:0}
.brand b{font-family:var(--sans); font-weight:800; font-size:20px; color:var(--ink)}
.brand small{font-family:var(--util); font-size:10px; letter-spacing:1.2px; color:var(--muted)}
.bar-actions{display:flex; align-items:center; gap:8px; margin-inline-start:auto; order:3}
nav.main{display:flex; gap:2px; flex-wrap:wrap; flex:1 1 100%; order:4; padding-top:8px; border-top:1px solid var(--line-soft); margin-top:2px}
nav.main a{font-family:var(--util); font-weight:500; font-size:13.5px; color:var(--body); padding:8px 11px; border-radius:7px; min-height:38px; display:inline-flex; align-items:center}
nav.main a:hover{background:var(--surface-2); color:var(--ink); text-decoration:none}
nav.main a[aria-current="page"]{background:var(--accent); color:var(--on-accent)}
.theme-btn{font-family:var(--util); font-size:13px; border:1px solid var(--line); background:var(--surface); color:var(--body); border-radius:8px; padding:8px 12px; min-height:44px; cursor:pointer; white-space:nowrap}
.theme-btn:hover{border-color:var(--accent); color:var(--accent)}
.menu-btn{display:none; align-items:center; gap:7px; font-family:var(--util); font-size:13.5px; font-weight:600;
  border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:8px; padding:8px 12px; min-height:44px; cursor:pointer}
.menu-btn svg{width:18px; height:18px}
.wa-btn{display:inline-flex; align-items:center; gap:8px; background:var(--wa); color:var(--wa-on); font-family:var(--util); font-weight:600; font-size:13.5px; padding:9px 14px; min-height:44px; border-radius:8px; white-space:nowrap}
.wa-btn:hover{color:var(--wa-on); text-decoration:none; filter:brightness(1.07)}
.wa-btn svg{width:18px; height:18px; flex-shrink:0}

@media (max-width:1000px){
  nav.main{display:none; flex-direction:column; gap:2px}
  header.site.open nav.main{display:flex; max-height:calc(100vh - 190px); overflow-y:auto; -webkit-overflow-scrolling:touch}
  nav.main a{font-size:15px; padding:12px 12px; min-height:46px; border-radius:8px}
  .menu-btn{display:inline-flex}
  .brand b{font-size:18px}
}
@media (max-width:620px){
  .wa-btn .wa-txt{display:none}
  .wa-btn{padding:10px 13px}
  .theme-btn{font-size:0; padding:10px 12px}
  .theme-btn::before{content:"◐"; font-size:17px; line-height:1}
  .brand small{display:none}
}

main{padding-block:30px 8px}
.view{display:flex; flex-direction:column; gap:34px}
section.block{display:flex; flex-direction:column; gap:16px}
.head{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; border-bottom:1px solid var(--line); padding-bottom:10px}
.head .note{font-family:var(--util); font-size:12.5px; color:var(--muted)}

.hero{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:clamp(22px,4vw,40px); display:flex; flex-direction:column; gap:14px; box-shadow:var(--shadow)}
.hero p.lede{font-size:clamp(16px,2.2vw,18.5px); max-width:62ch}
.hero-links{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px}
.btn{font-family:var(--util); font-weight:600; font-size:14.5px; padding:12px 20px; min-height:46px; display:inline-flex; align-items:center; border-radius:8px; border:1px solid transparent; cursor:pointer}
.btn-primary{background:var(--accent); color:var(--on-accent)}
.btn-primary:hover{color:var(--on-accent); text-decoration:none; filter:brightness(1.08)}
.btn-ghost{border-color:var(--line); background:var(--surface); color:var(--body)}
.btn-ghost:hover{border-color:var(--accent); color:var(--accent); text-decoration:none}

.pills{display:flex; gap:8px; flex-wrap:wrap; margin-top:4px}
.pill{font-family:var(--util); font-size:12.5px; font-weight:600; padding:7px 13px; border-radius:20px; background:var(--surface-2); color:var(--ink); border:1px solid var(--line)}
.pill.hot{background:color-mix(in srgb, var(--wa) 16%, transparent); color:var(--wa); border-color:color-mix(in srgb, var(--wa) 40%, transparent)}

.picker{background:var(--cobalt); border-radius:var(--radius); padding:clamp(18px,3vw,26px); display:flex; flex-direction:column; gap:14px}
:root[data-theme="dark"] .picker{background:var(--surface-2)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .picker{background:var(--surface-2)}}
.picker h2{color:#fff}
.picker .hint{font-family:var(--util); font-size:12.5px; color:#B9CBEA}
.picker .allx{font-family:var(--util); font-size:13.5px; color:#fff}
:root[data-theme="dark"] .picker h2{color:var(--ink)}
:root[data-theme="dark"] .picker .hint{color:var(--muted)}
:root[data-theme="dark"] .picker .allx{color:var(--accent)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .picker h2{color:var(--ink)}
  :root:not([data-theme="light"]) .picker .hint{color:var(--muted)}
  :root:not([data-theme="light"]) .picker .allx{color:var(--accent)}
}
.chips{display:flex; gap:7px; flex-wrap:wrap}
.chip{font-family:var(--util); font-size:13.5px; font-weight:500; padding:9px 14px; min-height:42px; border-radius:8px; cursor:pointer; background:transparent; color:#fff; border:1px solid rgba(255,255,255,.4); display:inline-flex; align-items:center; gap:6px}
.chip:hover{border-color:#fff}
.chip[aria-pressed="true"]{background:#fff; color:var(--cobalt); border-color:#fff; font-weight:600}
:root[data-theme="dark"] .chip{color:var(--ink); border-color:var(--line)}
:root[data-theme="dark"] .chip[aria-pressed="true"]{background:var(--accent); color:var(--on-accent); border-color:var(--accent)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .chip{color:var(--ink); border-color:var(--line)}
  :root:not([data-theme="light"]) .chip[aria-pressed="true"]{background:var(--accent); color:var(--on-accent); border-color:var(--accent)}
}
.answer{background:var(--surface); border-radius:8px; padding:18px; display:flex; flex-direction:column; gap:12px}
.answer .who{font-family:var(--sans); font-weight:800; color:var(--accent); font-size:18px}
.answer dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:8px 14px; align-items:baseline}
@media (max-width:560px){.answer dl{grid-template-columns:minmax(0,1fr); gap:2px 0}}
.answer dt{font-family:var(--util); font-size:12.5px; font-weight:600; color:var(--muted); white-space:nowrap}
.answer dd{margin:0; font-size:15.5px; line-height:1.85; color:var(--body)}

.grid{display:grid; gap:16px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}
.card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px; display:flex; flex-direction:column; gap:9px}
a.card:hover{border-color:var(--accent); text-decoration:none}
.card h3{color:var(--cobalt)}
a.card:hover h3{color:var(--accent)}
.card .kicker{font-family:var(--util); font-size:11.5px; font-weight:600; letter-spacing:1px; color:var(--muted)}
.card p{font-size:14.5px; line-height:1.85; color:var(--body)}
.card .more{font-family:var(--util); font-size:13px; font-weight:600; color:var(--accent); margin-top:auto; padding-top:6px}
.card-dark{background:var(--cobalt); border-color:var(--cobalt)}
.card-dark h3{color:#fff}
.card-dark p{color:#C6D6EE}
.card-dark .more{color:#fff}
:root[data-theme="dark"] .card-dark{background:var(--surface-2); border-color:var(--line)}
:root[data-theme="dark"] .card-dark h3{color:var(--ink)}
:root[data-theme="dark"] .card-dark p{color:var(--body)}
:root[data-theme="dark"] .card-dark .more{color:var(--accent)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .card-dark{background:var(--surface-2); border-color:var(--line)}
  :root:not([data-theme="light"]) .card-dark h3{color:var(--ink)}
  :root:not([data-theme="light"]) .card-dark p{color:var(--body)}
  :root:not([data-theme="light"]) .card-dark .more{color:var(--accent)}
}

.vcard{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px; display:flex; flex-direction:column; gap:10px}
.vcard .top{display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--line-soft); padding-bottom:10px}
.flag{font-size:26px; line-height:1; font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}
.vcard .top h3{font-size:17px; color:var(--ink)}
.vcard dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:6px 12px; align-items:baseline}
.vcard dt{font-family:var(--util); font-size:11.5px; font-weight:600; color:var(--muted); white-space:nowrap}
.vcard dd{margin:0; font-size:14px; line-height:1.8}
.vcard .vnote{font-size:13px; line-height:1.8; color:var(--muted); border-top:1px dashed var(--line); padding-top:8px}

.table-wrap{overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface)}
table{border-collapse:collapse; width:100%; min-width:620px; font-size:14.5px}
caption{text-align:right; font-family:var(--util); font-size:12.5px; color:var(--muted); padding:12px 16px; border-bottom:1px solid var(--line-soft)}
th,td{padding:12px 16px; text-align:right; vertical-align:top; border-bottom:1px solid var(--line-soft); line-height:1.75}
th{font-family:var(--util); font-weight:600; font-size:13px; color:var(--ink); background:var(--surface-2)}
tbody tr:last-child td{border-bottom:0}
td.state{font-family:var(--util); font-weight:600; font-size:13px; white-space:nowrap}
td.code{font-family:var(--util); font-weight:600; font-variant-numeric:tabular-nums; color:var(--accent); white-space:nowrap}
.tag{display:inline-block; font-family:var(--util); font-size:12px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap}
.tag-free{background:color-mix(in srgb, var(--ok) 14%, transparent); color:var(--ok)}
.tag-age{background:color-mix(in srgb, var(--warn) 16%, transparent); color:var(--warn)}
.tag-visa{background:color-mix(in srgb, var(--accent) 12%, transparent); color:var(--accent)}

.guide{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:clamp(20px,3.5vw,38px); display:flex; flex-direction:column; gap:20px}
.guide h2{border-bottom:2px solid var(--accent); padding-bottom:8px; align-self:flex-start; scroll-margin-top:96px}
.guide h3{color:var(--cobalt); margin-top:6px}
.stamp{font-family:var(--util); font-size:12.5px; color:var(--muted); display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.stamp .dot{width:6px; height:6px; border-radius:50%; background:var(--ok); display:inline-block}
ol,ul{margin:0; padding-inline-start:22px; display:flex; flex-direction:column; gap:9px}
li{line-height:1.9}
.checks{list-style:none; padding:0}
.checks li{display:flex; gap:10px; align-items:flex-start}
.checks li::before{content:"☐"; font-size:17px; color:var(--accent); line-height:1.7}
.done{list-style:none; padding:0}
.done li{display:flex; gap:10px; align-items:flex-start; font-size:15px}
.done li::before{content:"✓"; font-family:var(--util); font-weight:600; color:var(--wa); line-height:1.8}
.callout{border-inline-start:3px solid var(--turq); background:var(--surface-2); border-radius:0 8px 8px 0; padding:14px 18px; font-size:15px}
.callout.warn{border-inline-start-color:var(--accent)}
.callout b{font-family:var(--sans); color:var(--ink)}
.src{font-family:var(--util); font-size:13px; color:var(--muted)}

/* فهرس */
.toc{background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; display:flex; flex-direction:column; gap:10px}
.toc h4{font-family:var(--util); font-size:12px; letter-spacing:1.2px; color:var(--muted); font-weight:600}
.toc ol{padding-inline-start:20px; gap:5px}
.toc li{line-height:1.7}
.toc button{background:none; border:0; padding:2px 0; font-family:var(--util); font-size:14.5px; color:var(--cobalt); cursor:pointer; text-align:right}
.toc button:hover{color:var(--accent); text-decoration:underline; text-underline-offset:3px}

/* CTA */
.cta{background:var(--cobalt); border-radius:var(--radius); padding:clamp(20px,3vw,30px); display:flex; flex-direction:column; gap:12px}
:root[data-theme="dark"] .cta{background:var(--surface-2); border:1px solid var(--line)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cta{background:var(--surface-2); border:1px solid var(--line)}}
.cta h3{color:#fff; font-size:21px}
.cta p{color:#C6D6EE; font-size:15px; line-height:1.9; max-width:60ch}
:root[data-theme="dark"] .cta h3{color:var(--ink)}
:root[data-theme="dark"] .cta p{color:var(--body)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .cta h3{color:var(--ink)}
  :root:not([data-theme="light"]) .cta p{color:var(--body)}
}
.cta a{align-self:flex-start; display:inline-flex; align-items:center; gap:8px; background:var(--wa); color:var(--wa-on); font-family:var(--util); font-weight:600; font-size:15px; padding:13px 22px; min-height:48px; border-radius:8px; margin-top:4px}
.cta a:hover{color:var(--wa-on); text-decoration:none; filter:brightness(1.07)}
.cta a svg{width:19px; height:19px}

footer.site{margin-top:46px; background:var(--cobalt); color:#D3E0F3}
footer.site .wrap{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:26px; padding-block:34px}
@media (max-width:760px){footer.site .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){footer.site .wrap{grid-template-columns:minmax(0,1fr)}}
footer.site b{font-family:var(--sans); font-size:15px; color:#fff; display:block; margin-bottom:10px}
footer.site a{display:block; color:#B9CBEA; font-family:var(--util); font-size:13.5px; padding-block:3px}
footer.site a:hover{color:#fff}
footer.site p{font-size:13.5px; line-height:1.9; color:#B9CBEA}
:root[data-theme="dark"] footer.site{background:var(--surface); border-top:1px solid var(--line); color:var(--body)}
:root[data-theme="dark"] footer.site b{color:var(--ink)}
:root[data-theme="dark"] footer.site a{color:var(--muted)}
:root[data-theme="dark"] footer.site a:hover{color:var(--accent)}
:root[data-theme="dark"] footer.site p{color:var(--muted)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) footer.site{background:var(--surface); border-top:1px solid var(--line); color:var(--body)}
  :root:not([data-theme="light"]) footer.site b{color:var(--ink)}
  :root:not([data-theme="light"]) footer.site a{color:var(--muted)}
  :root:not([data-theme="light"]) footer.site a:hover{color:var(--accent)}
  :root:not([data-theme="light"]) footer.site p{color:var(--muted)}
}
.legal{border-top:1px solid rgba(255,255,255,.15)}
.legal .wrap{display:block; padding-block:16px; font-family:var(--util); font-size:12.5px; color:#9FB6D6}
:root[data-theme="dark"] .legal .wrap{color:var(--muted)}

/* نموذج الطلب */
.reqform{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:clamp(18px,3vw,26px); display:flex; flex-direction:column; gap:16px}
.reqform .fields{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
@media (max-width:620px){.reqform .fields{grid-template-columns:minmax(0,1fr)}}
.field{display:flex; flex-direction:column; gap:6px}
.field label{font-family:var(--util); font-size:12.5px; font-weight:600; color:var(--muted)}
.field input, .field select, .field textarea{
  font-family:var(--serif); font-size:15px; color:var(--ink); background:var(--paper);
  border:1px solid var(--line); border-radius:8px; padding:11px 13px; min-height:46px; width:100%;
}
.field textarea{min-height:110px; line-height:1.8; resize:vertical}
.field input:focus, .field select:focus, .field textarea:focus{border-color:var(--accent); outline:none}
.reqform button{align-self:flex-start}

/* ملاءمة الهاتف */
@media (max-width:620px){
  body{font-size:16px; line-height:1.9}
  .wrap{padding-inline:16px}
  main{padding-block:20px 6px}
  .view{gap:26px}
  h1{font-size:25px}
  h2{font-size:20px}
  .hero{padding:20px 18px}
  .guide{padding:20px 18px; gap:16px}
  .card{padding:16px}
  .grid{gap:12px}
  .toc{padding:16px}
  .toc button{font-size:15px; padding:6px 0; min-height:36px}
  .cta{padding:20px 18px}
  .cta a{width:100%; justify-content:center}
  .btn{width:100%; justify-content:center}
  .hero-links{flex-direction:column; align-items:stretch}
  .ticker .wrap{padding-block:8px; gap:8px}
  .ticker span{font-size:12.5px}
  .answer dl{grid-template-columns:minmax(0,1fr)}
  .chip{font-size:13px; padding:9px 12px}
  table{font-size:14px}
  th,td{padding:10px 12px}
  .table-wrap{position:relative}
  .table-wrap::after{content:"← اسحب"; position:absolute; top:6px; left:8px; font-family:var(--util); font-size:10.5px; color:var(--muted); background:var(--surface); padding:2px 6px; border-radius:10px; opacity:.85}
  .reqform{padding:16px}
  .reqform button{width:100%; justify-content:center}
  footer.site .wrap{padding-block:26px; gap:20px}
}
h2[id], h3[id]{scroll-margin-top:110px}
@media (prefers-reduced-motion:no-preference){.view{animation:fade .25s ease-out}}
@keyframes fade{from{opacity:.4}to{opacity:1}}

/* نموذج الطلب: فخّ السبام ورسالة الحالة */
.reqform{position:relative}
.hp{position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap}
.formmsg{margin:0; font-family:var(--util); font-size:13.5px; line-height:1.8; color:var(--muted)}
.formmsg.ok{color:var(--wa, #0E7A6B); font-weight:700}
.formmsg.err{color:var(--accent); font-weight:700}

/* أبواب التقديم في الصفحة الرئيسية */
.acard{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px 18px;
  display:flex; flex-direction:column; gap:10px; text-align:center; align-items:center; box-shadow:var(--shadow)}
.acard .ico{width:54px; height:54px; border-radius:16px; display:grid; place-items:center;
  background:color-mix(in srgb, var(--cobalt) 10%, transparent); color:var(--cobalt); margin-bottom:2px}
.acard .ico svg{width:28px; height:28px}
.acard h3{font-size:17px; color:var(--cobalt); line-height:1.5}
.acard p{font-size:14px; line-height:1.85; color:var(--body)}
.acard .acard-mini{font-family:var(--util); font-size:12.5px; line-height:1.9; color:var(--muted);
  border-top:1px dashed var(--line); padding-top:9px; width:100%}
.acard .acard-field{width:100%; text-align:right; gap:5px}
.acard .acard-field label{text-align:right}
.acard .btn-wa{width:100%; justify-content:center; background:var(--wa); color:var(--wa-on); margin-top:auto}
.acard .btn-wa:hover{background:var(--wa); color:var(--wa-on); text-decoration:none; filter:brightness(1.07)}
.acard .more{font-family:var(--util); font-size:12.5px; font-weight:600; color:var(--accent)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .acard .ico{background:rgba(143,176,234,.14); color:#8FB0EA}
  :root:not([data-theme="light"]) .acard h3{color:#8FB0EA}
}
:root[data-theme="dark"] .acard .ico{background:rgba(143,176,234,.14); color:#8FB0EA}
:root[data-theme="dark"] .acard h3{color:#8FB0EA}
.acard .more{white-space:nowrap}

/* الخريطة والبريد في صفحة من نحن */
.mapbox{margin-top:16px; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--surface)}
.mapbox iframe{display:block; width:100%; height:340px; border:0; filter:saturate(.92)}
.maprow{display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:14px 16px; border-top:1px solid var(--line)}
.maprow span{font-family:var(--util); font-size:13.5px; color:var(--muted); line-height:1.8; flex:1 1 240px}
.maprow .btn{font-size:13.5px; padding:10px 16px; min-height:42px}
.maprow .btn-wa{background:var(--wa); color:var(--wa-on); border-color:transparent}
.maprow .btn-wa:hover{color:var(--wa-on); text-decoration:none; filter:brightness(1.07)}
.contact-mail{font-size:14.5px; line-height:1.9}
.contact-mail a{font-weight:600}
@media (max-width:620px){
  .mapbox iframe{height:260px}
  .maprow{padding:12px}
  .maprow .btn{width:100%; justify-content:center}
}