/* هوية البوابة: مطابقة لموقع فراسة الرواد */
:root{--site-dark:#174F60;--site-gold:#B58B3D;--site-bg:#F0F0F0}
.site-header{position:sticky;top:0;z-index:20;padding:14px 20px 0}
.site-header .bar{position:relative;max-width:1180px;margin:0 auto;padding:10px 26px;display:flex;align-items:center;gap:24px;justify-content:space-between;background:var(--site-dark);border-radius:27px;box-shadow:0 10px 30px rgba(12,23,48,.18)}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:40px;width:auto;display:block}
.site-nav{display:flex;gap:22px;align-items:center;font-size:15px}
.site-nav a,.site-nav summary{color:#fff;text-decoration:none;cursor:pointer}
.site-nav a:hover,.site-nav summary:hover{color:#E3C68F}
.site-nav .soon{color:#AFC3C9;cursor:default}
.site-nav details{position:relative}
.site-nav details summary{list-style:none}
.site-nav details summary::-webkit-details-marker{display:none}
.site-nav details summary::after{content:"▾";font-size:11px;margin-inline-start:4px}
.site-nav details[open] .dropdown{display:block}
.dropdown{display:none;position:absolute;top:calc(100% + 14px);inset-inline-start:0;background:#fff;border-radius:12px;padding:8px 0;min-width:200px;box-shadow:0 12px 30px rgba(12,23,48,.15)}
.dropdown a{display:block;padding:8px 16px;color:var(--site-dark)}
.dropdown a:hover{color:var(--site-gold)}
.dropdown a[aria-current="page"]{color:var(--site-gold);font-weight:600}
.book{background:var(--site-gold);color:#fff!important;padding:8px 18px;border-radius:20px;font-weight:600;white-space:nowrap}
.book:hover{background:#9C7633;color:#fff!important}
.menu-toggle{display:none}
.site-footer{background:var(--site-dark);color:#E3EBEE;margin-top:72px;position:relative}
.site-footer .wave{display:block;width:100%;height:90px;background:var(--site-bg)}
.site-footer .inner{max-width:1180px;margin:0 auto;padding:24px 20px 20px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}
.site-footer .about{display:flex;gap:18px;align-items:flex-start}
.site-footer .about img{width:64px;height:64px;border-radius:10px;flex:none}
.site-footer p{margin:0;max-width:44ch;line-height:1.8;font-size:15px}
.site-footer ul{list-style:disc;margin:0;padding-inline-start:20px;display:grid;grid-template-columns:repeat(3,auto);gap:8px 32px;justify-content:start;font-size:14px}
.site-footer a{color:#E3EBEE;text-decoration:underline;text-underline-offset:3px}
.site-footer a:hover{color:#fff}
.site-footer .legal{max-width:1180px;margin:0 auto;padding:14px 20px 26px;text-align:center;font-size:13px;color:#C9D6DB;line-height:1.9}
@media (max-width:900px){
  .site-header{padding:10px 12px 0}
  .site-header .bar{padding:8px 16px}
  .site-nav{display:none;position:absolute;top:calc(100% + 8px);inset-inline:0;background:var(--site-dark);border-radius:18px;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px 16px;box-shadow:0 12px 30px rgba(12,23,48,.2)}
  .site-nav a,.site-nav summary,.site-nav .soon{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .site-header.open .site-nav{display:flex}
  .dropdown{position:static;box-shadow:none;background:transparent;padding:0 16px}
  .dropdown a{color:#fff}
  .book{text-align:center;margin-top:12px;border-bottom:0!important}
  .menu-toggle{display:inline-flex;align-items:center;background:none;border:1.5px solid #fff;border-radius:16px;padding:5px 14px;font:inherit;color:#fff;cursor:pointer}
  .site-footer .inner{grid-template-columns:1fr}
  .site-footer ul{grid-template-columns:repeat(2,auto)}
}
/* مقدمة الصفحة بصورة جانبية كما في صفحات الموقع */
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero-grid h1{color:var(--site-gold)!important;font-weight:600}
.hero-media{margin:0;border-radius:42px;overflow:hidden;box-shadow:0 20px 60px rgba(12,23,48,.15);aspect-ratio:714/535;background:#DDE3E6}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-media{border-radius:28px;max-width:560px}
}
@media print{.site-header,.site-footer,.hero-media{display:none!important}}
