/* ==========================================================================
   Secure Bridge Store — UI parts printed by the plugin
   (preferences panel, dark/light helpers, English/LTR adjustments)
   ========================================================================== */

/* --- Show an element only in one mode (add the class in Elementor) -------- */
:root:not([data-sb-theme="light"]) .sb-only-light,
:root[data-sb-theme="light"] .sb-only-dark { display: none !important; }

/* Smooth color change when switching (not on first paint). */
.sb-mode-switching body,
.sb-mode-switching body *:not(.swiper-wrapper):not(.swiper-slide) {
	transition: background-color .35s ease, color .35s ease, border-color .35s ease, fill .35s ease !important;
}

.sb-sr {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0);
	white-space: nowrap; border: 0;
}

/* --- Preferences: shared segmented switch --------------------------------- */
.sb-prefs { position: relative; font-family: inherit; line-height: 1; }
.sb-prefs .sb-ico { flex: 0 0 auto; display: block; }

.sb-seg {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 3px;
	border-radius: 999px;
	background: var(--e-global-color-sbglass, rgba(255, 255, 255, .07));
	border: 1px solid var(--e-global-color-sbglassb, rgba(255, 255, 255, .12));
}
.sb-prefs .sb-seg__opt {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: auto;
	height: 34px !important;
	min-height: 0 !important;
	padding: 0 12px !important;
	margin: 0;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	color: var(--e-global-color-sbmute, #BDB3CE) !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease;
}
.sb-prefs .sb-seg__opt:hover { color: var(--e-global-color-sbhi, #fff) !important; }
.sb-prefs .sb-seg__opt[aria-checked="true"],
.sb-prefs .sb-seg__opt[aria-current="true"] {
	color: #fff !important;
	background: linear-gradient(90deg, var(--e-global-color-primary, #B87CF8), var(--e-global-color-secondary, #FB7FC7)) !important;
	box-shadow: 0 6px 18px rgba(184, 124, 248, .35) !important;
}
.sb-prefs .sb-seg__opt:focus-visible {
	outline: 2px solid var(--e-global-color-primary, #B87CF8);
	outline-offset: 2px;
}

/* --- Header: gear button + glass panel ------------------------------------ */
.sb-prefs .sb-prefs__toggle {
	appearance: none;
	box-sizing: border-box;
	width: 44px !important;
	height: 44px !important;
	min-width: 0;
	padding: 0 !important;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50% !important;
	border: 1px solid var(--sb-hair-2, rgba(255, 255, 255, .14)) !important;
	background: var(--e-global-color-sbglass, rgba(255, 255, 255, .07)) !important;
	background-image: none !important;
	color: var(--e-global-color-text, #F8F8F8) !important;
	cursor: pointer;
	transition: all .25s ease;
}
.sb-prefs__toggle .sb-ico { width: 19px; height: 19px; transition: transform .5s ease; }
.sb-prefs .sb-prefs__toggle:hover,
.sb-prefs .sb-prefs__toggle[aria-expanded="true"] {
	color: var(--e-global-color-sbhi, #fff) !important;
	background: rgba(184, 124, 248, .22) !important;
	border-color: rgba(184, 124, 248, .5) !important;
	box-shadow: 0 0 18px rgba(184, 124, 248, .35);
}
.sb-prefs__toggle[aria-expanded="true"] .sb-ico { transform: rotate(90deg); }
.sb-prefs__toggle:focus-visible { outline: 2px solid var(--e-global-color-primary, #B87CF8); outline-offset: 2px; }

.sb-prefs__panel {
	position: absolute;
	top: calc(100% + 14px);
	inset-inline-end: 0;
	z-index: 1000;
	width: max-content;
	min-width: 250px;
	padding: 16px;
	display: grid;
	gap: 14px;
	border-radius: 20px;
	background: var(--e-global-color-sbpanel, rgba(20, 12, 36, .97));
	-webkit-backdrop-filter: blur(22px) saturate(160%);
	backdrop-filter: blur(22px) saturate(160%);
	border: 1px solid var(--sb-hair-2, rgba(255, 255, 255, .14));
	box-shadow: 0 24px 60px var(--sb-shadow, rgba(0, 0, 0, .45));
	transform-origin: top;
	animation: sb-prefs-in .22s ease;
}
.sb-prefs__panel[hidden] { display: none; }
.sb-prefs__panel::before {
	content: "";
	position: absolute;
	top: -1px;
	inset-inline: 22%;
	height: 1px;
	background: linear-gradient(90deg, transparent, #B87CF8, #FB7FC7, transparent);
	opacity: .8;
}
.sb-prefs__group { display: grid; gap: 8px; }
.sb-prefs__label {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .02em;
	color: var(--e-global-color-sbmute, #BDB3CE);
}
.sb-prefs__panel .sb-seg { display: flex; }
.sb-prefs__panel .sb-seg__opt { flex: 1 1 0; }
@keyframes sb-prefs-in { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } }

@media (max-width: 767px) {
	.sb-prefs .sb-prefs__toggle { width: 40px !important; height: 40px !important; }
	.sb-prefs__panel { position: fixed; top: 76px; inset-inline: 12px; width: auto; min-width: 0; }
}

/* --- Footer: inline switches ---------------------------------------------- */
.sb-prefs--inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.sb-prefs--inline .sb-prefs__item { display: inline-flex; align-items: center; gap: 8px; color: var(--e-global-color-sbmute, #BDB3CE); }
.sb-prefs--inline .sb-seg__opt { height: 30px !important; padding: 0 12px !important; font-size: 12.5px !important; }
.sb-prefs--inline .sb-seg--mode .sb-seg__opt { padding: 0 9px !important; }
.sb-prefs--inline .sb-seg--mode .sb-ico { width: 16px; height: 16px; }

/* --- Payment marks -------------------------------------------------------- */
.sb-pay-row img {
	display: block;
	height: 26px !important;
	width: auto !important;
	border-radius: 4px;
	box-shadow: 0 0 0 1px var(--sb-hair, rgba(255, 255, 255, .08));
}

/* --- English (left-to-right) ------------------------------------------------
   Arrows in buttons point "forward" in both directions. */
body:not(.rtl) .fa-arrow-left,
body:not(.rtl) .e-fas-arrow-left,
body:not(.rtl) .fa-chevron-left,
body:not(.rtl) .e-fas-chevron-left,
body:not(.rtl) .sb-flip-ltr { transform: scaleX(-1); }

/* Latin text needs less line height than Arabic. */
body:not(.rtl) .elementor-heading-title { line-height: 1.3 !important; }
body:not(.rtl) .elementor-widget-text-editor { line-height: 1.7 !important; }
@media (min-width: 1025px) {
	body:not(.rtl) h1.elementor-heading-title { font-size: 50px !important; line-height: 1.2 !important; }
}

@media (prefers-reduced-motion: reduce) {
	.sb-prefs__panel { animation: none; }
	.sb-prefs__toggle .sb-ico { transition: none; }
	.sb-mode-switching body, .sb-mode-switching body * { transition: none !important; }
}

/* ==================================================================== */
/* WooCommerce notices (added to cart, errors, info) — brand cards       */
/* ==================================================================== */
@keyframes sbNoticeIn{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-notices-wrapper:not(:empty){width:min(1240px,calc(100% - 32px));margin:18px auto 6px}
.woocommerce-MyAccount-content .woocommerce-notices-wrapper:not(:empty){width:auto;margin:0 0 18px}

.woocommerce-message,.woocommerce-info,.woocommerce-error{
	position:relative!important;display:flex!important;align-items:center;flex-wrap:wrap;gap:10px 16px;
	margin:0 0 12px!important;padding:14px 18px!important;padding-inline-start:64px!important;
	list-style:none!important;border:1px solid var(--sb-hair-2,rgba(255,255,255,.14))!important;border-radius:18px!important;
	background:var(--sb-card-2,rgba(27,19,48,.8))!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
	color:var(--e-global-color-text,#F8F8F8)!important;font-size:15px;line-height:1.7;font-weight:500;
	box-shadow:0 14px 34px rgba(8,0,24,.28);overflow:hidden;animation:sbNoticeIn .45s cubic-bezier(.2,.8,.2,1) both}
:root[data-sb-theme="light"] .woocommerce-message,:root[data-sb-theme="light"] .woocommerce-info,:root[data-sb-theme="light"] .woocommerce-error{background:rgba(255,255,255,.92)!important;border-color:rgba(123,63,208,.16)!important;box-shadow:0 14px 34px rgba(80,40,140,.12)}
/* soft coloured glow on the start edge */
.woocommerce-message:after,.woocommerce-info:after,.woocommerce-error:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:120px;pointer-events:none;background:radial-gradient(60px 60px at 0 50%,rgba(184,124,248,.22),transparent 70%)}
[dir=rtl] .woocommerce-message:after,[dir=rtl] .woocommerce-info:after,[dir=rtl] .woocommerce-error:after{background:radial-gradient(60px 60px at 100% 50%,rgba(184,124,248,.22),transparent 70%)}
.woocommerce-error:after{background:radial-gradient(60px 60px at 0 50%,rgba(240,86,122,.22),transparent 70%)!important}
[dir=rtl] .woocommerce-error:after{background:radial-gradient(60px 60px at 100% 50%,rgba(240,86,122,.22),transparent 70%)!important}
/* the round icon */
.woocommerce-message:before,.woocommerce-info:before,.woocommerce-error:before{
	content:""!important;font-family:inherit!important;position:absolute!important;top:50%!important;left:auto!important;right:auto!important;inset-inline-start:18px!important;
	width:32px;height:32px;margin-top:-16px;border-radius:50%;display:block;z-index:1;
	background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"),linear-gradient(135deg,#B87CF8,#FB7FC7);
	box-shadow:0 6px 16px rgba(251,127,199,.35)}
.woocommerce-info:before{background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7.2v.1'/%3E%3C/svg%3E"),linear-gradient(135deg,#8E6CF0,#B87CF8)!important;box-shadow:0 6px 16px rgba(142,108,240,.35)}
.woocommerce-error:before{background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6.5v7M12 17.3v.1'/%3E%3C/svg%3E"),linear-gradient(135deg,#FF7A93,#E4235C)!important;box-shadow:0 6px 16px rgba(228,35,92,.35)}
.woocommerce-error{flex-direction:column;align-items:stretch;gap:4px}
.woocommerce-error li{margin:0!important;padding:0!important;list-style:none!important}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button),.woocommerce-error a:not(.button){color:var(--e-global-color-primary,#B87CF8)!important;font-weight:700;text-decoration:none}
.woocommerce-message strong,.woocommerce-error strong{font-weight:700}
/* the "View cart" / action button */
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{
	order:2;float:none!important;margin:0!important;margin-inline-start:auto!important;display:inline-flex!important;align-items:center;gap:8px;
	min-height:40px;padding:0 20px!important;border:0!important;border-radius:999px!important;white-space:nowrap;
	background:linear-gradient(90deg,#B87CF8,#FB7FC7)!important;color:#fff!important;font-family:inherit;font-size:14px!important;font-weight:700!important;line-height:1!important;
	box-shadow:0 8px 20px rgba(251,127,199,.3);text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.woocommerce-message .button:hover,.woocommerce-info .button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(251,127,199,.4)}
.woocommerce-message .button:after{content:"";width:14px;height:14px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E")}
[dir=ltr] .woocommerce-message .button:after{transform:scaleX(-1)}
@media (max-width:600px){
	.woocommerce-message,.woocommerce-info,.woocommerce-error{font-size:14px;padding:12px 14px!important;padding-inline-start:56px!important;border-radius:16px!important}
	.woocommerce-message:before,.woocommerce-info:before,.woocommerce-error:before{inset-inline-start:14px!important;width:30px;height:30px;margin-top:-15px}
	.woocommerce-message .button{width:100%;justify-content:center}
}

/* Block cart / checkout notices */
.wc-block-components-notice-banner{align-items:center!important;gap:14px!important;padding:14px 18px!important;border:1px solid var(--sb-hair-2,rgba(255,255,255,.14))!important;border-radius:18px!important;background:var(--sb-card-2,rgba(27,19,48,.8))!important;color:var(--e-global-color-text,#F8F8F8)!important;font-size:15px!important;box-shadow:0 14px 34px rgba(8,0,24,.22);animation:sbNoticeIn .45s cubic-bezier(.2,.8,.2,1) both}
:root[data-sb-theme="light"] .wc-block-components-notice-banner{background:rgba(255,255,255,.92)!important;border-color:rgba(123,63,208,.16)!important;box-shadow:0 14px 34px rgba(80,40,140,.12)}
.wc-block-components-notice-banner>svg{width:32px!important;height:32px!important;flex:0 0 32px;padding:6px;border-radius:50%;fill:#fff!important;background:linear-gradient(135deg,#B87CF8,#FB7FC7)!important}
.wc-block-components-notice-banner.is-error>svg{background:linear-gradient(135deg,#FF7A93,#E4235C)!important}
.wc-block-components-notice-banner.is-info>svg,.wc-block-components-notice-banner.is-warning>svg{background:linear-gradient(135deg,#8E6CF0,#B87CF8)!important}
.wc-block-components-notice-banner a{color:var(--e-global-color-primary,#B87CF8)!important;font-weight:700}
.wc-block-components-notice-banner .wc-block-components-button{border-radius:999px!important}

@media (prefers-reduced-motion:reduce){.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{animation:none}}
/* WooCommerce focuses the notice so screen readers announce it; no visible ring needed. */
.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus,.wc-block-components-notice-banner:focus{outline:none!important}

/* ==================================================================== */
/* Side cart (header bag icon)                                           */
/* ==================================================================== */
/* The header's glass blur traps fixed panels inside it: switch it off while the cart is open. */
.sb-gl:has(.elementor-menu-cart--shown),.e-con:has(.elementor-menu-cart--shown){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;filter:none!important}
/* overlay */
.elementor-menu-cart__container{z-index:100000!important}
.elementor-menu-cart--shown .elementor-menu-cart__container{background:rgba(8,0,24,.55)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
body:has(.elementor-menu-cart--shown) .sb-fab{opacity:0;pointer-events:none}
/* panel */
.elementor-menu-cart__main{width:min(420px,92vw)!important;padding:24px 22px 22px!important;background:var(--sb-card-2,rgba(27,19,48,.92))!important;border:0!important;box-shadow:0 0 60px rgba(8,0,24,.45)!important;color:var(--e-global-color-text,#F8F8F8)}
:root[data-sb-theme="light"] .elementor-menu-cart__main{background:#fff!important;box-shadow:0 0 60px rgba(76,40,130,.25)!important}
.elementor-menu-cart__main:before{content:var(--sb-cart-title,"سلتك");position:absolute;top:28px;inset-inline-start:22px;font-size:20px;font-weight:700;line-height:1.4;color:var(--e-global-color-text,#F8F8F8)}
.elementor-menu-cart__close-button{width:40px!important;height:40px!important;margin:0 0 18px!important;border-radius:50%;background:var(--sb-fill,rgba(255,255,255,.06));border:1px solid var(--sb-hair,rgba(255,255,255,.08))}
.elementor-menu-cart__close-button:before,.elementor-menu-cart__close-button:after{width:16px!important;height:2px!important;left:11px!important;background:var(--e-global-color-text,#F8F8F8)!important}
.elementor-menu-cart__close-button:hover{background:rgba(184,124,248,.2)}
/* free shipping hint */
.sb-mc-ship{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:var(--sb-fill,rgba(255,255,255,.06));border:1px solid var(--sb-hair,rgba(255,255,255,.08));font-size:13px;font-weight:600;line-height:1.6}
.sb-mc-ship .amount{color:var(--e-global-color-secondary,#FB7FC7);font-weight:700}
.sb-mc-ship i{display:block;height:6px;margin-top:8px;border-radius:999px;background:var(--sb-fill-2,rgba(255,255,255,.12));overflow:hidden}
.sb-mc-ship i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#B87CF8,#FB7FC7)}
.sb-mc-ship.is-done i b{background:linear-gradient(90deg,#34C791,#0E9C74)}
/* items */
.elementor-menu-cart__products{padding-inline-end:4px}
.elementor-menu-cart__product{grid-template-columns:76px minmax(0,1fr)!important;align-items:start;padding:14px 0!important;padding-inline-end:40px!important;border-bottom:1px solid var(--sb-hair,rgba(255,255,255,.08))!important}
.elementor-menu-cart__product:last-child{border-bottom:0!important}
.elementor-menu-cart__product-image img{width:76px;height:76px;object-fit:contain;border-radius:14px;background:#fff;padding:4px}
.elementor-menu-cart__product-name,.elementor-menu-cart__product-price{padding-inline-start:14px!important}
.elementor-menu-cart__product-name a{color:var(--e-global-color-text,#F8F8F8)!important;font-size:14.5px;font-weight:700;line-height:1.5;text-decoration:none}
.elementor-menu-cart__product-name a:hover{color:var(--e-global-color-primary,#B87CF8)!important}
.elementor-menu-cart__product .variation{display:block!important;margin:4px 0 0!important;font-size:12px;line-height:1.6;color:var(--e-global-color-sbmute,#BDB3CE)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.elementor-menu-cart__product .variation dt,.elementor-menu-cart__product .variation dd,.elementor-menu-cart__product .variation dd p{display:inline;margin:0!important;font-weight:400}
.elementor-menu-cart__product .variation dd{margin-inline-start:4px!important}
.elementor-menu-cart__product .variation dd:after{content:"";display:block}
.elementor-menu-cart__product-price{align-self:end;margin-top:6px;font-size:13px!important;font-weight:500!important;color:var(--e-global-color-sbmute,#BDB3CE)!important}
.elementor-menu-cart__product-price .amount{color:var(--e-global-color-text,#F8F8F8);font-weight:700;font-size:14px}
.elementor-menu-cart__product-remove{width:30px!important;height:30px!important;border-radius:50%!important;top:16px!important;bottom:auto!important;border:1px solid var(--sb-hair-2,rgba(255,255,255,.14))!important;background:var(--sb-fill,rgba(255,255,255,.06))}
.elementor-menu-cart__product-remove:before,.elementor-menu-cart__product-remove:after{background:var(--e-global-color-sbmute,#BDB3CE)!important;left:9px!important;width:11px!important;height:1.6px!important}
.elementor-menu-cart__product-remove:hover{border-color:rgba(240,86,122,.6)!important;background:rgba(240,86,122,.12)}
.elementor-menu-cart__product-remove:hover:before,.elementor-menu-cart__product-remove:hover:after{background:#F0567A!important}
/* subtotal + buttons */
.elementor-menu-cart__subtotal{display:flex!important;justify-content:space-between;align-items:center;margin-top:auto;padding:16px 0!important;border:0!important;border-top:1px solid var(--sb-hair-2,rgba(255,255,255,.14))!important;font-size:18px!important;font-weight:700!important;color:var(--e-global-color-text,#F8F8F8)!important}
.elementor-menu-cart__subtotal strong{font-size:14px;font-weight:600;color:var(--e-global-color-sbmute,#BDB3CE)}
.elementor-menu-cart__footer-buttons{grid-template-columns:1fr 1.25fr!important;gap:10px!important;padding-top:0!important}
.elementor-menu-cart__footer-buttons .elementor-button{display:flex!important;align-items:center;justify-content:center;min-height:50px;padding:0 14px!important;border-radius:999px!important;font-family:inherit;font-size:15px!important;font-weight:700!important;line-height:1!important;transition:transform .2s,box-shadow .2s,background .2s}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart{background:transparent!important;border:1px solid var(--sb-hair-2,rgba(255,255,255,.14))!important;color:var(--e-global-color-text,#F8F8F8)!important}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{background:var(--sb-fill,rgba(255,255,255,.06))!important;border-color:rgba(184,124,248,.5)!important}
.elementor-menu-cart__footer-buttons .elementor-button--checkout{background:linear-gradient(90deg,#B87CF8,#FB7FC7)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(251,127,199,.3)}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(251,127,199,.42)}
/* empty */
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message{margin:auto 0;padding:40px 0 60px;text-align:center!important;font-size:15px;font-weight:600;color:var(--e-global-color-sbmute,#BDB3CE)!important}
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message:before{content:"";display:block;width:74px;height:74px;margin:0 auto 16px;border-radius:50%;background:center/30px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B87CF8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E"),rgba(184,124,248,.12)}