/* هوية جيدا لصفحات الموقع المبنية على main.css (الرئيسية، الباقات، الحاسبة، الاستقبال).
 * يُحمَّل بعد main.css وبعد أي <style> داخل الصفحة، ويعيد ربط متغيراتها بألوان الشعار من brand.css.
 * الأدوار: --action للزر الأساسي، التركواز للعناوين والروابط، --wa لواتساب فقط. */
:root{
  --t:var(--teal);--tl:#1b7a88;--tg:var(--teal-tint);
  --o:var(--action);--ol:var(--action-hover);--og:rgba(200,80,47,.16);
  --bg:#fff;--bg2:var(--ivory);--bg3:#efe6d6;
  --tx:var(--ink);--mu:var(--muted);--ca:#fff;--bd:var(--line);
  --sh:var(--shadow);--sh2:var(--shadow-lg);
}
body{font-family:var(--font)!important;background:#fff}
button,input,textarea,select{font-family:inherit!important}

/* الشريط العلوي */
.tnav{background:var(--teal-deep)!important;border-bottom:0!important;box-shadow:none!important}
.logo,.nav-logo{text-decoration:none;color:#fff!important}
.logo img{height:40px!important;width:40px;background:#fff;border-radius:50%;padding:2px;filter:none!important;object-fit:contain}
.logo span{color:#fff;font-weight:700;letter-spacing:3px;font-size:15px}
.tnav .nl{color:#fff}
.tnav .nl:hover{background:rgba(255,255,255,.1)}
.hamburger{color:#fff!important}
.trbtn{color:#fff!important;border-color:rgba(255,255,255,.3)!important}
.trbtn svg{fill:#fff!important}
.back-btn{color:#fff!important;border-color:rgba(255,255,255,.35)!important}
.mobnav{background:var(--teal-deep)!important;border-bottom:0!important}
.mobnav .nl{color:#fff!important}

/* واتساب: أخضر غامق مقروء (تباين 5.35) */
.btn-nwa,.btn-wah,.btn-wa,.socbtn.wa,#waBtn{background:var(--wa)!important;box-shadow:none!important}
.btn-nwa:hover,.btn-wah:hover,.btn-wa:hover,.socbtn.wa:hover,#waBtn:hover{background:var(--wa-hover)!important}

/* الزر الأساسي: مرجاني غامق (تباين 4.52) */
.btn-next,.btn-submit,.hero-cta,.pcta,.btn-pkg,.f-btn{background:var(--action)!important;color:#fff!important;box-shadow:none!important}
.btn-next:hover:not(:disabled),.btn-submit:hover:not(:disabled),.hero-cta:hover,.pcta:hover,.btn-pkg:hover{background:var(--action-hover)!important}

/* العناوين */
.stag{background:var(--sand)!important;border:0!important;color:var(--teal-deep)!important;font-weight:600}
.stit{font-weight:700;color:var(--teal-deep)}
.ssub{font-weight:400}
.page-header h1,.calc-hero h1{color:var(--teal-deep)}
.page-header h1 span,.calc-hero h1 span{color:var(--action)!important}
.filter-btn.on{background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important}

/* الفوتر */
footer,.footer{background:var(--teal-deep)}

/* بلا شاشة تحميل تغطي الصفحة — المحتوى يظهر فورًا ويكتمل حين تصل البيانات */
#pgLoader{display:none!important}
.nav-title{color:#fff!important;font-weight:600}

/* الاستقبال: بديل صورة السيارة أيقونة لا إيموجي */
.car-img .svg-ph{background:linear-gradient(150deg,var(--teal),var(--teal-deep))!important}
.car-img .svg-ph svg{width:64px;height:64px;fill:none;stroke:rgba(255,255,255,.85);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.car-price-badge{background:var(--action)!important}

/* الحاسبة: أيقونات SVG بدل الإيموجي، وقسم «جاهز تحجز» بالتركواز */
.cc-icon svg,.brow-icon svg{width:28px;height:28px;fill:none;stroke:var(--teal);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brow-icon svg{width:22px;height:22px}
.calc-card.active{border-color:var(--teal)!important;background:#f1f7f7!important}
.cc-status{color:var(--teal)!important;border-color:rgba(19,95,107,.3)!important}
.cta-card{background:linear-gradient(150deg,var(--teal),var(--teal-deep))!important}
.cta-card .btn-pkg{background:transparent!important;border:1.5px solid rgba(255,255,255,.6)!important}
.nav-logo img{height:40px;width:40px;background:#fff;border-radius:50%;padding:2px}
.type-badge{background:var(--action)!important}
.cta-card .btn-wa{background:var(--wa)!important;color:#fff!important}
.pimg-placeholder{background:linear-gradient(150deg,var(--teal),var(--teal-deep))!important}
.calc-card.active .cc-status{background:var(--teal)!important;color:#fff!important;border-color:var(--teal)!important}

/* القائمة «المزيد» والفوتر — مشتركة بين الرئيسية وبقية الصفحات */
/* القائمة: «المزيد» */
.nl-more{position:relative}
.nl-more summary{list-style:none;cursor:pointer}
.nl-more summary::-webkit-details-marker{display:none}
.nl-more summary::after{content:" ▾";font-size:11px}
.nl-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;z-index:1100}
.nl-menu a{padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px}
.nl-menu a:hover{background:var(--teal-tint);color:var(--teal)}
.site-foot{background:var(--teal-deep);color:rgba(255,255,255,.85);padding:40px 20px 24px;margin-top:0}
.sf-in{max-width:1080px;margin:0 auto;display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:760px){.sf-in{grid-template-columns:1.4fr 1fr 1fr}}
.sf-brand img{background:#fff;border-radius:50%;padding:3px;margin-bottom:10px}
.sf-brand p{line-height:1.9;font-size:14px}
.sf-brand strong{color:#fff;font-size:16px}
.sf-trust{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:16px;background:rgba(255,255,255,.1);font-size:12.5px}
.sf-links,.sf-contact{display:flex;flex-direction:column;gap:9px;font-size:14px}
.sf-links strong,.sf-contact strong{color:#fff;margin-bottom:2px}
.site-foot a{color:rgba(255,255,255,.85);text-decoration:none}
.site-foot a:hover{color:#fff;text-decoration:underline}
.sf-copy{max-width:1080px;margin:26px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.6)}

/* التوثيق: بطاقات «من نحن» وسطر السجل التجاري */
.ticon svg{width:22px;height:22px;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
a.tcard{text-decoration:none;color:inherit}
a.tcard .tsub{color:var(--teal);font-weight:600}
.trustbar a.tb-verify{display:inline-flex;align-items:center;gap:6px}
.sf-cr{margin-top:6px;font-size:12.5px;color:rgba(255,255,255,.7)}
.t-foot a{color:inherit}