/* ═══════════════════════════════════════════════════════════════
   توك توك جو | لبنان — طبقة v7.2 «Refined Professional»
   تُحمَّل بعد css/theme-v7.css وتعدّل فوقها فقط (لا تلمس v7 نفسها).
   المبدأ: إزالة التوهجات الملوّنة واستبدالها بظلال رصينة محايدة،
   شاشة بداية بيضاء نقية، وحذف أشرطة الضوء الذهبية من الهيدرات.
   ═══════════════════════════════════════════════════════════════ */

/* ═════════════════ 1) إزالة كل التوهجات — ظلال محايدة ═════════════════ */

:root{
  --glow-yellow:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
  --glow-green:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
}
html[data-theme="dark"]{
  --glow-yellow:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
  --glow-green:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
}

/* الأزرار الملوّنة: نفس العمق بلا أي لون في الظل */
.btn-blue,
.btn-red,
.btn-dark,
.btn-sky,
.mk-btn-orange,
.mk-chat-cta{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
}

/* حالات الضغط للأزرار الرئيسية — ظل محايد أقرب */
.btn-primary:active,
.btn-green:active,
.btn-blue:active,
.btn-red:active{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 1px 2px rgba(13,22,40,.10), 0 3px 8px rgba(13,22,40,.14);
}

#adminScreen .adm-btn-primary{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
}
.offx-save{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
}
.search-bar .sgps{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
}
.tabs button.on{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42), 0 1px 2px rgba(13,22,40,.10), 0 4px 12px rgba(13,22,40,.16);
}
.svc-switch-circle{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(13,22,40,.12), 0 4px 10px rgba(13,22,40,.20);
}
.role-pick button.on{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.60), 0 1px 2px rgba(13,22,40,.08), 0 5px 14px rgba(13,22,40,.14);
}
.st-fbtn.on{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.60), 0 2px 8px rgba(13,22,40,.10);
}
.trip-points .tp-dot{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 1px 2px rgba(13,22,40,.10), 0 4px 10px rgba(13,22,40,.18);
}
.trip-points .tp-dot.end{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 1px 2px rgba(13,22,40,.10), 0 4px 10px rgba(13,22,40,.18);
}
#riderScreen .slide-order{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.22), 0 2px 6px rgba(13,22,40,.10), 0 10px 26px rgba(13,22,40,.20);
}
#riderScreen .slide-order.so-taxi{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.28), 0 2px 6px rgba(13,22,40,.10), 0 10px 26px rgba(13,22,40,.20);
}

/* نبض «الطلب جاهز» — حركة أهدأ بظل محايد */
@keyframes reqReadyPulse{
  0%,100%{transform:translateY(0) scale(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.34), 0 2px 6px rgba(13,22,40,.12), 0 5px 14px rgba(13,22,40,.16)}
  50%{transform:translateY(-1px) scale(1.015);box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 4px 12px rgba(13,22,40,.16), 0 8px 20px rgba(13,22,40,.18)}
}

.swipe-track{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 2px 6px rgba(13,22,40,.10), 0 10px 24px rgba(13,22,40,.22);
}
.swipe-knob{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.50), 0 4px 12px rgba(13,22,40,.26);
}
.radius-btn{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.40), 0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.15);
}
.kyc-steps .kyc-step.active .kyc-step-dot,
.kyc-steps .kyc-step.done .kyc-step-dot{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 3px 9px rgba(13,22,40,.18);
}
.eta-chip{
  box-shadow:0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.20);
}
#adminScreen .adm-nav button.on{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 1px 2px rgba(13,22,40,.12), 0 4px 12px rgba(13,22,40,.20);
}

/* توهجات صغيرة تُطفأ نهائياً */
.dbn-item.active::after{box-shadow:none}
#adminScreen .adm-nav button.on::before{box-shadow:none}
.dbn-badge{box-shadow:none}
#adminScreen .adm-bell-badge{box-shadow:none}


/* ═════════════════ 2) حذف أشرطة الضوء من الهيدرات ═════════════════ */

.topbar::after,
#driverScreen .d-header::after,
.sd-header::after,
.incoming-sheet::before{
  content:none;
  display:none;
}


/* ═════════════════ 3) شاشة البداية — بيضاء نقية 100% ═════════════════ */

#bootScreen{background:#fff}
.boot-bar{background:#E8EDF7;box-shadow:none}
.boot-bar i{box-shadow:none}
#bootScreen>p.boot-txt{color:#0A3161}


/* ═════════════════ 4) لمسات رصانة أخيرة ═════════════════ */

#authScreen .brand h1 span{filter:none}
#authScreen .auth-hero img{filter:none}
#toast{border-color:rgba(255,255,255,.16)}


/* ═════════ 5) v7.2.1 — ملاحظات المالك بعد النشر ═════════ */

/* أ) لوحة التسجيل تنمو مع محتواها (إصلاح فيضان العنوان وزر Google عند ظهور
   كادر الإحالة، سببه flex:1 الذي يثبّت الارتفاع) + حذف الظل العمودي الخارجي
   عن جانبيها */
#authScreen .auth-body{
  flex:1 0 auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

/* ب) حذف النقطة الخضراء بجانب «سائق متاح» في هيدر الزبون */
.topbar .who .rl::before{content:none;display:none}

/* ج) بطاقة معلومات الرحلة (fare-line): حذف شارة سيرفيس/تاكسي وحذف المقابل بالدولار */
.fare-line .svc-badge,
.fare-line .taxi-badge{display:none}
.fare-line .fv .usd{display:none}

/* د) إعادة تنظيم البطاقة بعد توفير المساحة — السعر أبرز عنصر */
.fare-line{align-items:center;gap:12px;padding:13px 16px;border-radius:16px}
.fare-line .fl{font-size:13.5px;font-weight:800;letter-spacing:.1px}
.fare-line .fv{font-size:21px;font-weight:800;gap:0;line-height:1}

/* هـ) زر «اطلب توك توك» بلون برتقالي واحد مسطّح بلا تدرج + ظل محايد */
#riderScreen #requestBtn{
  background:var(--rider-orange-deep,#DD5C00);
  box-shadow:0 1px 2px rgba(13,22,40,.10), 0 5px 14px rgba(13,22,40,.17);
}