/* V62 — Tamiyouz: single Dark Theme / cohesive native country-code input. */
:root { color-scheme: dark; }
html[data-theme="dark"] body { background:#09182b; }
/* The interface offers no Light/Theme switch; Arabic and English both start dark. */
.theme-switch { display:none !important; }

/* Better spacing around the language button after removing theme controls */
.site-header .nav-actions { gap:11px; }
.site-header .language-switch { border-color:rgba(213,164,71,.21); background:#142942; color:#f4f7fc; }
.site-header .language-switch:hover { border-color:rgba(213,164,71,.55); background:#1a3552; }

/* Country dialing code: single-line, readable on Windows / Arabic RTL / English LTR.
   Use ISO letters instead of system-dependent flag emoji, which often become KW, SA, ... */
.consultation-phone-row { gap:10px; grid-template-columns:minmax(0,1fr) 132px; align-items:start; }
html[lang="en"] .consultation-phone-row { grid-template-columns:minmax(0,1fr) 132px; }
.country-picker { position:relative; min-width:0; width:100%; height:48px; direction:ltr; }
.consultation-phone-row .country-picker select {
  box-sizing:border-box;
  display:block;
  -webkit-appearance:none;
  appearance:none;
  direction:ltr !important;
  text-align:left !important;
  text-align-last:left;
  width:100%; height:48px; min-height:48px;
  padding:0 32px 0 15px !important;
  border:1px solid #3b526c;
  border-radius:12px;
  background:#172d46;
  color:#f6f8fc;
  font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:46px;
  letter-spacing:.15px;
  font-variant-numeric:tabular-nums;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.consultation-phone-row .country-picker select:hover { background:#1b344f; border-color:#69809b; }
.consultation-phone-row .country-picker select:focus,
.consultation-phone-row .country-picker select:focus-visible {
  outline:none;
  border-color:#d5a447;
  box-shadow:0 0 0 3px rgba(213,164,71,.15);
}
.country-picker select option { background:#152b44; color:#fff; }
.country-picker-chevron {
  position:absolute;
  right:14px;
  top:18px;
  height:9px;
  width:9px;
  border-right:1.8px solid #dfb967;
  border-bottom:1.8px solid #dfb967;
  transform:rotate(45deg);
  pointer-events:none;
}
@media(max-width:560px){
  .consultation-phone-row,html[lang="en"] .consultation-phone-row {grid-template-columns:minmax(0,1fr) 119px;gap:8px;}
  .consultation-phone-row .country-picker select {padding-left:11px !important;padding-right:29px !important;font-size:12.5px;}
  .country-picker-chevron{right:12px;}
}
@media(max-width:365px){
  .consultation-phone-row,html[lang="en"] .consultation-phone-row {grid-template-columns:minmax(0,1fr) 111px;gap:7px;}
  .consultation-phone-row .country-picker select {font-size:12px;padding-left:9px !important;}
}


/* V66 — dial-code picker follows the off-white consultation card. */
html[data-theme="dark"] .consultation-form-card .consultation-phone-row .country-picker select,
html[data-theme="dark"] .consultation-form-card .consultation-phone-row .country-picker select:hover{
  background:#ffffff;border-color:#dce2e6;color:#102641;box-shadow:none;
}
html[data-theme="dark"] .consultation-form-card .country-picker-chevron{border-color:#51647a}
html[data-theme="dark"] .consultation-form-card .consultation-phone-row .country-picker select:focus-visible{
  outline:3px solid rgba(213,164,71,.35);outline-offset:2px;
}
