/* ============================================================
   Header / mega-menu styles (loaded site-wide)
   ============================================================ */

.hc-mega{
	position:relative;
	z-index:50;
	background:#f1f1f1;
}
.hc-mega__inner{
	max-width:1600px;
	margin:0 auto;
	display:flex;
	align-items:stretch;
	padding:0 16px;
}
.hc-mega__burger,
.hc-mega__burger:hover,
.hc-mega__burger:focus,
.hc-mega__burger:active{
	display:flex;
	align-items:center;
	justify-content:center;
	width:52px;
	flex:0 0 auto;
	color:#555;
	cursor:pointer;
	background:transparent;
	border:none;
	box-shadow:none;
	outline:none;
	padding:0;
}
.hc-mega__burger svg{ width:34px; height:34px; stroke:#555; color:#555; }
.hc-mega__burger:hover svg{ stroke:#f18833; color:#f18833; }
.hc-mega__list{
	display:flex;
	flex:1;
	align-items:stretch;
	justify-content:space-between;
}
.hc-mega__item{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:12px 10px;
	text-decoration:none;
	color:#555;
	font-size:12.5px;
	font-weight:600;
	line-height:1.1;
	text-align:center;
	transition:color .15s;
	flex:1;
}
.hc-mega__icon{
	width:38px;
	height:38px;
	background-color:#666;
	-webkit-mask-size:contain;
	mask-size:contain;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	transition:background-color .15s;
}
.hc-mega__imgicon{ width:40px; height:38px; object-fit:contain; }
.hc-mega__item:hover{ color:#f18833; }
.hc-mega__item:hover .hc-mega__icon{ background-color:#f18833; }
/* Active category: icon + text orange (on the matching category page) */
.hc-mega__item.is-active{ color:#f18833; }
.hc-mega__item.is-active .hc-mega__icon{ background-color:#f18833; }

/* Tablet / mobile: horizontal scroll instead of cramming */
@media (max-width:1024px){
	.hc-mega__list{ justify-content:flex-start; overflow-x:auto; -webkit-overflow-scrolling:touch; }
	.hc-mega__item{ flex:0 0 auto; min-width:84px; }
}

/* ============================================================
   Header utility cluster (currency/language + wishlist/account/cart)
   ============================================================ */
.hc-tools{ display:flex; align-items:center; gap:2px; }
.hc-tools__sep{ width:1px; height:32px; background:#e5e5e5; margin:0 8px; flex:0 0 auto; }

/* currency + language pills (placeholders until YayCurrency / Polylang) */
.hc-tools__pill{ display:flex; align-items:center; gap:7px; padding:8px 12px; cursor:pointer; color:#222; font-size:13.5px; font-weight:600; border-radius:24px; transition:background .15s; }
.hc-tools__pill:hover{ background:#f3f4f6; }
.hc-tools__pill span{ white-space:nowrap; }
.hc-tools__pill .flag{ width:22px; height:16px; border-radius:3px; object-fit:cover; display:block; box-shadow:0 0 0 1px rgba(0,0,0,.06); }
.hc-tools__pill .car{ width:12px; height:12px; opacity:.45; flex:0 0 auto; }

/* wishlist + account icon links */
.hc-tools__link{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; padding:6px 14px; text-decoration:none; color:#222; font-size:11.5px; font-weight:600; border-radius:10px; transition:color .15s; }
.hc-tools__link:hover{ color:#f18833; }
.hc-tools__ico{ display:block; width:27px; height:27px; background-color:#222; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; transition:background-color .15s; }
.hc-tools__link:hover .hc-tools__ico{ background-color:#f18833; }

/* badge (cart count) - hidden when empty */
.hc-tools__badge{ position:absolute; top:-2px; right:8px; min-width:18px; height:18px; padding:0 5px; background:#f18833; color:#fff; font-size:10.5px; font-weight:700; border-radius:10px; display:flex; align-items:center; justify-content:center; line-height:1; box-shadow:0 0 0 2px #fff; }
.hc-tools__badge.is-empty{ display:none; }

/* cart button - overflow-safe for big totals */
.hc-tools__cart{ display:flex; align-items:center; gap:9px; padding:9px 14px 9px 12px; margin-left:4px; background:#f8f9fb; border:1px solid #ececec; border-radius:12px; text-decoration:none; transition:border-color .15s, background .15s; flex:0 0 auto; }
.hc-tools__cart:hover{ background:#fff; border-color:#f18833; }
.hc-tools__cart .cartico{ position:relative; width:26px; height:26px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; }
.hc-tools__cart .cartico .hc-tools__ico{ width:26px; height:26px; }
.hc-tools__cart .cartmeta{ display:flex; flex-direction:column; line-height:1.15; min-width:62px; }
.hc-tools__cart .cartlabel{ font-size:10.5px; color:#999; font-weight:600; white-space:nowrap; }
.hc-tools__cart .cartprice{ font-size:14px; color:#1d1d1f; font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; }
.hc-tools__cart .cartprice.is-long{ font-size:13px; }
.hc-tools__cart .cartprice.is-xlong{ font-size:11.5px; }

/* tablet/mobile: hide currency/language pills + labels to save space */
@media (max-width:1024px){
	.hc-tools__pill span, .hc-tools__link span:not(.hc-tools__ico):not(.hc-tools__badge){ display:none; }
	.hc-tools__sep{ display:none; }
	.hc-tools__cart .cartmeta{ min-width:0; }
	.hc-tools__cart .cartlabel{ display:none; }
}

/* ============================================================
   Unified page design — gray page + floating white header card
   Body is gray (#f1f1f1); the header content sits in a white card
   with an inverted (rounded-bottom) radius, so it "floats" over the
   gray. The category bar (.hc-mega) is gray and blends with the body.
   ============================================================ */
body,
#wrapper,
.site,
.content-bg{
	background:#f1f1f1;
}
/* header outer wrappers transparent so the gray body shows on the sides */
#masthead,
.site-header,
.site-main-header-wrap,
.site-header-row-container,
.site-header-row-container-inner{
	background:transparent;
	box-shadow:none;
}
/* header content = centered white card with inverted (rounded-bottom) corners */
.site-main-header-wrap .site-container{
	background:#fff;
	border-radius:0 0 28px 28px;
	box-shadow:0 6px 18px rgba(0,0,0,.05);
}

/* ============================================================
   Off-canvas category sidebar (burger -> slide-in accordion)
   ============================================================ */
#hc-sidebar-ov{
	position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:9998;
	opacity:0; visibility:hidden;
	transition:opacity .55s ease, visibility .55s;
}
#hc-sidebar-ov.open{ opacity:1; visibility:visible; }
#hc-sidebar{
	position:fixed; top:0; left:0; height:100%; width:340px; max-width:88vw;
	background:#fff; z-index:9999;
	transform:translateX(-100%); opacity:0;
	transition:transform .6s cubic-bezier(.22,.61,.36,1), opacity .5s ease;
	box-shadow:2px 0 24px rgba(0,0,0,.12);
	display:flex; flex-direction:column;
	border-radius:0 28px 28px 0; overflow:hidden;
}
#hc-sidebar.open{ transform:translateX(0); opacity:1; }
/* WP admin bar offset (so the logo isn't clipped for logged-in users) */
.admin-bar #hc-sidebar{ top:32px; height:calc(100% - 32px); }
@media (max-width:782px){ .admin-bar #hc-sidebar{ top:46px; height:calc(100% - 46px); } }

#hc-sidebar .hc-sb__head{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid #eee; flex:0 0 auto; }
#hc-sidebar .hc-sb__logo{ display:flex; align-items:center; }
#hc-sidebar .hc-sb__logo img{ height:34px; width:auto; object-fit:contain; }
#hc-sidebar .hc-sb__close{ width:34px; height:34px; border:none; background:#f4f4f4; border-radius:50%; cursor:pointer; font-size:17px; color:#555; display:flex; align-items:center; justify-content:center; transition:background .15s; flex:0 0 auto; }
#hc-sidebar .hc-sb__close:hover{ background:#ececec; color:#000; }

#hc-sidebar .hc-sb__list{ flex:1; overflow-y:auto; padding:6px 0; }
#hc-sidebar .hc-sb__cat{ display:flex; align-items:center; gap:13px; width:100%; padding:13px 20px; background:none; border:none; cursor:pointer; font-size:14.5px; font-weight:600; color:#222; text-align:left; transition:background .15s, color .15s; }
#hc-sidebar .hc-sb__cat:hover{ background:#faf6f1; color:#f18833; }
#hc-sidebar .hc-sb__ico{ width:23px; height:23px; flex:0 0 auto; background-color:#444; -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center; transition:background-color .15s; }
#hc-sidebar .hc-sb__cat:hover .hc-sb__ico{ background-color:#f18833; }
#hc-sidebar .hc-sb__ico.img{ background:none; display:flex; align-items:center; justify-content:center; }
#hc-sidebar .hc-sb__ico.img img{ width:23px; height:23px; object-fit:contain; }
#hc-sidebar .hc-sb__chev{ margin-left:auto; color:#bbb; font-size:11px; flex:0 0 auto; transition:transform .4s cubic-bezier(.22,.61,.36,1), color .25s; }
#hc-sidebar .hc-sb__cat.open .hc-sb__chev{ transform:rotate(90deg); color:#f18833; }

#hc-sidebar .hc-sb__sub{ max-height:0; overflow:hidden; background:#fafafa; transition:max-height .55s cubic-bezier(.22,.61,.36,1); }
#hc-sidebar .hc-sb__sub a{ display:block; padding:10px 20px 10px 56px; text-decoration:none; color:#555; font-size:13px; font-weight:500; border-bottom:1px solid #f0f0f0; }
#hc-sidebar .hc-sb__sub a:hover{ color:#f18833; background:#f3eee8; }
/* [HC AYAR] Sidebar active category highlight (same as mega menu: orange icon+text) */
#hc-sidebar .hc-sb__cat.is-active{ color:#f18833; }
#hc-sidebar .hc-sb__cat.is-active .hc-sb__ico{ background-color:#f18833; }
/* "All X" parent category link (at the top of the sub-list, slightly highlighted) */
#hc-sidebar .hc-sb__all{ display:block; padding:12px 20px 12px 56px; margin-bottom:6px; text-decoration:none; color:#f18833; font-size:12px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; background:#fbf7f2; border-bottom:2px solid #f0e3d4; }
#hc-sidebar .hc-sb__all:hover{ background:#f3eee8; }
#hc-sidebar .hc-sb__all.is-active{ background:#faf6f1; }
/* [HC AYAR] Sidebar active sub-category highlight (e.g. captain-black) - orange+bold */
#hc-sidebar .hc-sb__sub a.is-active{ color:#f18833; font-weight:700; background:#faf6f1; }
#hc-sidebar .hc-sb__empty{ padding:10px 20px 10px 56px; color:#aaa; font-size:12.5px; font-style:italic; }

/* ============================================================
   MOBILE header (smoke-king style) + sidebar footer
   ============================================================ */

/* Sidebar footer: Login + Wishlist + currency/language */
#hc-sb-footer{ flex:0 0 auto; border-top:1px solid #eee; padding:6px 0 10px; background:#fff; }
#hc-sb-footer .hc-sbf__row{ display:flex; align-items:center; gap:13px; padding:12px 22px; text-decoration:none; color:#222; font-size:14px; font-weight:600; transition:background .15s, color .15s; }
#hc-sb-footer .hc-sbf__row:hover{ color:#f18833; background:#faf6f1; }
#hc-sb-footer .hc-sbf__ico{ width:21px; height:21px; flex:0 0 auto; background-color:#444; -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center; transition:background-color .15s; }
#hc-sb-footer .hc-sbf__row:hover .hc-sbf__ico{ background-color:#f18833; }
#hc-sb-footer .hc-sbf__sel{ display:flex; gap:8px; padding:6px 22px 4px; }
#hc-sb-footer .hc-sbf__pill{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid #e6e6e6; border-radius:8px; background:#fafafa; font-size:12px; font-weight:600; color:#555; cursor:pointer; }
#hc-sb-footer .hc-sbf__pill img{ width:15px; height:auto; }
#hc-sb-footer .hc-sbf__pill svg{ width:11px; height:11px; }

/* Mobile header layout (<=1024px): burger left, logo center, account+cart right */
@media (max-width:1024px){
	/* hide the desktop category bar on mobile */
	.hc-mega{ display:none !important; }
	/* hide Kadence's default mobile drawer toggle */
	.site-mobile-header-wrap .mobile-toggle-open-container,
	#mobile-toggle,
	.menu-toggle-open.drawer-toggle{ display:none !important; }
	/* gap between header card and hero + tighter side padding (flush burger/tools) */
	.site-mobile-header-wrap .site-container{ margin-bottom:14px !important; padding-left:6px !important; padding-right:6px !important; }
	/* the row inside the white card */
	.site-mobile-header-wrap .site-main-header-inner-wrap{ position:relative; display:flex !important; align-items:center; width:100%; padding:0 8px; min-height:60px; box-sizing:border-box; }
	/* hamburger flush left */
	#hc-mobile-burger{ background:transparent; border:none; padding:0; cursor:pointer; display:flex; align-items:center; color:#555; flex:0 0 auto; z-index:3; margin-left:0; }
	#hc-mobile-burger svg{ width:30px; height:30px; stroke:#555; }
	/* logo centered, larger */
	.site-mobile-header-wrap .site-branding.mobile-site-branding,
	.site-mobile-header-wrap .site-header-item.site-header-focus-item{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0 !important; }
	.site-mobile-header-wrap .mobile-site-branding img,
	.site-mobile-header-wrap .site-header-focus-item img{ max-height:50px; width:auto; }
	/* account + cart flush right, close together */
	#hc-mobile-tools{ margin-left:auto; margin-right:0; display:flex; align-items:center; gap:11px; z-index:3; }
	#hc-mobile-tools .hc-mt__item{ display:flex; align-items:center; justify-content:center; padding:0; border:none; background:none; position:relative; text-decoration:none; }
	#hc-mobile-tools .hc-tools__label,
	#hc-mobile-tools .hc-tools__pill,
	#hc-mobile-tools .hc-tools__sep,
	#hc-mobile-tools .cartmeta{ display:none !important; }
	#hc-mobile-tools .hc-tools__ico,
	#hc-mobile-tools img{ width:27px !important; height:27px !important; display:block; }
	#hc-mobile-tools .hc-tools__ico{ background-color:#555 !important; }
	/* cart: plain icon (no orange square), orange count badge on top */
	#hc-mobile-tools .hc-mt__cart{ background:none !important; padding:0 !important; border-radius:0 !important; }
	#hc-mobile-tools .hc-mt__cart .hc-tools__ico{ filter:none !important; background-color:#555 !important; }
	#hc-mobile-tools .hc-mt__cart .hc-tools__badge{ display:flex !important; position:absolute; top:-8px; right:-9px; background:#f18833; color:#fff; min-width:18px; height:18px; border-radius:9px; font-size:11px; font-weight:700; align-items:center; justify-content:center; padding:0 5px; line-height:1; }
	#hc-mobile-tools .hc-mt__cart .hc-tools__badge.is-empty{ display:none !important; }
}

/* ===== Side-cart "View Cart" button (HC AYAR) =====
   Uses CheckoutWC's own .cfw-primary-btn for structure (size/radius/padding,
   inherited from plugin Appearance settings). Only the colour is overridden
   here so it stays distinct from "Proceed to checkout". Does NOT touch the
   plugin's primary/secondary button colours. */
.hc-view-cart-btn.cfw-primary-btn {
  background-color: #7f7f7f !important;
  border-color: #7f7f7f !important;
  color: #ffffff !important;
}
.hc-view-cart-btn.cfw-primary-btn:hover {
  background-color: #666666 !important;
  border-color: #666666 !important;
  color: #ffffff !important;
}

/* ===== Side-cart rounded left corners — DESKTOP ONLY (HC AYAR) =====
   Mirrors the filter sidebar's 28px radius. Side cart is anchored right,
   so only the left (inner) corners are rounded. Desktop only — on mobile
   the side cart may be full-width, where rounding would look wrong.
   Scoped to our own override; does NOT edit CheckoutWC core files, so a
   plugin update will not break or revert this. */
@media (min-width: 769px) {
  #cfw-side-cart {
    border-radius: 28px 0 0 28px !important;
    overflow: hidden !important;
  }
}

/* ===== Side-cart product title fit (HC AYAR) =====
   This CheckoutWC version's side-cart-styles.css adds 32px right padding to the
   price column, which steals ~34px from the title column and wraps long product
   names ("...Filter" drops to a 2nd line). Older CheckoutWC (and satellite sites)
   use 0 here. We override the plugin's default to reclaim that width and give the
   title a comfortable line-height. Scoped override; CheckoutWC core file untouched,
   so a plugin update won't break this. */
#cfw-side-cart .cart-item-row .cfw-cart-item-subtotal {
  padding-right: 0 !important;
}
#cfw-side-cart .cfw-cart-item-title {
  line-height: 1.4 !important;
}

/* === HC Currency Pill: YayCurrency switcher integration === */
.hc-tools__pill--currency{padding:0}
.hc-tools__pill--currency .yay-currency-custom-select-wrapper{position:relative}
.hc-tools__pill--currency .yay-currency-custom-select__trigger{display:flex;align-items:center;gap:7px;padding:8px 12px;background:transparent !important;border:0 !important;color:#222;font-size:13.5px;font-weight:600;cursor:pointer;border-radius:24px;box-shadow:none !important}
.hc-tools__pill--currency .yay-currency-flag{width:22px;height:16px;border-radius:2px;background-size:cover;background-position:center;flex:0 0 auto}
.hc-tools__pill--currency .yay-currency-selected-option{white-space:nowrap}
.hc-tools__pill--currency .yay-currency-custom-options{position:absolute;top:calc(100% + 10px);right:0;left:auto;min-width:180px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;z-index:9999;list-style:none;margin:0}
.hc-tools__pill--currency .yay-currency-custom-option-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:600;color:#222}
.hc-tools__pill--currency .yay-currency-custom-option-row:hover{background:#f5f5f5}
.hc-tools__pill--currency .yay-currency-custom-option-row.selected{background:#fdf1e6;color:#f18833}
header.site-header{z-index:60 !important}

/* Currency pill: specificity fix against the plugin .small rules */
.hc-tools__pill--currency .yay-currency-custom-select__trigger{padding:8px 12px !important;font-size:13.5px !important;font-weight:600 !important;gap:7px !important;color:#222 !important}
.hc-tools__pill--currency .yay-currency-flag{width:22px !important;height:16px !important}

/* Currency pill: width fits content + vertical alignment with Language pill */
.hc-tools__pill--currency{display:flex;align-items:center}
.hc-tools__pill--currency .yay-currency-custom-select-wrapper{width:auto !important;display:flex;align-items:center;height:100%}
.hc-tools__pill--currency .yay-currency-shortcode-switcher,
.hc-tools__pill--currency .yay-currency-single-page-switcher{display:flex;align-items:center;height:100%;margin:0}

/* PDP: currency switcher below SKU */
.hc-pdp-currency{margin-top:8px}
.hc-pdp-currency .yay-currency-custom-select-wrapper{width:auto !important}

/* Mobile sidebar: live widget moved into the currency slot */
.hc-sbf__pill--currency{padding:0 !important;border:0 !important;background:transparent !important}
.hc-sbf__pill--currency .yay-currency-custom-select-wrapper{width:auto !important}
.hc-sbf__pill--currency .yay-currency-custom-select__trigger{padding:6px 10px !important;font-size:12px !important;font-weight:600 !important;border:1px solid #e6e6e6 !important;border-radius:8px !important;background:#fafafa !important;color:#222 !important;display:flex;align-items:center;gap:6px}
.hc-sbf__pill--currency .yay-currency-flag{width:18px !important;height:13px !important}
.hc-sbf__pill--currency .yay-currency-custom-options{z-index:99999;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:4px;list-style:none;margin:4px 0 0}
.hc-sbf__pill--currency .yay-currency-custom-option-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;color:#222}
.hc-sbf__pill--currency .yay-currency-custom-option-row.selected{background:#fdf1e6;color:#f18833}

/* Sidebar footer: currency and language stacked */
.hc-sbf__sel{flex-direction:column;align-items:flex-start;gap:8px}

/* ==== [HC i18n] Language switcher — mirrors the YayCurrency pill 1:1 (click-to-open) ==== */
.hc-tools__pill--lang{padding:0;display:flex;align-items:center}
.hc-tools__pill--lang .hc-lang-custom-select-wrapper{position:relative;width:auto;display:flex;align-items:center;height:100%}
.hc-tools__pill--lang .hc-lang-custom-select__trigger{display:flex;align-items:center;gap:7px;padding:8px 12px;background:transparent !important;border:0 !important;color:#222;font-size:13.5px;font-weight:600;cursor:pointer;border-radius:24px;box-shadow:none !important;font-family:inherit;line-height:inherit}
.hc-tools__pill--lang .hc-lang-flag{width:22px;height:16px;border-radius:2px;object-fit:cover;flex:0 0 auto}
.hc-tools__pill--lang .hc-lang-selected-option{white-space:nowrap}
.hc-tools__pill--lang .hc-lang-custom-options{position:absolute;top:calc(100% + 10px);right:0;left:auto;min-width:180px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;z-index:9999;list-style:none;margin:0;display:none}
.hc-tools__pill--lang .hc-lang-custom-select-wrapper.open .hc-lang-custom-options{display:block}
.hc-tools__pill--lang .hc-lang-custom-options li{margin:0}
.hc-tools__pill--lang .hc-lang-custom-option-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:600;color:#222;text-decoration:none}
.hc-tools__pill--lang .hc-lang-custom-option-row:hover{background:#f5f5f5}
.hc-tools__pill--lang .hc-lang-custom-option-row.selected{background:#fdf1e6;color:#f18833}
/* mobile sidebar slot (mirrors .hc-sbf__pill--currency) */
.hc-sbf__pill--lang .hc-lang-custom-select-wrapper{position:relative}
.hc-sbf__pill--lang .hc-lang-custom-options{top:auto;bottom:calc(100% + 10px)}

/* ==== 10 Oct 2026: language selector in the mobile side menu ====
   The live language widget (.hc-lang-custom-select-wrapper) is moved to #hc-sbf-lang-slot at <=1024px; all the rules above
   are tied to .hc-tools__pill--lang, so there it stayed unstyled as an always-open list (menu footer 666px).
   Mirror of the currency pill (.hc-sbf__pill--currency): same button, sliding list that opens on tap (opens upwards). */
#hc-sb-footer .hc-sbf__pill--lang{padding:0 !important;border:0 !important;background:transparent !important;display:block}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select-wrapper{position:relative;display:block;width:auto;height:auto}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger:hover,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger:focus,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger:active{display:flex !important;align-items:center;gap:6px;width:auto !important;min-height:0 !important;height:auto !important;margin:0 !important;padding:6px 10px !important;font-family:inherit !important;font-size:12px !important;font-weight:600 !important;line-height:1.4 !important;letter-spacing:normal !important;text-transform:none !important;border:1px solid #e6e6e6 !important;border-radius:8px !important;background:#fafafa !important;color:#222 !important;box-shadow:none !important;cursor:pointer}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select-wrapper.open .hc-lang-custom-select__trigger{border-color:#f18833 !important}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-flag{width:18px !important;height:13px !important;border-radius:2px;object-fit:cover;flex:0 0 auto;margin:0 !important}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-rozet{font-size:8px !important}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-selected-option{white-space:nowrap}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger svg.car{width:11px;height:11px;flex:0 0 auto;transition:transform .15s}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select-wrapper.open svg.car{transform:rotate(180deg)}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-options{display:none;position:absolute;left:0;right:auto;top:auto;bottom:calc(100% + 4px);z-index:99999;min-width:200px;max-height:min(300px,60vh);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14)}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select-wrapper.open .hc-lang-custom-options{display:block}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-options li{margin:0;padding:0;list-style:none}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-options li::marker{content:none}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-option-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;font-size:12px;font-weight:600;line-height:1.4;color:#222 !important;text-decoration:none !important;cursor:pointer}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-option-row:hover{background:#f5f5f5}
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-option-row.selected{background:#fdf1e6;color:#f18833 !important}
html[dir="rtl"] #hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-options{left:auto;right:0}
/* Menu footer: room for the iPhone home indicator (the language pill was sticking to the bottom of the screen). */
#hc-sb-footer .hc-sbf__sel{padding-bottom:calc(14px + env(safe-area-inset-bottom, 0px))}
/* While the menu is open, the store badge (#hsl-chip, z 9999, after the menu in the DOM) and the contact button (#hct) must not sit on top of the menu. */
body:has(#hc-sidebar.open) #hsl-chip,
body:has(#hc-sidebar.open) #hct{visibility:hidden !important}
/* CATEGORY phone check (21 Oct, item 14): while the FacetWP Filter modal (fog/overlay z 9998) was open, the badge and contact button still showed bright on top. */
body:has(.facetwp-flyout-fog.active) #hsl-chip,
body:has(.facetwp-flyout-fog.active) #hct{visibility:hidden !important}
/* ==== 10 Oct 2026: currency + language at the full width of the menu column, same size ====
   The currency pill grew and shrank with the selected name (longest: "United Arab Emirates dirham (d.e)" ~203px @12.5px).
   Both are 100% width, 40px high, arrow aligned right; if the name does not fit it gets "…" (box size stays).
   The blue focus line left after a tap is removed; orange border when open / on keyboard focus. */
#hc-sb-footer .hc-sbf__sel{align-items:stretch !important}
#hc-sb-footer .hc-sbf__pill--currency,
#hc-sb-footer .hc-sbf__pill--lang,
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-shortcode-switcher,
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-single-page-switcher,
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-select-wrapper,
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-select,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select-wrapper{display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;height:auto !important}
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-select__trigger,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger:hover,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger:active,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger:focus,
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-select__trigger:focus{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:7px !important;width:100% !important;box-sizing:border-box !important;height:40px !important;min-height:40px !important;padding:0 10px !important;font-size:12.5px !important;font-weight:600 !important;border:1px solid #e6e6e6 !important;border-radius:10px !important;background:#fafafa !important;color:#222 !important;outline:none !important;box-shadow:none !important}
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-selected-option{display:flex !important;align-items:center;gap:7px !important;flex:1 1 auto;min-width:0;overflow:hidden}
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-flag{flex:0 0 auto !important}
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-selected-option,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-selected-option{flex:1 1 auto;min-width:0;font-size:12.5px !important;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-arrow,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger svg.car{flex:0 0 auto;margin-inline-start:auto !important}
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-options,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-options{width:100% !important;min-width:0 !important;box-sizing:border-box !important}
/* Focus: no blue line on tap; orange when the list is open and on keyboard focus. */
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-select__trigger:focus,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger:focus{outline:none !important;box-shadow:none !important}
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-select.open .yay-currency-custom-select__trigger,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select-wrapper.open .hc-lang-custom-select__trigger,
#hc-sb-footer .hc-sbf__pill--currency .yay-currency-custom-select__trigger:focus-visible,
#hc-sb-footer .hc-sbf__pill--lang .hc-lang-custom-select__trigger:focus-visible{border-color:#f18833 !important;box-shadow:0 0 0 3px rgba(241,136,51,.15) !important}

/* ==== [HC] 20 Oct 2026: desktop language + currency dropdowns look the same ====
   Same width (300px), same row (40px, 13.5px/600), same box; max height = 13 rows (full height of the language list),
   the currency list (22) scrolls beyond that. YayCurrency styles.css (.small 12px, line-height 14px, max-height 300px,
   min-width max-content) is overridden here. Phone / side menu (#hc-sb-footer) is not affected. */
@media (min-width:1025px){
	.hc-tools__pill--currency .yay-currency-custom-select .yay-currency-custom-options,
	.hc-tools__pill--currency .yay-currency-custom-select.open .yay-currency-custom-options,
	.hc-tools__pill--lang .hc-lang-custom-options{
		width:300px !important;min-width:300px !important;max-width:300px !important;box-sizing:border-box !important;
		top:calc(100% + 10px) !important;margin:0 !important;padding:6px !important;
		border:1px solid #e8e8e8;border-radius:12px !important;box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
		max-height:min(534px, calc(100vh - 140px)) !important;overflow-y:auto !important;overflow-x:hidden !important;overscroll-behavior:contain
	}
	.hc-tools__pill--lang .hc-lang-custom-options::-webkit-scrollbar{width:6px}
	.hc-tools__pill--lang .hc-lang-custom-options::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:3px}
	.hc-tools__pill--currency .yay-currency-custom-option-row,
	.hc-tools__pill--lang .hc-lang-custom-option-row{
		min-height:40px !important;padding:6px 10px !important;gap:10px !important;border-radius:8px !important;box-sizing:border-box !important;
		font-size:13.5px !important;font-weight:600 !important;line-height:1.25 !important
	}
	.hc-tools__pill--currency .yay-currency-custom-option,
	.hc-tools__pill--currency .yay-currency-custom-option.small{font-size:13.5px !important;font-weight:600 !important;line-height:1.25 !important;white-space:normal}
	.hc-tools__pill--currency .yay-currency-custom-option-row .yay-currency-flag,
	.hc-tools__pill--lang .hc-lang-custom-option-row .hc-lang-flag{width:22px !important;height:16px !important;flex:0 0 22px !important}
}
/* [HC] 20 Oct addition: the currency list is also aligned to the RIGHT edge of its pill (like the language list); YayCurrency left:0 !important is overridden. Mirrored for RTL. */
@media (min-width:1025px){
	.hc-tools__pill--currency .yay-currency-custom-select .yay-currency-custom-options,
	.hc-tools__pill--currency .yay-currency-custom-select.open .yay-currency-custom-options,
	.hc-tools__pill--lang .hc-lang-custom-options{left:auto !important;right:0 !important}
	html[dir="rtl"] .hc-tools__pill--currency .yay-currency-custom-select .yay-currency-custom-options,
	html[dir="rtl"] .hc-tools__pill--currency .yay-currency-custom-select.open .yay-currency-custom-options,
	html[dir="rtl"] .hc-tools__pill--lang .hc-lang-custom-options{left:0 !important;right:auto !important}
}

/* SEARCH phone check (21 Oct, item 19): in the FiboSearch suggestion list all rows (category name, product, price,
   "See all products") had an orange underline from the general link rule -> no underline (phone + desktop). */
.dgwt-wcas-suggestions-wrapp a.dgwt-wcas-suggestion,
.dgwt-wcas-suggestions-wrapp a.dgwt-wcas-suggestion *{text-decoration:none !important;}
/* Phone full-screen search window: FiboSearch sets an inline max-height:600px on the list with overflow hidden ->
   in a long list the last products and the "See all products" link were cut off and could not be scrolled (DE marlboro: 718px content / 600px).
   The list extends to the bottom of the screen and scrolls on its own. */
.js-dgwt-wcas-overlay-mobile .dgwt-wcas-suggestions-wrapp{max-height:calc(100vh - 56px) !important;max-height:calc(100dvh - 56px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}