/* CITADEL public language layer — EN / AR are independent from currency. */
/* v0.7.10.0: minimal header language control; current language is display-only. */
.ct-language-template{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.ct-language-utility:not(.ct-language-template){
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  display:inline-flex!important;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
  margin:0 16px 0 14px;
  padding:0 16px 0 0;
  border-right:1px solid rgba(8,8,8,.14);
  background:transparent;
  color:#34363A;
  direction:ltr!important;
  text-align:left!important;
  line-height:1;
}
.ct-language-switcher{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  direction:ltr!important;
}
.ct-language-option{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  height:32px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#4E5358!important;
  text-decoration:none!important;
  font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;
  letter-spacing:.015em;
  white-space:nowrap;
  transition:color .15s ease,opacity .15s ease;
}
.ct-language-option:not(.is-active):hover,
.ct-language-option:not(.is-active):focus-visible{color:#080808!important}
.ct-language-option.is-active{
  color:#D4AF37!important;
  cursor:default!important;
  pointer-events:none!important;
  user-select:none;
}
.ct-language-separator{
  display:inline-block;
  color:#A6A9AC;
  font:400 11px/1 Arial,sans-serif;
  transform:translateY(-.5px);
}
.ct-language-option:focus-visible{
  outline:1px solid #D4AF37;
  outline-offset:4px;
}

/* Deterministic mount wrappers. Desktop lives as a real menu sibling after Company;
   mobile lives immediately before the visible Blocksy trigger. */
.ct-language-menu-slot{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.ct-language-mobile-slot,
.ct-language-end-slot{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
}
.ct-language-menu-slot > .ct-language-utility,
.ct-language-mobile-slot > .ct-language-utility,
.ct-language-end-slot > .ct-language-utility{margin-top:0!important;margin-bottom:0!important}

/* Blocksy header end columns are flex containers. Keep the language control as
   a normal header item without disturbing Menu 1's responsive width logic. */
#header .ct-language-utility,
.ct-header .ct-language-utility{align-self:center}
.ct-language-header-desktop{display:inline-flex!important}
.ct-language-header-mobile{display:none!important}
@media(max-width:999px){
  .ct-language-header-desktop{display:none!important}
  .ct-language-header-mobile{display:inline-flex!important}
  .ct-language-server-item{display:none!important}
}
@media(min-width:1000px){
  .ct-language-header-desktop{display:inline-flex!important}
  .ct-language-header-mobile{display:none!important}
}
@media(max-width:767px){
  .ct-language-utility:not(.ct-language-template){
    margin:0 10px 0 8px;
    padding-right:10px;
  }
  .ct-language-switcher{gap:5px}
  .ct-language-option{height:30px;font-size:10px}
  .ct-language-separator{font-size:10px}
}
@media(max-width:360px){
  .ct-language-utility:not(.ct-language-template){margin-left:5px;margin-right:7px;padding-right:7px}
  .ct-language-switcher{gap:4px}
  .ct-language-option{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.ct-language-option{transition:none}}

/* Support used a page-local switcher before the global control moved into the
   header. Keep a single language control site-wide. */
.ctsup-language-inline{display:none!important}

html[dir="rtl"] body{direction:rtl;text-align:right}.ct-lang-ar .citadel-home,.ct-lang-ar .citadel-products-page,.ct-lang-ar .ctsp-below,.ct-lang-ar .woocommerce,.ct-lang-ar .site-main{direction:rtl;text-align:right}.ct-lang-ar .ctprod-actions,.ct-lang-ar .ctdl-actions{justify-content:flex-start}.ct-lang-ar .ctprod-view span,.ct-lang-ar .ctsp-warranty-link span{display:inline-block;transform:scaleX(-1)}.ct-lang-ar .ctsp-model,.ct-lang-ar .sku,.ct-lang-ar .product_meta,.ct-lang-ar .woocommerce-Price-amount,.ct-lang-ar .woocommerce-Price-currencySymbol,.ct-lang-ar code{unicode-bidi:isolate}.ct-lang-ar .ct-commerce-utility,.ct-lang-ar .ct-currency-inline,.ct-lang-ar .ct-language-utility{direction:ltr;text-align:left}.ct-lang-ar .ctprod-live-stock{text-align:left}.ct-lang-ar .ctsp-assurance,.ct-lang-ar .ctsp-facts,.ct-lang-ar .ctsp-spec-grid{direction:rtl}
/* v0.7.1.21 Arabic localization QA hardening */
.ct-lang-ar #wpadminbar{direction:ltr;text-align:left}
.ct-lang-ar .woocommerce-breadcrumb{direction:rtl;text-align:right}
.ct-lang-ar .woocommerce-breadcrumb a{display:inline-block}
.ct-lang-ar .ctsp-model,.ct-lang-ar .sku,.ct-lang-ar .product_meta .sku,.ct-lang-ar [class*="model-code"],.ct-lang-ar [class*="sku"]{direction:ltr;unicode-bidi:isolate;display:inline-block}
.ct-lang-ar .woocommerce-Price-amount,.ct-lang-ar .ctprod-live-price,.ct-lang-ar .ct-price-output{direction:ltr;unicode-bidi:isolate}
.ct-lang-ar .site-footer,.ct-lang-ar footer{direction:rtl;text-align:right}
.ct-lang-ar .ct-language-switcher,.ct-lang-ar .ct-currency-switcher{direction:ltr}

/* Arabic QA hardening: keep human-readable RTL labels around LTR identifiers stable. */
.ct-lang-ar .product_meta{direction:rtl!important;unicode-bidi:normal!important;text-align:right}
.ct-lang-ar .product_meta .sku,.ct-lang-ar .product_meta [class*=sku]{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block!important}
.ct-lang-ar .site-footer .menu,.ct-lang-ar footer .menu{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ct-lang-ar .site-footer .menu li,.ct-lang-ar footer .menu li{display:block;width:100%;margin:0!important}
.ct-lang-ar .site-footer .menu a,.ct-lang-ar footer .menu a{display:block;white-space:normal}


/* v0.7.1.24 — Arabic Products + Blocksy Footer stabilization. */
.ct-lang-ar .ct-ar-footer-stable{direction:rtl!important;text-align:right!important}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-nav-group{direction:rtl!important;text-align:right!important}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-nav-group a.ct-ar-footer-nav-link{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 7px 0!important;
  padding:0!important;
  text-align:right!important;
  direction:rtl!important;
  line-height:1.45!important;
  white-space:normal!important;
}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-nav-group a.ct-ar-footer-nav-link:last-child{margin-bottom:0!important}
/* Override legacy flex-start alignment from earlier Arabic patches without changing Blocksy columns. */
.ct-lang-ar .ct-ar-footer-stable .menu,
.ct-lang-ar .ct-ar-footer-stable nav ul{align-items:flex-end!important;text-align:right!important}
.ct-lang-ar .ct-ar-footer-stable .menu li,
.ct-lang-ar .ct-ar-footer-stable nav li{text-align:right!important}

/* Locked Products V1.0 is RTL, but its visual composition/grid remains the approved design. */
.ct-lang-ar .citadel-products-page .ctprod-kicker,
.ct-lang-ar .citadel-products-page h1,
.ct-lang-ar .citadel-products-page h2,
.ct-lang-ar .citadel-products-page h3,
.ct-lang-ar .citadel-products-page p,
.ct-lang-ar .citadel-products-page .ctprod-section-lead{text-align:right}
.ct-lang-ar .citadel-products-page .ctprod-actions{justify-content:flex-start}
.ct-lang-ar .citadel-products-page .ctprod-closing-inner{text-align:center}
.ct-lang-ar .citadel-products-page .ctprod-closing-inner h2,
.ct-lang-ar .citadel-products-page .ctprod-closing-inner p{text-align:center}
@media(max-width:640px){
  .ct-lang-ar .citadel-products-page .ctprod-closing-inner,
  .ct-lang-ar .citadel-products-page .ctprod-closing-inner h2,
  .ct-lang-ar .citadel-products-page .ctprod-closing-inner p{text-align:right}
}


/* v0.7.1.25 — compact Arabic Blocksy footer navigation without changing the locked footer columns. */
.ct-lang-ar .ct-ar-footer-stable [data-ct-footer-group="explore"],
.ct-lang-ar .ct-ar-footer-stable [data-ct-footer-group="connect"]{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:7px!important;
  height:auto!important;
  min-height:0!important;
}
.ct-lang-ar .ct-ar-footer-stable [data-ct-footer-group="explore"] > *,
.ct-lang-ar .ct-ar-footer-stable [data-ct-footer-group="connect"] > *{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-link-row{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
  line-height:1.45!important;
}
.ct-lang-ar .ct-ar-footer-stable a.ct-ar-footer-link,
.ct-lang-ar .ct-ar-footer-stable a.ct-ar-footer-nav-link{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  line-height:1.45!important;
  white-space:normal!important;
}
@media(max-width:768px){
  .ct-lang-ar .ct-ar-footer-stable [data-ct-footer-group="explore"],
  .ct-lang-ar .ct-ar-footer-stable [data-ct-footer-group="connect"]{gap:6px!important}
}

/* v0.7.1.26 — hide WooCommerce's logged-in Coming Soon preview banner only.
   Store visibility itself remains unchanged; the admin-bar status badge stays visible. */
#coming-soon-footer-banner{display:none!important}

/* v0.7.1.27 — deterministic compact Arabic footer lists.
   Theme-managed link rows stay in the DOM but are hidden in Arabic; a normalized
   list is rendered inside the same locked Blocksy footer columns. */
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-original-row,
.ct-lang-ar .ct-ar-footer-stable a.ct-ar-footer-original-link{
  display:none!important;
}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-nav-column{
  direction:rtl!important;
  text-align:right!important;
  --theme-content-spacing:0px!important;
}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-heading{
  margin:0 0 12px 0!important;
  padding:0!important;
  line-height:1.3!important;
  text-align:right!important;
}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-links{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
  text-align:right!important;
}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-links a.ct-ar-footer-rendered-link{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1.45!important;
  text-align:right!important;
  direction:rtl!important;
  white-space:normal!important;
}
@media(max-width:768px){
  .ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-heading{margin-bottom:9px!important}
  .ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-links{gap:6px!important}
}


/* v0.7.1.29 — Arabic footer rendered-link visibility.
   The normalized links are custom anchors, so Blocksy's original footer-link
   color selectors do not always apply to them. Keep the locked footer palette. */
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-heading{
  color:#D4AF37!important;
}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-links a.ct-ar-footer-rendered-link{
  color:#9CA3AF!important;
  opacity:1!important;
  visibility:visible!important;
  text-decoration:none!important;
}
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-links a.ct-ar-footer-rendered-link:hover,
.ct-lang-ar .ct-ar-footer-stable .ct-ar-footer-links a.ct-ar-footer-rendered-link:focus-visible{
  color:#D4AF37!important;
}


/* v0.7.11.14 — Global Header/Footer Warranty + balanced footer */

/* v0.7.11.20 — compact deterministic footer */
.ct-global-footer-stable .ct-footer-nav-replaced{
  display:block!important;
}

.ct-global-footer-stable .ct-footer-nav-replaced > .ct-footer-original-child{
  display:none!important;
}

.ct-global-footer-stable .ct-footer-balanced-shell{
  width:min(1320px,calc(100% - 80px))!important;
  margin:0 auto!important;
  padding:34px 0 28px!important;
}

.ct-global-footer-stable .ct-footer-balanced-row{
  display:grid!important;
  grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(135px,.65fr))!important;
  grid-template-areas:"brand explore support company"!important;
  align-items:start!important;
  justify-content:space-between!important;
  column-gap:54px!important;
  row-gap:28px!important;
  width:100%!important;
  direction:ltr!important;
}

.ct-global-footer-stable .ct-global-footer-brand-column{
  grid-area:brand!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  align-self:start!important;
  justify-self:start!important;
}

.ct-global-footer-stable .ct-global-footer-column--explore{grid-area:explore!important}
.ct-global-footer-stable .ct-global-footer-column--support{grid-area:support!important}
.ct-global-footer-stable .ct-global-footer-column--company{grid-area:company!important}

.ct-global-footer-stable .ct-global-footer-column{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:max-content!important;
  justify-items:start!important;
  align-items:start!important;
  justify-self:stretch!important;
  align-self:start!important;
  gap:0!important;
}

.ct-global-footer-stable .ct-global-footer-heading{
  width:100%!important;
  margin:0 0 11px!important;
  padding:0!important;
  color:#D4AF37!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:600!important;
  text-align:left!important;
}

.ct-global-footer-stable .ct-global-footer-links{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:start!important;
  row-gap:7px!important;
  margin:0!important;
  padding:0!important;
}

.ct-global-footer-stable .ct-global-footer-links a{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#9CA3AF!important;
  font-size:15px!important;
  line-height:1.45!important;
  text-align:left!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

.ct-global-footer-stable .ct-global-footer-links a:hover,
.ct-global-footer-stable .ct-global-footer-links a:focus-visible{
  color:#D4AF37!important;
}

.ct-global-footer-stable .ct-footer-brand-lockup{
  display:inline-block!important;
  width:100%!important;
  max-width:260px!important;
  text-decoration:none!important;
}

.ct-global-footer-stable .ct-footer-brand-lockup img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:260px!important;
}

/* Arabic: explicit grid areas + one shared right edge per group. */
.ct-lang-ar .ct-global-footer-stable .ct-footer-balanced-row{
  grid-template-columns:repeat(3,minmax(135px,.65fr)) minmax(240px,1.35fr)!important;
  grid-template-areas:"company support explore brand"!important;
  direction:ltr!important;
}

.ct-lang-ar .ct-global-footer-stable .ct-global-footer-brand-column{
  justify-self:end!important;
}

.ct-lang-ar .ct-global-footer-stable .ct-global-footer-column{
  direction:rtl!important;
  justify-items:end!important;
  justify-self:stretch!important;
}

.ct-lang-ar .ct-global-footer-stable .ct-global-footer-heading,
.ct-lang-ar .ct-global-footer-stable .ct-global-footer-links,
.ct-lang-ar .ct-global-footer-stable .ct-global-footer-links a{
  direction:rtl!important;
  text-align:right!important;
}

.ct-lang-ar .ct-global-footer-stable .ct-global-footer-links{
  justify-items:end!important;
}

.ct-lang-ar .ct-global-footer-stable .ct-footer-brand-lockup{
  direction:ltr!important;
}

/* Tablet */
@media(max-width:999px){
  .ct-global-footer-stable .ct-footer-balanced-shell{
    width:calc(100% - 48px)!important;
    padding:30px 0 26px!important;
  }

  .ct-global-footer-stable .ct-footer-balanced-row{
    grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(135px,1fr))!important;
    grid-template-areas:
      "brand explore support"
      "brand company company"!important;
    gap:28px 34px!important;
  }

  .ct-lang-ar .ct-global-footer-stable .ct-footer-balanced-row{
    grid-template-columns:repeat(2,minmax(135px,1fr)) minmax(220px,1.2fr)!important;
    grid-template-areas:
      "support explore brand"
      "company company brand"!important;
  }
}

/* Mobile */
@media(max-width:767px){
  .ct-global-footer-stable .ct-footer-balanced-shell{
    width:calc(100% - 28px)!important;
    padding:26px 0 22px!important;
  }

  .ct-global-footer-stable .ct-footer-balanced-row{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "brand brand"
      "explore support"
      "company company"!important;
    gap:24px!important;
  }

  .ct-lang-ar .ct-global-footer-stable .ct-footer-balanced-row{
    grid-template-areas:
      "brand brand"
      "support explore"
      "company company"!important;
  }

  .ct-global-footer-stable .ct-global-footer-brand-column,
  .ct-lang-ar .ct-global-footer-stable .ct-global-footer-brand-column{
    justify-self:start!important;
  }

  .ct-lang-ar .ct-global-footer-stable .ct-global-footer-brand-column{
    justify-self:end!important;
  }

  .ct-global-footer-stable .ct-footer-brand-lockup,
  .ct-global-footer-stable .ct-footer-brand-lockup img{
    max-width:220px!important;
  }
}

@media(max-width:479px){
  .ct-global-footer-stable .ct-footer-balanced-row,
  .ct-lang-ar .ct-global-footer-stable .ct-footer-balanced-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "brand"
      "explore"
      "support"
      "company"!important;
  }

  .ct-global-footer-stable .ct-global-footer-column,
  .ct-lang-ar .ct-global-footer-stable .ct-global-footer-column{
    justify-self:start!important;
  }

  .ct-lang-ar .ct-global-footer-stable .ct-global-footer-column{
    justify-self:end!important;
  }
}


/* v0.7.11.15 — Desktop primary-header fit after Warranty became first-class.
   Strict scope: menu type scale, horizontal rhythm and one semantic divider only. */
#header .ct-header-warranty-item,
.ct-header .ct-header-warranty-item{white-space:nowrap}

@media(min-width:1101px){
  #header [data-id="menu"] > ul > li > a,
  .ct-header [data-id="menu"] > ul > li > a{
    padding-inline:10px!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }

  #header [data-id="menu"] > ul > li.ct-header-support-divider,
  .ct-header [data-id="menu"] > ul > li.ct-header-support-divider{
    position:relative!important;
    margin-inline-end:18px!important;
    padding-inline-end:9px!important;
    border-inline-end:0!important;
  }

  #header [data-id="menu"] > ul > li.ct-header-support-divider::after,
  .ct-header [data-id="menu"] > ul > li.ct-header-support-divider::after{
    content:"";
    position:absolute;
    inset-inline-end:-9px;
    top:50%;
    width:1px;
    height:20px;
    background:rgba(8,8,8,.18);
    transform:translateY(-50%);
    pointer-events:none;
  }
}


/* v0.8.13.3 — fallback desktop header first-paint reservation.
   The primary desktop language control is now rendered server-side in the initial
   menu HTML. Keep this reservation only as a fallback when a non-standard header
   does not contain the server item and language.js must mount the control later. */
@media(min-width:1000px){
  #header li.menu-item:has(> a[href*="/company"]):not(:has(+ .ct-language-menu-slot))::after,
  .ct-header li.menu-item:has(> a[href*="/company"]):not(:has(+ .ct-language-menu-slot))::after{
    content:"EN / العربية";
    visibility:hidden;
    pointer-events:none;
    user-select:none;
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    height:32px;
    margin:0 16px 0 14px;
    padding:0 16px 0 0;
    border-right:1px solid transparent;
    color:transparent;
    font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;
    letter-spacing:.015em;
    white-space:nowrap;
  }

  /* Company uses the stable cart/end-zone mount instead of a menu sibling.
     Once any desktop language slot exists, suppress the temporary reservation. */
  body:has(.ct-language-end-slot[data-language-slot="desktop"])
  #header li.menu-item:has(> a[href*="/company"])::after,
  body:has(.ct-language-end-slot[data-language-slot="desktop"])
  .ct-header li.menu-item:has(> a[href*="/company"])::after{
    content:none!important;
    display:none!important;
  }
}