/* =========================================================
   KIDS CANDY & SLUSH — language switcher + Arabic / RTL polish.
   Loaded on the front page and on WooCommerce pages.
   ========================================================= */

:root{
  --kcs-ink:#150838;
  --kcs-pink:#EC2C74;
  --kcs-blue:#22A8DF;
  --kcs-yellow:#F1BA18;
}

/* ---------- TranslatePress language switcher: match the glass nav ---------- */
/* The header switcher itself is styled in kcs/header.css. */
.trp-language-switcher-container{margin:0;line-height:1;}
.trp-language-switcher-container *{box-sizing:border-box;}

.trp-language-switcher-container .trp-ls-shortcode-current-language{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  width:auto!important;min-width:0!important;overflow:hidden;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:background-color .2s,border-color .2s;
}
.trp-language-switcher-container .trp-ls-shortcode-current-language:hover{
  background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.5)!important;
}
.trp-language-switcher-container .trp-ls-shortcode-current-language > a,
.trp-language-switcher-container .trp-ls-shortcode-language > a{
  color:#fff!important;background:transparent!important;border:0!important;
  font-family:"Poppins","Cairo",system-ui,sans-serif;
  font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  padding:.62em 1.05em!important;text-decoration:none;
  display:flex;align-items:center;gap:.5em;white-space:nowrap;
}
.trp-language-switcher-container .trp-ls-shortcode-arrow{border-top-color:#fff!important;opacity:.85;}

.trp-language-switcher-container .trp-ls-shortcode-options,
.trp-language-switcher-container .trp-ls-shortcode-language{
  background:rgba(21,8,56,.96)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;overflow:hidden;margin-top:6px;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 20px 40px -20px rgba(0,0,0,.7);
}
.trp-language-switcher-container .trp-ls-shortcode-language > a:hover{
  background:rgba(255,255,255,.1)!important;color:var(--kcs-yellow)!important;
}

/* fallback if the switcher renders a native <select> */
.nav__lang select{
  color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.28);
  border-radius:999px;padding:.55em 1.8em .55em 1em;font-weight:600;font-size:.72rem;
  letter-spacing:.06em;text-transform:uppercase;-webkit-appearance:none;appearance:none;cursor:pointer;
}
.nav__lang select option{color:#150838;}

/* ---------- Arabic / RTL ---------- */
[dir="rtl"]{--ff:"Cairo","Poppins","Segoe UI",system-ui,sans-serif;}
[dir="rtl"] body{font-family:"Cairo","Poppins","Segoe UI",system-ui,sans-serif;}
/* Arabic script reads better without Latin uppercase tracking */
[dir="rtl"] .mono,
[dir="rtl"] .btn,
[dir="rtl"] .about__eyebrow,
[dir="rtl"] .trp-language-switcher-container a{letter-spacing:0;text-transform:none;}
[dir="rtl"] .hero__ttl,[dir="rtl"] .h2,[dir="rtl"] .h2--about{letter-spacing:0;}
[dir="rtl"] .cinfo dd[dir="ltr"]{text-align:start;}