/* ==========================================================================
   Gifts Cooperative Society 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, #9BBFB9) !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, #B89254), var(--e-global-color-secondary, #D4B26C)) !important;
	box-shadow: 0 6px 18px rgba(184, 146, 84, .35) !important;
}
.sb-prefs .sb-seg__opt:focus-visible {
	outline: 2px solid var(--e-global-color-primary, #B89254);
	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, 146, 84, .22) !important;
	border-color: rgba(184, 146, 84, .5) !important;
	box-shadow: 0 0 18px rgba(184, 146, 84, .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, #B89254); 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(15, 51, 42, .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, #B89254, #D4B26C, 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, #9BBFB9);
}
.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, #9BBFB9); }
.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(19,60,49,.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(10,37,30,.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(117,95,66,.16)!important;box-shadow:0 14px 34px rgba(76,62,45,.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,146,84,.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,146,84,.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,#B89254,#D4B26C);
	box-shadow:0 6px 16px rgba(212,178,108,.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,#AD8748,#B89254)!important;box-shadow:0 6px 16px rgba(173,135,72,.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,#B89254)!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,#B89254,#D4B26C)!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(212,178,108,.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(212,178,108,.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(19,60,49,.8))!important;color:var(--e-global-color-text,#F8F8F8)!important;font-size:15px!important;box-shadow:0 14px 34px rgba(10,37,30,.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(117,95,66,.16)!important;box-shadow:0 14px 34px rgba(76,62,45,.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,#B89254,#D4B26C)!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,#AD8748,#B89254)!important}
.wc-block-components-notice-banner a{color:var(--e-global-color-primary,#B89254)!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(10,37,30,.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(19,60,49,.92))!important;border:0!important;box-shadow:0 0 60px rgba(10,37,30,.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(72,59,43,.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,146,84,.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,#D4B26C);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,#B89254,#D4B26C)}
.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,#B89254)!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,#9BBFB9)!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,#9BBFB9)!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,#9BBFB9)!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,#9BBFB9)}
.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,146,84,.5)!important}
.elementor-menu-cart__footer-buttons .elementor-button--checkout{background:linear-gradient(90deg,#B89254,#D4B26C)!important;color:#fff!important;border:0!important;box-shadow:0 10px 24px rgba(212,178,108,.3)}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(212,178,108,.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,#9BBFB9)!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='%23B89254' 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,146,84,.12)}

/* --- [sb_app_quote]: button that opens the app-quote window ---------------- */
.sb-quote-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:999px;background:linear-gradient(90deg,var(--e-global-color-primary,#B89254),var(--e-global-color-secondary,#D4B26C));color:#fff!important;font-weight:700;font-size:16px;line-height:1.4;text-decoration:none!important;box-shadow:0 12px 28px rgba(184,146,84,.35);transition:filter .2s,transform .2s}
.sb-quote-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* --- Services: package cards, the package page and category cards ---------- */
.sb-unit{font-size:.72em;font-weight:600;opacity:.8;white-space:nowrap}
.sb-soon-badge{position:absolute;top:18px;inset-inline-start:18px;z-index:2;padding:3px 12px;border-radius:999px;background:#12392F;color:#fff;font-size:12px;font-weight:700;line-height:1.7}
.sb-product-cards ul.products li.product.sb-service--soon img{filter:saturate(.3)}
.sb-svc-buy{display:flex;flex-direction:column;gap:10px}
.sb-request-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 28px;border-radius:999px;background:linear-gradient(90deg,#B89254,#D4B26C);color:#fff!important;font-weight:700;font-size:17px;line-height:1.4;text-decoration:none!important;box-shadow:0 14px 30px rgba(184,146,84,.35);transition:filter .2s,transform .2s;cursor:pointer}
.sb-request-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.sb-request-btn:focus-visible{outline:2px solid #755F42;outline-offset:3px}
.sb-svc-hint{margin:0;text-align:center;font-size:13.5px;line-height:1.7;color:#4D6660}
.sb-svc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.sb-svc-list li{position:relative;padding-inline-start:27px;font-size:15px;font-weight:500;line-height:1.7;color:#1D4D40}
.sb-svc-list li::before{content:"";position:absolute;inset-inline-start:0;top:4px;width:18px;height:18px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat,linear-gradient(135deg,#B89254,#D4B26C)}
.sb-svc-facts{display:flex;flex-wrap:wrap;gap:8px}
.sb-svc-facts div{flex:1 1 170px;display:flex;flex-direction:column;padding:10px 14px;border-radius:14px;background:#F7F4EE;border:1px solid #E7E3D9}
.sb-svc-facts span{font-size:12.5px;font-weight:600;color:#4D6660}
.sb-svc-facts b{font-size:14.5px;line-height:1.7;color:#12392F}
.sb-svc-note{margin:10px 0 0;font-size:13.5px;line-height:1.8;color:#4D6660}
.sb-service--soon .sb-svc-how{display:none}
.tax-product_cat:has(li.product.sb-service--soon) .sb-svc-how{display:none}
.sb-cat-card{text-decoration:none!important}
@media (max-width:600px){.sb-svc-list{grid-template-columns:1fr}}
.sb-svc-facts .is-soon{background:#12392F;border-color:#12392F}.sb-svc-facts .is-soon span{color:#AFD0CC}.sb-svc-facts .is-soon b{color:#fff}

/* ==========================================================================
   Hadaya store only (added by the build from src/profiles/hadaya/append).
   The society's identity: الخط السعودي for headings, gold as foil with the deep
   green as its ink, the triangle strip and the flower of the logo as ornaments.
   ========================================================================== */
@font-face{font-family:"Saudi";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/SaudiWeb-Regular.woff2") format("woff2")}
@font-face{font-family:"Saudi";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/SaudiWeb-Bold.woff2") format("woff2")}
:root{--hd-green:#193E34;--hd-deep:#0B2A22;--hd-gold:#B68F4F;--hd-gold-soft:#D8BD7D;--hd-ivory:#F3F0E8;--hd-white:#FBFAF7;--hd-head:"Saudi","Readex Pro",Tahoma, Arial, sans-serif}

/* Headings in the society's heading font. */
h1,h2,h3,.elementor-widget-heading h1.elementor-heading-title,.elementor-widget-heading h2.elementor-heading-title,.elementor-widget-heading h3.elementor-heading-title,.elementor-widget-icon-box h3.elementor-icon-box-title,.hd-head .elementor-heading-title,.e-n-accordion-item-title-text{font-family:var(--hd-head)!important;font-weight:700!important;letter-spacing:0!important}
h1.elementor-heading-title,.elementor-widget-heading h1{line-height:1.5!important}

/* The request window speaks in the same voice. */
.sbr .sbr__title,.sbr .sbr__step{font-family:var(--hd-head)!important}

/* Gold is foil: the same gold in both modes, and whatever sits on it is written in the deep green. */
:root{--hd-foil:linear-gradient(90deg,#B89254,#D4B26C);--hd-foil-hover:linear-gradient(90deg,#A57F48,#C6A15A)}
:root .elementor-button,:root .sb-form .elementor-button,:root .sb-quote-btn,:root .sb-request-btn,:root .elementor-menu-cart__footer-buttons .elementor-button--checkout,:root .wc-block-cart__submit-button,:root .wc-block-components-checkout-place-order-button,:root .single-product form.cart .single_add_to_cart_button,:root .sb-product-cards nav.woocommerce-pagination ul li span.current,:root .sb-product-cards ul.products li.product .button,:root .sb-cat-nav__item.is-active,:root .sb-pill[aria-pressed=true],:root .sb-order-fields .sb-free,:root .wc-block-components-order-summary-item__quantity,:root .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,:root .sb-prefs .sb-seg__opt[aria-checked="true"],:root .sb-prefs .sb-seg__opt[aria-current="true"],:root .woocommerce-message .button,:root .woocommerce-info .button,:root .woocommerce-error .button{background-image:var(--hd-foil)!important;color:var(--hd-deep)!important}
:root .elementor-button:hover,:root .elementor-button:focus,:root .sb-form .elementor-button:hover,:root .sb-request-btn:hover,:root .wc-block-cart__submit-button:hover,:root .wc-block-components-checkout-place-order-button:hover,:root .single-product form.cart .single_add_to_cart_button:hover,:root .sb-product-cards ul.products li.product .button:hover{background-image:var(--hd-foil-hover)!important;color:var(--hd-deep)!important}
.elementor-button .elementor-button-icon,.elementor-button .elementor-button-icon svg{color:inherit;fill:currentColor}
:root .elementor-menu-cart__toggle .elementor-button,:root .elementor-menu-cart__toggle .elementor-button:hover{background-image:none!important;color:var(--e-global-color-text)!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.elementor-menu-cart__product-name,.wc-block-components-product-name{font-family:"Readex Pro",Tahoma, Arial, sans-serif!important;font-weight:600!important}
:root .sb-glass-btn .elementor-button,:root .sb-glass-btn .elementor-button:hover{background-image:none!important;color:var(--e-global-color-text)!important}
.sb-order-fields input[type=file]::file-selector-button{color:var(--hd-deep)}
.elementor-widget-icon-box.elementor-view-stacked .elementor-icon,.sb-float .elementor-view-stacked .elementor-icon{color:var(--hd-deep)!important;fill:var(--hd-deep)!important}
.elementor-widget-icon-box.elementor-view-stacked .elementor-icon svg,.sb-float .elementor-view-stacked .elementor-icon svg{fill:var(--hd-deep)!important}
.sb-step-card>.elementor-widget-heading:first-child .elementor-heading-title{color:var(--hd-deep)!important;font-family:"Readex Pro",Tahoma, Arial, sans-serif!important}
.sb-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon span>svg,.sb-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>svg{fill:var(--hd-deep)!important}
.sb-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon span>i,.sb-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>i{color:var(--hd-deep)!important}
.sb-perks li::after{border-color:var(--hd-deep)}

/* --- hd-green: a deep-green band that keeps the dark palette in both modes --- */
.hd-green{
	--e-global-color-primary:#D4B26C;--e-global-color-secondary:#D8BD7D;--e-global-color-text:#F3F0E8;--e-global-color-accent:#0B2A22;
	--e-global-color-sbsurf:#123A30;--e-global-color-sbline:#24493E;--e-global-color-sbmute:#B4C7BF;--e-global-color-sbsoft:#E3DECF;--e-global-color-sbhi:#FFFFFF;
	--e-global-color-sbglass:#FFFFFF12;--e-global-color-sbglassb:#FFFFFF1F;--e-global-color-sbpane:#123A308C;--e-global-color-sbpane2:#123A30CC;
	--sb-grad:linear-gradient(90deg,#B89254,#D4B26C);--sb-glass-bg:rgba(255,255,255,.06);--sb-glass-line:rgba(216,189,125,.22);--sb-glass-hi:rgba(255,255,255,.07);
	--sb-card:rgba(255,255,255,.06);--sb-card-2:rgba(255,255,255,.1);--sb-hair:rgba(255,255,255,.08);--sb-hair-2:rgba(255,255,255,.16);--sb-fill:rgba(255,255,255,.06);--sb-fill-2:rgba(255,255,255,.12);--sb-shadow:rgba(0,0,0,.28);
	background-color:var(--hd-green)!important;color:#F3F0E8;position:relative;isolation:isolate;overflow:hidden!important;
}
.hd-green.hd-deep{background-color:var(--hd-deep)!important}

/* --- Ornaments ---------------------------------------------------------------- */
/* The triangle strip of the identity: down the start edge of the hero on wide screens… */
.hd-strip{position:relative}
.hd-strip.e-con::before{content:""!important;position:absolute!important;inset-block:0!important;inset-inline-start:26px!important;inset-inline-end:auto!important;width:58px!important;height:auto!important;background:url("../brand/strip-v.png") repeat-y center top/58px auto!important;opacity:.9!important;pointer-events:none;z-index:0;border-radius:0!important}
.hd-strip>.e-con,.hd-strip>.e-con-inner{position:relative;z-index:1}
@media (max-width:1560px){.hd-strip.e-con::before{display:none!important}}
/* …and along the top edge of a band, at every width. */
.hd-rule-top.e-con::before{content:""!important;position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:28px!important;background:url("../brand/strip-h.png") repeat-x center/auto 28px!important;opacity:.85!important;pointer-events:none;z-index:0;border-radius:0!important}
/* The flower of the logo, large and faint, in a corner. */
.hd-flower{position:relative;isolation:isolate}
.hd-flower::after{content:"";position:absolute;inset-block-end:0;inset-inline-end:0;width:270px;height:512px;background:url("../brand/flower.png") no-repeat center/contain;opacity:.38;pointer-events:none;z-index:-1}
[dir="rtl"] .hd-flower::after{transform:scaleX(-1)}
:root[data-sb-theme="light"] .hd-flower:not(.hd-green)::after{opacity:.16}
@media (max-width:1024px){.hd-flower::after{width:180px;height:340px;opacity:.25}}

/* --- hd-cat: category tile (photo, name over a green veil) ---------------------- */
.hd-cat.e-con{position:relative;overflow:hidden;isolation:isolate;border-radius:22px!important;border:1px solid rgba(182,143,79,.45)!important;text-decoration:none!important;transition:transform .35s ease,box-shadow .35s ease;aspect-ratio:3/4}
.hd-cat.e-con::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(180deg,rgba(11,42,34,0) 38%,rgba(11,42,34,.9) 100%)!important;opacity:1!important;z-index:0;border-radius:0!important}
.hd-cat.e-con:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(11,42,34,.28)}
.hd-cat>*{position:relative;z-index:1}
.hd-cat .elementor-heading-title{color:#F3F0E8!important}
.hd-cat .hd-cat__more .elementor-heading-title{color:var(--hd-gold-soft)!important;font-family:"Readex Pro",Tahoma, Arial, sans-serif!important}

@media (max-width:767px){.hd-cat.e-con:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:16/9}}

/* --- hd-frame: a photo in the arch of the identity ------------------------------ */
.hd-frame.elementor-widget-image img{border-radius:260px 260px 28px 28px!important;border:1px solid rgba(182,143,79,.6)!important;box-shadow:0 40px 70px var(--sb-shadow);object-fit:cover;aspect-ratio:4/5;width:100%;outline:1px solid rgba(182,143,79,.35);outline-offset:8px}
.hd-photo.elementor-widget-image img{border-radius:26px!important;border:1px solid rgba(182,143,79,.5)!important;box-shadow:0 30px 60px var(--sb-shadow);object-fit:cover;width:100%}

/* --- hd-chip: small outlined label (materials, clients) ------------------------- */
.hd-chips .elementor-icon-list-items{justify-content:center;gap:10px 10px}
.hd-chips .elementor-icon-list-item{padding:9px 18px!important;border-radius:999px;border:1px solid rgba(182,143,79,.55);background:var(--sb-fill);margin:0!important}
.hd-chips .elementor-icon-list-item::after{display:none!important}

/* --- hd-num: the big outlined numerals of the profile (01, 02…) ------------------ */
.hd-num .elementor-heading-title{font-family:"Readex Pro",Tahoma, Arial, sans-serif!important;color:transparent!important;-webkit-text-stroke:1px var(--hd-gold);opacity:.9}

/* Product cards and the buy box take the warm white of the identity. */
.sb-buy-box{border-color:rgba(182,143,79,.35)}

/* The cart and the order summary cut the product's short description mid-sentence (and the cut text can
   never match the English dictionary): leave the name alone there. */
.wc-block-components-product-metadata__description{display:none}

/* No payment gateway is chosen yet (profile.php → payments is empty): hide the «طرق دفع آمنة» row until it has logos. */
.sb-pay-row:not(:has(img)){display:none!important}