/* رافدين — الهوية الهادئة: خط واحد، ألوان قليلة، بطاقات بسيطة */
:root{
  --bg:#F5F5F2; --surface:#FFFFFF; --ink:#17191E; --ink-soft:#6B707B; --line:#E5E5E0;
  --accent:#1E3E77; --accent-ink:#FFFFFF; --accent-soft:#E9EEF7;
  --lapis:#1E3E77; --lapis-deep:#152B54; --gold:#1E3E77; --gold-soft:#C9D6EE;
  --on-lapis:#FFFFFF; --on-lapis-soft:#C9D3E6;
  --display:"Almarai",Tahoma,"Segoe UI",sans-serif;
  --body:"Almarai",Tahoma,"Segoe UI",sans-serif;
  --radius:14px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0F1115; --surface:#181B21; --ink:#ECEDEF; --ink-soft:#9BA1AC; --line:#2A2E36;
    --accent:#8DB0EC; --accent-ink:#0F1115; --accent-soft:#1D2738;
  }
}
:root[data-theme="dark"]{
  --bg:#0F1115; --surface:#181B21; --ink:#ECEDEF; --ink-soft:#9BA1AC; --line:#2A2E36;
  --accent:#8DB0EC; --accent-ink:#0F1115; --accent-soft:#1D2738;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.75}
h1,h2,h3{font-family:var(--body)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- الشريط العلوي ---------- */
.top{background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink)}
.brand{color:var(--ink);font-family:var(--body);font-weight:800;font-size:20px;letter-spacing:0}
.brand svg{width:30px;height:30px}
.nav a{color:var(--ink-soft);font-weight:700;font-size:15px;text-decoration:none}
.nav a:hover{color:var(--ink)}
.lang{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:999px;font-family:var(--body);font-weight:700;font-size:14px;padding:6px 14px}
.lang:hover{border-color:var(--ink-soft)}

/* ---------- البداية ---------- */
.hero{background:var(--bg);color:var(--ink);padding:26px 0 6px;min-height:0;border:0}
.hero::before,.hero::after{display:none}
.hero .wrap{display:block;padding-block:0}
.hero h1{font-family:var(--body);font-weight:800;font-size:clamp(28px,6vw,42px);line-height:1.25;margin:0 0 6px;color:var(--ink);letter-spacing:0}
.hero .lead{color:var(--ink-soft);font-size:16px;line-height:1.7;margin:0 0 18px;max-width:60ch}
.hero .search{position:relative;max-width:640px}
.hero .search svg{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--ink-soft);pointer-events:none}
.hero .search input{width:100%;height:52px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--body);font-size:16px;padding-inline:48px 16px;box-shadow:none}
.hero .search input:focus{outline:none;border-color:var(--accent)}

/* ---------- الأقسام ---------- */
section.block{padding:26px 0;background:transparent;border:0}
section.block::before,section.block::after{display:none}
.sec-head{margin-bottom:16px}
.sec-head h2,h2{font-family:var(--body);font-weight:800;font-size:22px;line-height:1.35;color:var(--ink);letter-spacing:0}
.sec-head p{color:var(--ink-soft);font-size:15px;margin:4px 0 0}
.eras,.home-app,.home-about{background:transparent}

/* ---------- الفلاتر ---------- */
.filters{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;font-family:var(--body);font-weight:700;font-size:14px;padding:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:none}
.chip i{display:none}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.era-sel{flex:0 0 auto;font-family:var(--body);font-weight:700;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 14px;max-width:44vw}
.count{color:var(--ink-soft);font-size:13px;margin:0 0 12px}

/* ---------- البطاقات ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px 18px;list-style:none;margin:0;padding:0}
.tile{display:block!important;color:inherit;text-decoration:none}
.thumb{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--line);box-shadow:none;border:0}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.tile:hover .thumb img{transform:scale(1.03)}
.tile:hover .thumb{transform:none;box-shadow:none}
.tile .info{padding:10px 2px 0}
.tile h3{font-family:var(--body);font-weight:700;font-size:16px;line-height:1.4;margin:0;color:var(--ink)}
.tile .meta{font-size:13px;color:var(--ink-soft);margin:2px 0 0;line-height:1.5}
.tile .short,.tile .tags{display:none}
.fav{width:34px;height:34px;top:8px;inset-inline-end:auto;inset-inline-start:8px;background:rgba(255,255,255,.92);color:#17191E;box-shadow:none}
.fav svg{width:17px;height:17px}
.fav[aria-pressed="true"]{background:#E5484D;color:#fff}
@media (max-width:560px){
  .grid{grid-template-columns:1fr 1fr;gap:16px 12px}
  .tile h3{font-size:15px}
  .fav{inset-inline-start:6px;top:6px;width:32px;height:32px}
}
.empty{color:var(--ink-soft);grid-column:1/-1;text-align:center;padding:30px 0}

/* ---------- الخريطة ---------- */
.map-card{margin:0;background:#122447;border-radius:18px;padding:14px 10px 10px;border:0}
.map-card #map{width:100%;max-height:78vh;margin-inline:auto;display:block}
.map-card .legend{color:#C9D3E6;justify-content:center;font-size:13px}

/* ---------- الخط الزمني ---------- */
.timeline .when{color:var(--ink-soft);font-weight:700}
.timeline .what{color:var(--ink)}
.timeline .what small{color:var(--ink-soft)}

/* ---------- الزيارة ---------- */
.visa{display:block;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:20px;margin:0 0 18px}
.visa-ic{display:none}
.visa h3{font-family:var(--body);font-weight:800;font-size:19px;color:var(--ink);margin:0 0 6px}
.visa > div > p{color:var(--ink-soft);font-size:15px}
.visa ul{color:var(--ink);font-size:15px;padding-inline-start:1.1em}
.visa li::marker{color:var(--ink-soft)}
.visa-note{color:var(--ink-soft);font-size:13px}
.visa-url{color:var(--ink-soft);font-size:14px}
.essentials{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0 0 22px}
.essentials div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;border-top:1px solid var(--line)}
.essentials dt{font-family:var(--body);font-weight:800;font-size:15px;color:var(--ink)}
.essentials dd{color:var(--ink-soft);font-size:14px;line-height:1.65;margin:4px 0 0}
.routes-head{font-family:var(--body);font-weight:800;font-size:19px;margin:6px 0 12px;color:var(--ink)}
.routes{display:block}
.route{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 10px;padding:0;border-top:1px solid var(--line)}
.route summary{list-style:none;cursor:pointer;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center}
.route summary::-webkit-details-marker{display:none}
.route summary::after{content:"";grid-row:1/3;grid-column:2;width:10px;height:10px;border-inline-end:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.route[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.r-name{font-weight:800;font-size:16px;color:var(--ink)}
.r-note{font-size:13px;color:var(--ink-soft)}
.route ol{margin:0;padding:0 16px 14px;border-top:1px solid var(--line)}
.route li{padding-top:12px}
.route .day{color:var(--ink-soft);font-weight:700;font-size:13px}
.route .stop p{font-size:15px;color:var(--ink)}
.stop-links button{font-family:var(--body);font-size:13px;font-weight:700;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:4px 12px}

/* ---------- الأزرار ---------- */
.btn{font-family:var(--body);font-weight:700;border-radius:12px;box-shadow:none}
.btn.primary{background:var(--accent);color:var(--accent-ink);border:0}
.btn.primary:hover{background:var(--accent);filter:brightness(1.08)}
.btn.soft,.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.soft:hover,.btn.ghost:hover{border-color:var(--ink-soft);box-shadow:none}

/* ---------- التطبيق ومن نحن ---------- */
.home-app-card,.home-about-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:none;border-inline-start:1px solid var(--line)}
.home-app h2,.home-about h2{color:var(--ink);font-family:var(--body);font-weight:800;font-size:20px}
.home-app p,.home-about p{color:var(--ink-soft)!important;font-size:15px}
.home-app .btn.soft{background:var(--surface);color:var(--ink);box-shadow:none;border:1px solid var(--line)}
.home-about-mark{background:var(--accent-soft);padding:8px;border-radius:12px;width:48px;height:48px}
.app-note{color:var(--ink-soft)!important}

/* ---------- نافذة الموقع ---------- */
dialog{background:var(--surface);color:var(--ink);border-radius:22px 22px 0 0}
.sheet-body h2{font-family:var(--body);font-weight:800;font-size:24px;color:var(--ink)}
.sheet-alt{color:var(--ink-soft)}
.sheet-meta li{background:var(--bg);color:var(--ink-soft);border:0;font-size:13px}
.sheet-meta li.era::before{display:none}
.sheet-text p{color:var(--ink);font-size:16px}
.sheet-tip{background:var(--bg);border:0;border-radius:12px}
.sheet-tip h3{font-family:var(--body);font-weight:800;font-size:15px}
.sheet-actions .btn.primary{background:var(--accent);color:var(--accent-ink)}
.near h3{font-family:var(--body);font-weight:800}
.credit{color:var(--ink-soft)}

/* ---------- التذييل ---------- */
footer{background:var(--surface);color:var(--ink-soft);border-top:1px solid var(--line)}
footer .brand{color:var(--ink)}
.directory{border-bottom:1px solid var(--line);padding-block:6px 14px;margin-bottom:14px}
.directory summary{cursor:pointer;font-weight:800;font-size:16px;color:var(--ink);padding:10px 0;list-style:none}
.directory summary::-webkit-details-marker{display:none}
.directory summary::after{content:" ▾";color:var(--ink-soft)}
.directory[open] summary::after{content:" ▴"}
.dir-cols h3{color:var(--ink);font-weight:800}
.dir-cols a{color:var(--ink-soft)}
.dir-cols a:hover{color:var(--ink)}
.foot-ig{color:var(--ink)}
.foot-ig:hover{color:var(--accent)}
.toast{background:var(--ink);color:var(--surface);font-family:var(--body)}
.totop{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 2px 10px rgba(0,0,0,.08)}

/* ---------- الشريط السفلي (الموبايل والتطبيق) ---------- */
.tabbar{display:none}
@media (max-width:760px){
  .nav{display:none}
  .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
  .tabbar button{background:none;border:0;font-family:var(--body);font-size:11px;font-weight:700;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;cursor:pointer}
  .tabbar svg{width:24px;height:24px}
  .tabbar button[aria-current="page"]{color:var(--accent)}
  body{padding-bottom:78px}
  body[data-tab="sites"] main > [data-tab]:not([data-tab="sites"]),
  body[data-tab="map"] main > [data-tab]:not([data-tab="map"]),
  body[data-tab="visit"] main > [data-tab]:not([data-tab="visit"]),
  body[data-tab="more"] main > [data-tab]:not([data-tab="more"]){display:none}
  body[data-tab]:not([data-tab="more"]) > footer{display:none}
  .totop{display:none}
  section.block{padding:18px 0}
  .map-card #map{max-height:none}
}

/* ---------- صفحات المواقع ---------- */
.sp-head h1{font-family:var(--body);font-weight:800;font-size:clamp(28px,5vw,40px);line-height:1.3}
.sp-alt{color:var(--ink-soft)}
.tag-era::before{display:none}
.sp-tip{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:12px}
.sp-tip h2{font-family:var(--body);font-weight:800;font-size:15px}
.sp-facts{background:var(--surface);border:1px solid var(--line);border-radius:16px}
.sp-facts h2,.sp-near h2,.sp-more h2{font-family:var(--body);font-weight:800}
.sp-cards a{background:var(--surface);border:1px solid var(--line)}
.sp-cards h3,.sp-pager b{font-family:var(--body);font-weight:700}
.sp-cta{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-inline-start:1px solid var(--line);border-radius:18px}
.sp-cta h2{color:var(--ink);font-family:var(--body);font-weight:800}
.sp-cta p{color:var(--ink-soft)}
.about-sign{font-family:var(--body);font-weight:800}
.about h2{font-family:var(--body);font-weight:800}
/* ألوان الخريطة الداكنة */
.map-card{--gold:#E2B23E;--gold-soft:#F1D58C;--on-lapis:#F3EBDA;--on-lapis-soft:#C3CDE6;--lapis-deep:#0F2350;--lapis:#18346E}

/* بدون ملصقات: المعلومات نص عادي، والصور نظيفة */
.sheet-meta{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:6px 0 14px}
.sheet-meta li{background:none!important;border:0!important;padding:0!important;font-size:14px;color:var(--ink-soft)}
.sheet-meta li+li::before{content:" · ";white-space:pre}
.sheet-meta svg,.tag-gov svg,.tag-unesco svg{display:none}
.sp-head .tags{display:flex;flex-wrap:wrap;gap:0;font-size:15px;color:var(--ink-soft)}
.sp-head .tags>span{background:none;border:0;padding:0;color:var(--ink-soft);font-weight:400}
.sp-head .tags>span+span::before{content:" · ";white-space:pre}
.tag-rel{color:var(--ink-soft)!important;font-weight:400!important}
.sp-gallery figcaption,.sp-strip figcaption{display:none}
.sp-credits{font-size:12px;color:var(--ink-soft);margin:-14px 0 22px;line-height:1.6}
.home-about-mark,.home-app-card>img{display:none}
.home-app-card,.home-about-card{grid-template-columns:1fr}
.sheet-meta li.era{color:var(--ink-soft)!important}

/* المحافظات */
.gov-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.gov-card{display:block;color:inherit;text-decoration:none}
.gov-img{display:block;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;background:var(--line)}
.gov-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.gov-card:hover .gov-img img{transform:scale(1.03)}
.gov-name{display:block;font-weight:800;font-size:17px;margin-top:8px;color:var(--ink)}
.gov-n{display:block;font-size:13px;color:var(--ink-soft)}
@media (max-width:560px){.gov-grid{grid-template-columns:1fr 1fr;gap:14px 12px}.gov-name{font-size:15px}}
.dir-cols h3 a{color:var(--ink);text-decoration:none}
.dir-cols h3 a:hover{text-decoration:underline}
.sp-facts dd a{color:var(--accent);text-decoration:none}
.sp-facts dd a:hover{text-decoration:underline}
@media (max-width:760px){
  .tabbar{grid-template-columns:repeat(5,1fr)}
  body[data-tab="govs"] main > [data-tab]:not([data-tab="govs"]){display:none}
}
.gov-links{margin:40px 0 50px;padding-top:20px;border-top:1px solid var(--line)}
.gov-links h2{font-size:18px;margin:0 0 12px}
.gov-links div{display:flex;flex-wrap:wrap;gap:8px}
.gov-links a{font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px}
.gov-links a:hover{border-color:var(--ink-soft)}
.sp-cards{margin-bottom:10px}
.sp-cards img{height:auto;aspect-ratio:16/10;object-fit:cover}

/* ادعم رافدين */
.support-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;max-width:1000px}
.support-card h2{font-size:21px;margin:0 0 6px}
.support-card p{color:var(--ink-soft);font-size:15px;margin:0 0 14px;line-height:1.75}
.qi-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:14px 16px;margin:4px 0 10px}
.qi-label{font-weight:700;font-size:14px;color:var(--ink-soft);width:100%}
.qi-num{font-weight:800;font-size:28px;letter-spacing:2px;color:var(--ink);font-variant-numeric:tabular-nums}
.qi-box .btn{margin-inline-start:auto}
.support-how{font-size:14px!important}
.support-or{color:var(--ink)!important;font-weight:700}
.support-thanks{margin:14px 0 0!important;font-size:14px!important}
#shareSite{display:inline-flex;align-items:center;gap:8px}
@media (max-width:560px){.qi-num{font-size:24px}.qi-box .btn{margin-inline-start:0;width:100%}}

/* صفحات الدليل والتأشيرة والمسارات */
.guide{max-width:960px}
.g-sec{margin:30px 0}
.g-sec h2{font-size:21px;margin:0 0 10px}
.g-sec p,.g-sec li{font-size:16px;line-height:1.8;color:var(--ink)}
.g-sec ul,.g-sec ol{padding-inline-start:1.2em;margin:0 0 12px}
.g-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.g-tips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0}
.g-tips div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.g-tips dt{font-weight:800;font-size:15px}
.g-tips dd{margin:4px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.65}
.g-steps li{margin-bottom:8px}
.g-days{list-style:none;padding:0;margin:20px 0}
.g-days>li{margin:0 0 28px}
.g-days h2{font-size:18px;margin:0 0 12px}
.route-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.route-list a{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);text-decoration:none}
.route-list a:hover{border-color:var(--ink-soft)}
.route-list span{font-size:13px;color:var(--ink-soft)}
.g-back a{color:var(--accent);font-weight:700;text-decoration:none}
.guide-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.r-page{display:inline-block;margin:0 16px 14px;color:var(--accent);font-weight:700;font-size:14px;text-decoration:none}