/*
Theme Name: Hijab Boutique
Description: قالب بنوتي عصري لمتجر الحجابات والأزياء المحتشمة، يدعم WooCommerce والدفع عند الاستلام واللغة العربية (RTL).
Version: 1.5.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hijab-boutique
*/

/* ==========================================================
   1) المتغيرات (الألوان والخطوط) - عدّلها من هنا أو من لوحة التخصيص
   ========================================================== */
:root {
	--hb-bg: #fff8fb;
	--hb-surface: #ffffff;
	--hb-sand: #fde8f1;
	--hb-ink: #3b2a36;
	--hb-muted: #8d7482;
	--hb-line: #f6d9e6;
	--hb-accent: #d6407a;
	--hb-accent-dark: #b32d63;
	--hb-gold: #8f5fcb;
	--hb-rose: #ffd3e4;
	--hb-lilac: #efe6ff;
	--hb-radius: 20px;
	--hb-shadow: 0 10px 30px rgba(214, 64, 122, 0.14);
	--hb-font: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
	--hb-font-head: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
}

/* ==========================================================
   2) الأساسيات
   ========================================================== */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--hb-bg);
	color: var(--hb-ink);
	font-family: var(--hb-font);
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

body.hb-nav-open { overflow: hidden; }

img { max-width: 100%; height: auto; display: block; }

a { color: var(--hb-accent); text-decoration: none; }
a:hover { color: var(--hb-accent-dark); }

h1, h2, h3, h4 { line-height: 1.35; margin: 0 0 .5em; font-weight: 800; }

.hb-container { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: 16px; }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}

/* الأزرار */
.hb-btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	background: var(--hb-accent); color: #fff; border: 0; border-radius: 999px;
	padding: 13px 28px; font-family: inherit; font-size: 16px; font-weight: 700;
	line-height: 1.2; cursor: pointer; transition: background .2s, transform .15s;
}
.hb-btn:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
	background: var(--hb-accent-dark); color: #fff; transform: translateY(-1px);
}
.hb-btn--light { background: #fff; color: var(--hb-accent); }
.hb-btn--light:hover { background: var(--hb-sand); color: var(--hb-accent-dark); }

/* ==========================================================
   3) الشريط العلوي والهيدر
   ========================================================== */
.hb-announce {
	background: var(--hb-accent); color: #fff; text-align: center;
	font-size: 14px; font-weight: 500; padding: 8px 12px;
}

.hb-header {
	position: sticky; top: 0; z-index: 50;
	background: rgba(251, 248, 244, .96); backdrop-filter: blur(8px);
	border-bottom: 1px solid var(--hb-line);
}
.hb-header__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; }

.hb-logo { font-size: 22px; font-weight: 800; color: var(--hb-ink); display: flex; align-items: center; }
.hb-logo img { max-height: 44px; width: auto; }

.hb-burger { background: none; border: 0; padding: 8px; cursor: pointer; display: grid; gap: 5px; }
.hb-burger span { display: block; width: 24px; height: 2px; background: var(--hb-ink); border-radius: 2px; }

.hb-nav {
	position: fixed; inset: 0; z-index: 60; background: var(--hb-bg);
	padding: 80px 24px 24px; transform: translateX(100%); transition: transform .3s;
	visibility: hidden;
}
[dir="rtl"] .hb-nav { transform: translateX(-100%); }
.hb-nav.is-open { transform: none; visibility: visible; }
.hb-nav ul { list-style: none; margin: 0; padding: 0; }
.hb-nav li a { display: block; padding: 14px 0; font-size: 20px; font-weight: 700; color: var(--hb-ink); border-bottom: 1px solid var(--hb-line); }
.hb-nav__close { position: absolute; top: 16px; inset-inline-end: 16px; background: none; border: 0; font-size: 34px; line-height: 1; cursor: pointer; color: var(--hb-ink); }

.hb-cart { position: relative; display: inline-flex; padding: 8px; color: var(--hb-ink); }
.hb-cart svg { width: 26px; height: 26px; }
.hb-cart-count {
	position: absolute; top: 0; inset-inline-end: 0; min-width: 18px; height: 18px;
	background: var(--hb-accent); color: #fff; border-radius: 999px; font-size: 11px;
	font-weight: 700; display: grid; place-items: center; padding: 0 4px;
}

@media (min-width: 1024px) {
	.hb-burger, .hb-nav__close { display: none; }
	.hb-nav {
		position: static; transform: none !important; visibility: visible; padding: 0;
		background: none; inset: auto;
	}
	.hb-nav ul { display: flex; gap: 28px; }
	.hb-nav li a { font-size: 16px; padding: 6px 0; border: 0; }
	.hb-nav li a:hover { color: var(--hb-accent); }
	.hb-header__row { min-height: 76px; }
}

/* ==========================================================
   4) الصفحة الرئيسية
   ========================================================== */
.hb-hero {
	position: relative; min-height: 460px; display: flex; align-items: center;
	background: linear-gradient(135deg, var(--hb-sand), #e6d5c3) center / cover no-repeat;
	color: var(--hb-ink);
}
.hb-hero.has-image { color: #fff; }
.hb-hero.has-image::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.1)); }
[dir="rtl"] .hb-hero.has-image::before { background: linear-gradient(270deg, rgba(0,0,0,.55), rgba(0,0,0,.1)); }
.hb-hero__inner { position: relative; max-width: 560px; padding-block: 56px; }
.hb-hero h1 { font-size: clamp(30px, 6vw, 52px); }
.hb-hero p { font-size: 18px; margin: 0 0 24px; opacity: .92; }

.hb-trust { background: var(--hb-surface); border-bottom: 1px solid var(--hb-line); }
.hb-trust__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 12px; padding-block: 18px; }
.hb-trust__item { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 14px; padding: 8px 0; }
.hb-trust__item i { font-style: normal; font-size: 22px; }
@media (min-width: 768px) { .hb-trust__grid { grid-template-columns: repeat(4, 1fr); } .hb-trust__item { font-size: 15px; } }

.hb-section { padding-block: 44px; }
.hb-section__head { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.hb-section__head h2 { margin: 0; font-size: clamp(22px, 4vw, 30px); }
.hb-section__head a { font-weight: 700; font-size: 15px; }

.hb-cats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
@media (min-width: 768px) { .hb-cats { grid-template-columns: repeat(3, 1fr); gap: 18px; } }
.hb-cat { position: relative; display: block; border-radius: var(--hb-radius); overflow: hidden; background: var(--hb-sand); aspect-ratio: 4 / 5; }
.hb-cat img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.hb-cat:hover img { transform: scale(1.05); }
.hb-cat__name {
	position: absolute; inset-inline: 0; bottom: 0; padding: 40px 14px 14px; color: #fff;
	font-weight: 800; font-size: 18px; background: linear-gradient(transparent, rgba(0,0,0,.6));
}

.hb-cta { background: var(--hb-accent); color: #fff; text-align: center; padding-block: 48px; }
.hb-cta h2 { font-size: clamp(22px, 4vw, 32px); }
.hb-cta p { margin: 0 0 20px; opacity: .9; }

/* ==========================================================
   5) المحتوى العام (مقالات وصفحات)
   ========================================================== */
.hb-main { padding-block: 32px 56px; }
.hb-page-title { font-size: clamp(26px, 5vw, 36px); margin-bottom: 20px; }
.hb-content > * + * { margin-top: 1em; }
.hb-post { background: var(--hb-surface); border: 1px solid var(--hb-line); border-radius: var(--hb-radius); padding: 20px; margin-bottom: 18px; }

/* ==========================================================
   6) WooCommerce: شبكة المنتجات
   ========================================================== */
.woocommerce ul.products, .woocommerce-page ul.products {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0; padding: 0;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
@media (min-width: 768px) {
	.woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr); gap: 20px; }
}
@media (min-width: 1000px) {
	.woocommerce ul.products.columns-4, .woocommerce-page ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); }
}

.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
	width: auto; float: none; margin: 0; background: var(--hb-surface);
	border: 1px solid var(--hb-line); border-radius: var(--hb-radius); overflow: hidden;
	display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s;
}
.woocommerce ul.products li.product:hover { box-shadow: var(--hb-shadow); transform: translateY(-2px); }
.woocommerce ul.products li.product a img { margin: 0; aspect-ratio: 3 / 4; object-fit: cover; width: 100%; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px; font-weight: 700; padding: 10px 12px 0; color: var(--hb-ink); }
.woocommerce ul.products li.product .price { padding: 4px 12px 12px; font-size: 16px; font-weight: 800; color: var(--hb-accent); display: block; }
.woocommerce ul.products li.product .price del { color: var(--hb-muted); font-weight: 400; margin-inline-end: 6px; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product .button { margin: auto 12px 12px; padding: 10px 14px; font-size: 14px; }
.woocommerce span.onsale {
	background: var(--hb-gold); color: #fff; min-height: 0; min-width: 0; line-height: 1;
	padding: 7px 12px; border-radius: 999px; top: 10px; inset-inline-start: 10px; inset-inline-end: auto; left: auto; right: auto; font-weight: 700;
}
.woocommerce .woocommerce-ordering select, .woocommerce .woocommerce-result-count { font-family: inherit; }
.woocommerce .woocommerce-breadcrumb { color: var(--hb-muted); font-size: 14px; margin-bottom: 18px; }

/* ==========================================================
   7) WooCommerce: صفحة المنتج
   ========================================================== */
.woocommerce div.product { display: grid; grid-template-columns: 1fr; gap: 24px; }
.woocommerce div.product div.images, .woocommerce div.product div.summary { float: none; width: 100%; margin: 0; }
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells { grid-column: 1 / -1; }
@media (min-width: 768px) { .woocommerce div.product { grid-template-columns: 1fr 1fr; gap: 40px; } }

.woocommerce div.product div.images img { border-radius: var(--hb-radius); }
.woocommerce div.product .flex-control-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
.woocommerce div.product .flex-control-thumbs li { width: auto; float: none; }
.woocommerce div.product .flex-control-thumbs img { border-radius: 10px; opacity: .6; }
.woocommerce div.product .flex-control-thumbs img.flex-active, .woocommerce div.product .flex-control-thumbs img:hover { opacity: 1; }

.woocommerce div.product .product_title { font-size: clamp(24px, 4vw, 32px); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--hb-accent); font-size: 26px; font-weight: 800; }
.woocommerce div.product p.price del { color: var(--hb-muted); font-weight: 400; font-size: 18px; margin-inline-end: 8px; }
.woocommerce div.product p.price ins { text-decoration: none; }
.woocommerce-product-details__short-description { color: var(--hb-muted); }

.woocommerce div.product form.cart { margin: 20px 0; }
.woocommerce div.product form.cart .variations { width: 100%; margin-bottom: 14px; }
.woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { display: block; padding: 0; text-align: start; }
.woocommerce div.product form.cart .variations label { font-weight: 700; display: block; margin-bottom: 6px; }
.woocommerce div.product form.cart .variations select {
	width: 100%; padding: 12px 14px; border: 1px solid var(--hb-line); border-radius: 12px;
	background: var(--hb-surface); font-family: inherit; font-size: 16px;
}
.woocommerce div.product form.cart .reset_variations { font-size: 13px; color: var(--hb-muted); }
.woocommerce div.product form.cart .single_variation_wrap { margin-top: 12px; }
.woocommerce div.product form.cart .quantity { margin-inline-end: 10px; }
.woocommerce .quantity .qty { padding: 12px 8px; border: 1px solid var(--hb-line); border-radius: 12px; font-family: inherit; width: 70px; }
.woocommerce div.product form.cart .single_add_to_cart_button { flex: 1; padding: 16px 28px; font-size: 18px; }
.woocommerce div.product form.cart:not(.variations_form),
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex; align-items: stretch; gap: 8px; }

.hb-assure { list-style: none; margin: 18px 0 0; padding: 14px 16px; background: var(--hb-sand); border-radius: var(--hb-radius); display: grid; gap: 8px; font-weight: 700; font-size: 15px; }

.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 16px; display: flex; gap: 8px; flex-wrap: wrap; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; background: var(--hb-sand); border-radius: 999px; margin: 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 9px 20px; font-weight: 700; color: var(--hb-ink); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--hb-accent); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; }

/* شريط الطلب الثابت أسفل الشاشة في الجوال */
.hb-stickybar {
	position: fixed; inset-inline: 0; bottom: 0; z-index: 40; display: flex; align-items: center;
	justify-content: space-between; gap: 12px; padding: 10px 16px; background: var(--hb-surface);
	border-top: 1px solid var(--hb-line); box-shadow: 0 -6px 20px rgba(0,0,0,.08);
	transform: translateY(110%); transition: transform .25s;
}
.hb-stickybar.is-visible { transform: none; }
.hb-stickybar__info { display: grid; line-height: 1.3; min-width: 0; }
.hb-stickybar__info strong { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hb-stickybar__info span { color: var(--hb-accent); font-weight: 800; }
.hb-stickybar__btn { padding: 12px 24px; white-space: nowrap; }
@media (min-width: 1024px) { .hb-stickybar { display: none; } }

/* ==========================================================
   8) السلة وإتمام الطلب
   ========================================================== */
.woocommerce form .form-row label { font-weight: 700; margin-bottom: 4px; display: block; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select, .select2-container--default .select2-selection--single {
	width: 100%; padding: 13px 14px; border: 1px solid var(--hb-line); border-radius: 12px;
	background: var(--hb-surface); font-family: inherit; font-size: 16px; min-height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 22px; padding: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { outline: 2px solid var(--hb-accent); border-color: transparent; }

.woocommerce-checkout #customer_details, .woocommerce-checkout #order_review {
	background: var(--hb-surface); border: 1px solid var(--hb-line); border-radius: var(--hb-radius); padding: 18px; margin-bottom: 18px;
}
.woocommerce-checkout h3 { font-size: 20px; }
.woocommerce-checkout #payment { background: var(--hb-sand); border-radius: var(--hb-radius); }
.woocommerce-checkout #payment ul.payment_methods { border-bottom: 0; }
.woocommerce-checkout #payment div.form-row { padding: 16px; }
.woocommerce-checkout #place_order { width: 100%; padding: 17px; font-size: 18px; float: none; }
.woocommerce table.shop_table { border: 1px solid var(--hb-line); border-radius: var(--hb-radius); border-collapse: separate; overflow: hidden; background: var(--hb-surface); }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 12px 14px; }
.woocommerce-message, .woocommerce-info { border-top-color: var(--hb-accent); background: var(--hb-sand); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--hb-accent); }

@media (min-width: 1024px) {
	.woocommerce-checkout form.checkout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: start; }
	.woocommerce-checkout form.checkout #order_review_heading { display: none; }
	.woocommerce-checkout #customer_details { margin-bottom: 0; }
}

/* ==========================================================
   9) الفوتر وزر واتساب
   ========================================================== */
.hb-footer { background: var(--hb-ink); color: #e9e0d7; padding-block: 44px 24px; }
.hb-footer a { color: #e9e0d7; }
.hb-footer a:hover { color: var(--hb-gold); }
.hb-footer__grid { display: grid; gap: 28px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .hb-footer__grid { grid-template-columns: 2fr 1fr 1fr; } }
.hb-footer h3 { color: #fff; font-size: 18px; }
.hb-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.hb-footer__copy { border-top: 1px solid rgba(255,255,255,.12); margin-top: 28px; padding-top: 18px; font-size: 14px; opacity: .75; text-align: center; }

.hb-whatsapp {
	position: fixed; bottom: 18px; inset-inline-start: 16px; z-index: 45; width: 54px; height: 54px;
	border-radius: 50%; background: #25d366; color: #fff; display: grid; place-items: center;
	box-shadow: 0 6px 18px rgba(0,0,0,.2);
}
.hb-whatsapp svg { width: 30px; height: 30px; }
.single-product .hb-whatsapp { bottom: 84px; }
@media (min-width: 1024px) { .single-product .hb-whatsapp { bottom: 18px; } }


/* ==========================================================
   صفحة المنتج v2 (احترافية: معرض ثابت + ملخص منظم)
   ========================================================== */
.single-product .hb-main { padding-block: 14px 40px; }
.single-product .woocommerce-breadcrumb { font-size: 13px; margin-bottom: 12px; white-space: nowrap; overflow-x: auto; scrollbar-width: none; }
.single-product .woocommerce-breadcrumb::-webkit-scrollbar { display: none; }
.single-product .woocommerce-breadcrumb a { color: var(--hb-muted); }

.woocommerce div.product { gap: 18px; align-items: start; }
@media (min-width: 1024px) {
	.woocommerce div.product { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 44px; }
	.woocommerce div.product div.images { position: sticky; top: 96px; }
}

/* المعرض */
.woocommerce div.product div.images { position: relative; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin: 0; }
.woocommerce div.product div.images .woocommerce-product-gallery__image img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 20px; background: var(--hb-sand); box-shadow: var(--hb-shadow); }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 12px; inset-inline-end: 12px; inset-inline-start: auto; right: auto; left: auto; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.woocommerce div.product .flex-control-thumbs { display: flex; gap: 10px; margin: 12px 0 0; padding: 0; overflow-x: auto; scrollbar-width: none; list-style: none; }
.woocommerce div.product .flex-control-thumbs::-webkit-scrollbar { display: none; }
.woocommerce div.product .flex-control-thumbs li { flex: 0 0 72px; width: 72px; float: none; }
.woocommerce div.product .flex-control-thumbs img { width: 72px; height: 92px; object-fit: cover; border-radius: 12px; opacity: .55; border: 2px solid transparent; cursor: pointer; transition: opacity .15s, border-color .15s; }
.woocommerce div.product .flex-control-thumbs img.flex-active, .woocommerce div.product .flex-control-thumbs img:hover { opacity: 1; border-color: var(--hb-accent); }
@media (min-width: 1024px) { .woocommerce div.product .flex-control-thumbs li { flex-basis: 84px; width: 84px; } .woocommerce div.product .flex-control-thumbs img { width: 84px; height: 108px; } }

/* الملخص */
.woocommerce div.product div.summary { display: block; }
.woocommerce div.product .product_title { font-size: clamp(24px, 3.4vw, 34px); line-height: 1.3; margin: 0 0 10px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 14px; font-size: 30px; }
.woocommerce div.product p.price ins, .woocommerce div.product p.price > .woocommerce-Price-amount { order: 1; }
.woocommerce div.product p.price del { order: 2; font-size: 19px; margin: 0; }
.hb-off { order: 3; background: #e9f7ef; color: #1f9d63; font-size: 14px; font-weight: 800; padding: 4px 12px; border-radius: 999px; }
.woocommerce div.product .woocommerce-product-details__short-description { margin: 0 0 16px; padding: 14px 16px; background: #fff; border: 1px solid var(--hb-line); border-radius: 14px; font-size: 15px; line-height: 1.8; }
.woocommerce div.product .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }
.woocommerce div.product .product_meta { display: none; }
.woocommerce div.product .onsale { display: none; }

/* شريط الطمأنة */
.hb-assure { list-style: none; margin: 0; padding: 0; background: transparent; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: 13px; font-weight: 700; text-align: center; }
.hb-assure li { display: grid; justify-items: center; gap: 6px; padding: 12px 6px; background: #fff; border: 1px solid var(--hb-line); border-radius: 14px; line-height: 1.35; }
.hb-assure i { width: 38px; height: 38px; border-radius: 50%; background: var(--hb-sand); color: var(--hb-accent); display: grid; place-items: center; }
.hb-assure svg { width: 20px; height: 20px; }

/* التبويبات والمنتجات المشابهة */
.woocommerce div.product .woocommerce-tabs { margin-top: 10px; background: #fff; border: 1px solid var(--hb-line); border-radius: 18px; padding: 18px; }
.woocommerce div.product .woocommerce-tabs .panel { margin: 0; }
.woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2 { font-size: 22px; margin: 10px 0 14px; }

@media (max-width: 1023px) {
	.single-product .hb-main { padding-top: 8px; }
	.woocommerce div.product div.images .woocommerce-product-gallery__image img { border-radius: 16px; }
}


/* الفوتر العنابي + روابط الثقة */
.hb-footer { background: linear-gradient(160deg, #5e2230, #3d1520); }
.hb-footer h3 { color: #f3d9b5; }
.hb-socials { display: flex; gap: 10px; margin-top: 14px; }
.hb-social { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.12); display: grid; place-items: center; color: #fff; transition: background .15s; }
.hb-social:hover { background: var(--hb-gold); color: #fff; }
.hb-social svg { width: 20px; height: 20px; }
.hb-footer__pol { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); font-size: 14px; }

/* شارات المنتجات */
.woocommerce ul.products li.product { position: relative; }
.hb-tag { position: absolute; top: 10px; inset-inline-end: 10px; z-index: 2; padding: 4px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 800; color: #fff; }
.hb-tag--new { background: #1f9d63; }
.hb-tag--best { background: var(--hb-gold); }
.woocommerce ul.products li.product a img { aspect-ratio: 3 / 4; object-fit: cover; }

/* شريط الطمأنة: مضغوط */
.hb-assure { gap: 6px; margin-top: 12px; }
.hb-assure li { padding: 8px 4px; gap: 4px; font-size: 12px; border-radius: 12px; }
.hb-assure i { width: 28px; height: 28px; }
.hb-assure svg { width: 16px !important; height: 16px !important; max-width: 16px; }

/* ثبات الصفحة على الهاتف: لا تمدد أفقي ولا تصغير تلقائي */
html, body { max-width: 100%; overflow-x: hidden; }
.woocommerce div.product { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .woocommerce div.product { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); } }
.woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce div.product > * { min-width: 0; max-width: 100%; }
.woocommerce div.product .flex-control-thumbs { max-width: 100%; width: 100%; }
.hb-main, .hb-container { overflow-x: clip; }
input, select, textarea { font-size: 16px; }


/* ==========================================================
   الهوية البنوتية العصرية (v1.3) - حجابات · ألوان وردية · RTL
   ========================================================== */
html { direction: rtl; }
body { direction: rtl; text-align: start; line-height: 1.85; letter-spacing: 0; }
h1, h2, h3, h4, .hb-logo, .hb-btn, .woocommerce a.button, .woocommerce button.button { font-family: var(--hb-font-head); letter-spacing: 0; }
::selection { background: var(--hb-rose); color: var(--hb-ink); }

/* الأزرار: حبّة وردية متدرجة */
.hb-btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: linear-gradient(135deg, #e5508a, var(--hb-accent) 55%, #c2357a);
	box-shadow: 0 8px 20px rgba(214, 64, 122, .28);
}
.hb-btn:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
	background: linear-gradient(135deg, var(--hb-accent), var(--hb-accent-dark)); box-shadow: 0 10px 24px rgba(214, 64, 122, .36);
}
.hb-btn--light { background: #fff; color: var(--hb-accent); box-shadow: 0 8px 20px rgba(0, 0, 0, .08); }
.hb-btn--light:hover { background: var(--hb-rose); color: var(--hb-accent-dark); }

/* الشريط العلوي */
.hb-announce { background: linear-gradient(90deg, var(--hb-accent), #b66be0); font-weight: 700; letter-spacing: 0; }

/* الهيدر */
.hb-header { background: rgba(255, 248, 251, .88); backdrop-filter: blur(12px); border-bottom: 1px solid var(--hb-line); }
.hb-logo { color: var(--hb-accent); font-size: 24px; font-weight: 800; }
.hb-burger span { background: var(--hb-accent); }
.hb-nav li a { color: var(--hb-ink); }
.hb-nav li a:hover, .hb-nav li.current-menu-item > a { color: var(--hb-accent); }
.hb-cart { color: var(--hb-accent); }
@media (min-width: 1024px) {
	.hb-nav li a { position: relative; font-weight: 700; }
	.hb-nav li a::after { content: ""; position: absolute; inset-inline: 0; bottom: -4px; height: 3px; border-radius: 3px; background: var(--hb-accent); transform: scaleX(0); transition: transform .2s; }
	.hb-nav li a:hover::after, .hb-nav li.current-menu-item > a::after { transform: scaleX(1); }
}

/* الواجهة الرئيسية (Hero) */
.hb-hero {
	min-height: 440px; overflow: hidden;
	background:
		radial-gradient(420px 320px at 12% 18%, rgba(255, 255, 255, .85), transparent 70%),
		radial-gradient(520px 420px at 92% 85%, rgba(183, 140, 235, .38), transparent 70%),
		linear-gradient(135deg, #ffe3ee, #ffc9de 55%, #f4d6ff);
}
.hb-hero:not(.has-image)::after {
	content: ""; position: absolute; inset-inline-start: -40px; bottom: -60px; width: 280px; height: 280px; border-radius: 50%;
	background: rgba(255, 255, 255, .45); filter: blur(2px);
}
.hb-hero:not(.has-image)::before {
	content: "✿"; position: absolute; top: 28px; inset-inline-end: 8%; font-size: 64px; color: rgba(214, 64, 122, .25); line-height: 1;
}
.hb-hero.has-image::before, [dir="rtl"] .hb-hero.has-image::before { background: linear-gradient(270deg, rgba(120, 25, 70, .55), rgba(214, 64, 122, .08)); }
.hb-hero__inner { z-index: 1; }
.hb-hero h1 { color: var(--hb-accent-dark); font-weight: 800; line-height: 1.25; }
.hb-hero.has-image h1, .hb-hero.has-image p { color: #fff; }
.hb-hero p { color: var(--hb-ink); opacity: .85; }

/* شريط الثقة: بطاقات ناعمة */
.hb-trust { background: transparent; border: 0; margin-top: -26px; position: relative; z-index: 2; }
.hb-trust__grid { background: #fff; border: 1px solid var(--hb-line); border-radius: 24px; box-shadow: var(--hb-shadow); padding: 14px 16px; }
.hb-trust__item i { width: 40px; height: 40px; border-radius: 50%; background: var(--hb-sand); display: grid; place-items: center; font-size: 20px; flex: none; }

/* عناوين الأقسام */
.hb-section__head h2 { position: relative; padding-inline-start: 18px; }
.hb-section__head h2::before { content: ""; position: absolute; inset-inline-start: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 70%; border-radius: 8px; background: linear-gradient(180deg, var(--hb-accent), #b66be0); }
.hb-section__head a { color: var(--hb-accent); background: var(--hb-sand); padding: 6px 16px; border-radius: 999px; font-size: 14px; }

/* بطاقات الفئات */
.hb-cat { border-radius: 24px; box-shadow: var(--hb-shadow); background: var(--hb-sand); }
.hb-cat__name { background: linear-gradient(transparent, rgba(150, 30, 85, .72)); font-family: var(--hb-font-head); }

/* بطاقات المنتجات */
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product { border-radius: 22px; border-color: var(--hb-line); box-shadow: 0 4px 16px rgba(214, 64, 122, .07); }
.woocommerce ul.products li.product:hover { box-shadow: var(--hb-shadow); transform: translateY(-3px); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--hb-ink); }
.woocommerce ul.products li.product .price { color: var(--hb-accent); }
.woocommerce ul.products li.product .button { background: var(--hb-sand); color: var(--hb-accent); box-shadow: none; }
.woocommerce ul.products li.product .button:hover { background: var(--hb-accent); color: #fff; }
.woocommerce span.onsale { background: linear-gradient(135deg, #b66be0, var(--hb-gold)); }
.hb-tag--new { background: linear-gradient(135deg, #ff7fb0, var(--hb-accent)); }
.hb-tag--best { background: linear-gradient(135deg, #b66be0, var(--hb-gold)); }
.hb-off { background: #fff0f6; color: var(--hb-accent-dark); }

/* صفحة المنتج */
.woocommerce div.product div.images .woocommerce-product-gallery__image img { border-radius: 26px; }
.woocommerce div.product .flex-control-thumbs img.flex-active, .woocommerce div.product .flex-control-thumbs img:hover { border-color: var(--hb-accent); }
.woocommerce div.product .woocommerce-product-details__short-description { background: #fff; border-color: var(--hb-line); border-radius: 18px; }
.hb-assure li { border-color: var(--hb-line); border-radius: 16px; }
.hb-assure i { background: var(--hb-sand); color: var(--hb-accent); }
.woocommerce div.product .woocommerce-tabs { border-radius: 22px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: var(--hb-sand); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: linear-gradient(135deg, #e5508a, var(--hb-accent)); }
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a { color: var(--hb-muted); }

/* الشريط الثابت */
.hb-stickybar { border-top: 1px solid var(--hb-line); box-shadow: 0 -8px 24px rgba(214, 64, 122, .14); border-radius: 22px 22px 0 0; }

/* دعوة الطلب (CTA) */
.hb-cta { position: relative; overflow: hidden; background: linear-gradient(135deg, var(--hb-accent), #b66be0); border-radius: 28px; margin: 12px 16px 44px; }
@media (min-width: 1232px) { .hb-cta { margin-inline: auto; max-width: 1168px; } }
.hb-cta::before { content: "✿"; position: absolute; inset-inline-start: 6%; top: 14px; font-size: 70px; color: rgba(255, 255, 255, .22); line-height: 1; }
.hb-cta > .hb-container { position: relative; }

/* الصفحات العامة والنماذج */
.hb-post, .woocommerce-checkout #customer_details, .woocommerce-checkout #order_review { border-radius: 22px; box-shadow: 0 4px 16px rgba(214, 64, 122, .06); }
.woocommerce-checkout #payment { background: var(--hb-sand); }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { outline: 2px solid var(--hb-accent); }

/* الفوتر: وردي فاتح ناعم */
.hb-footer { background: linear-gradient(180deg, #ffe9f2, #ffd9e8); color: var(--hb-ink); border-top-left-radius: 32px; border-top-right-radius: 32px; }
.hb-footer a { color: var(--hb-ink); }
.hb-footer a:hover { color: var(--hb-accent); }
.hb-footer h3 { color: var(--hb-accent-dark); }
.hb-social { background: #fff; color: var(--hb-accent); box-shadow: 0 4px 12px rgba(214, 64, 122, .16); }
.hb-social:hover { background: var(--hb-accent); color: #fff; }
.hb-footer__pol, .hb-footer__copy { border-top-color: rgba(214, 64, 122, .2); }
.hb-footer__copy { opacity: .8; }

/* واتساب */
.hb-whatsapp { box-shadow: 0 8px 22px rgba(37, 211, 102, .4); }


/* إصلاح قائمة الجوال: backdrop-filter على الهيدر كان يحصر القائمة المثبّتة داخل ارتفاعه فتظهر شفافة.
   نقلنا التمويه إلى طبقة خلفية منفصلة، وجعلنا القائمة صلبة بملء الشاشة */
.hb-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: transparent; isolation: isolate; }
.hb-header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(255, 248, 251, .92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--hb-line); }
@media (max-width: 1023px) {
	.hb-nav {
		position: fixed; inset: 0; z-index: 9999; height: 100vh; height: 100dvh; overflow-y: auto;
		background: linear-gradient(180deg, #ffffff, #fff0f6); padding: 84px 24px 32px;
	}
	.hb-nav ul { display: grid; gap: 10px; }
	.hb-nav li a {
		display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; font-size: 19px; font-weight: 800;
		color: var(--hb-ink); background: #fff; border: 1px solid var(--hb-line); border-radius: 18px; box-shadow: 0 4px 14px rgba(214, 64, 122, .08);
	}
	.hb-nav li a::after { content: "‹"; color: var(--hb-accent); font-size: 24px; line-height: 1; }
	.hb-nav li.current-menu-item > a, .hb-nav li a:hover { background: var(--hb-sand); color: var(--hb-accent); border-color: var(--hb-accent); }
	.hb-nav__close {
		position: absolute; top: 18px; inset-inline-end: 18px; width: 44px; height: 44px; border-radius: 50%;
		background: var(--hb-sand); color: var(--hb-accent); font-size: 28px; display: grid; place-items: center; z-index: 2;
	}
}


/* ==========================================================
   التقييمات: نموذج بسيط (اسم + نجوم + تعليق) وبطاقات ناعمة
   ========================================================== */
.hb-reviews { display: grid; gap: 22px; }
.hb-reviews .woocommerce-Reviews-title, .hb-reviews .comment-reply-title { font-size: 22px; margin: 0 0 12px; display: block; }
.hb-reviews .woocommerce-noreviews { margin: 0; padding: 16px; background: var(--hb-sand); border-radius: 16px; color: var(--hb-ink); font-weight: 700; text-align: center; }

/* قائمة التقييمات */
.woocommerce #reviews #comments ol.commentlist { padding: 0; margin: 0; list-style: none; display: grid; gap: 12px; }
.woocommerce #reviews #comments ol.commentlist li { margin: 0; padding: 0; list-style: none; }
.woocommerce #reviews #comments ol.commentlist li .comment_container { padding: 14px 16px; background: #fff; border: 1px solid var(--hb-line); border-radius: 18px; box-shadow: 0 4px 14px rgba(214, 64, 122, .06); display: block; }
.woocommerce #reviews #comments ol.commentlist li img.avatar { display: none; }
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; padding: 0; border: 0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { float: none; margin: 0 0 6px; color: #f5a623; }
.woocommerce #reviews #comments ol.commentlist li .meta { margin: 0 0 6px; color: var(--hb-muted); font-size: 13.5px; }
.woocommerce #reviews #comments ol.commentlist li .meta strong { color: var(--hb-ink); font-size: 15px; }
.woocommerce #reviews #comments ol.commentlist li .description p { margin: 0; line-height: 1.8; }

/* النموذج */
.hb-reviews #review_form_wrapper { background: linear-gradient(180deg, #fff, #fff5f9); border: 1px solid var(--hb-line); border-radius: 22px; padding: 18px 16px; }
.hb-reviews #review_form #respond { display: grid; gap: 12px; }
.hb-reviews #commentform { display: grid; gap: 14px; margin: 0; }
.hb-reviews #commentform p { margin: 0; }
.hb-reviews .hb-rv-row label { display: block; font-weight: 800; margin-bottom: 6px; color: var(--hb-ink); }
.hb-req { color: var(--hb-accent); font-style: normal; }
.hb-reviews #commentform input[type="text"], .hb-reviews #commentform textarea, .hb-reviews #commentform select {
	width: 100%; max-width: 100%; padding: 13px 14px; border: 1.5px solid var(--hb-line); border-radius: 14px; background: #fffafc;
	font: inherit; font-size: 16px; color: var(--hb-ink); transition: border-color .15s, box-shadow .15s;
}
.hb-reviews #commentform textarea { min-height: 110px; resize: vertical; }
.hb-reviews #commentform input:focus, .hb-reviews #commentform textarea:focus, .hb-reviews #commentform select:focus { outline: 0; border-color: var(--hb-accent); background: #fff; box-shadow: 0 0 0 4px rgba(214, 64, 122, .14); }
.hb-reviews .hb-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.hb-reviews .hb-rv-note { font-size: 13px; color: var(--hb-muted); text-align: center; }
.hb-reviews #commentform .form-submit { margin: 0; }
.hb-reviews #commentform input#submit { width: 100%; padding: 15px; font-size: 17px; }
.hb-rv-err { background: #fff0f3; border: 1px solid #f7b9c9; color: #a61b4a; border-radius: 12px; padding: 10px 14px; font-weight: 800; font-size: 14.5px; }
.hb-rv-err[hidden] { display: none; }

/* نجوم الاختيار: كبيرة وسهلة اللمس */
.hb-reviews .comment-form-rating p.stars { margin: 0; }
.hb-reviews .comment-form-rating p.stars a { font-size: 30px; margin-inline-end: 6px; color: var(--hb-accent); }
@media (max-width: 1023px) { .woocommerce div.product .woocommerce-tabs { padding: 14px; } }


/* التقييم: نموذج مضغوط (v1.3.3) */
.hb-reviews { gap: 12px; }
.hb-reviews #review_form_wrapper { background: #fff; border-radius: 18px; padding: 12px; }
.hb-reviews #review_form #respond, .hb-reviews #commentform { gap: 8px; }
.hb-reviews .hb-rv-stars { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hb-reviews .hb-rv-stars label { margin: 0; font-size: 14.5px; }
.hb-reviews .comment-form-rating p.stars { margin: 0; line-height: 1; }
.hb-reviews .comment-form-rating p.stars a { font-size: 24px; margin-inline-end: 2px; }
.hb-reviews #commentform input[type="text"], .hb-reviews #commentform textarea, .hb-reviews #commentform select { padding: 10px 12px; border-radius: 12px; }
.hb-reviews #commentform textarea { min-height: 64px; height: 64px; }
.hb-reviews #commentform input#submit { padding: 11px; font-size: 16px; }
.hb-reviews .hb-rv-note, .hb-reviews .comment-reply-title { display: none; }
.hb-rv-err { padding: 7px 12px; font-size: 13.5px; }
.woocommerce #reviews #comments ol.commentlist li .comment_container { padding: 10px 14px; }
.woocommerce div.product .woocommerce-tabs .panel { padding-block: 0; }

.comment-form-cookies-consent, .comment-form-email, .comment-form-url { display: none !important; }

/* لا عدد نتائج ولا فرز */
.woocommerce-result-count, .woocommerce-ordering { display: none !important; }

/* ===== معرض المنتج (v1.4): شريط تمرير + مصغّرات ===== */
.woocommerce div.product div.images { opacity: 1 !important; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 26px; box-shadow: var(--hb-shadow); background: var(--hb-sand); -webkit-overflow-scrolling: touch; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper::-webkit-scrollbar { display: none; }
.woocommerce div.product div.images .woocommerce-product-gallery__image { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
.woocommerce div.product div.images .woocommerce-product-gallery__image a { display: block; }
.woocommerce div.product div.images .woocommerce-product-gallery__image img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 0; box-shadow: none; display: block; }
@media (min-width: 1024px) { .woocommerce div.product div.images .woocommerce-product-gallery__image img { max-height: 78vh; } }
.hb-dots { display: flex; justify-content: center; gap: 6px; margin: 10px 0 0; }
.hb-dots i { width: 7px; height: 7px; border-radius: 50%; background: #e8cfdc; transition: all .2s; }
.hb-dots i.is-on { width: 20px; border-radius: 99px; background: var(--hb-accent); }
.hb-thumbs { display: flex; gap: 10px; margin: 12px 0 0; padding: 2px; overflow-x: auto; scrollbar-width: none; }
.hb-thumbs::-webkit-scrollbar { display: none; }
.hb-thumbs button { flex: 0 0 72px; width: 72px; height: 92px; padding: 0; border: 2px solid transparent; border-radius: 12px; overflow: hidden; background: var(--hb-sand); cursor: pointer; opacity: .6; transition: opacity .15s, border-color .15s; }
.hb-thumbs button.is-on, .hb-thumbs button:hover { opacity: 1; border-color: var(--hb-accent); }
.hb-thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (min-width: 1024px) { .hb-dots { display: none; } .hb-thumbs button { flex-basis: 84px; width: 84px; height: 108px; } }

/* الوصف الكامل: صور مدرجة داخل النص، ولا وصف قصير */
.woocommerce div.product .woocommerce-product-details__short-description { display: none; }
.woocommerce-Tabs-panel img, .hb-content img { max-width: 100%; height: auto; border-radius: 14px; display: block; margin: 12px auto; }

/* الاسم والسعر في أعلى صفحة المنتج */
.woocommerce div.product .hb-ptop { grid-column: 1 / -1; order: -1; padding: 4px 2px 2px; }
.woocommerce div.product .hb-ptop .product_title { margin: 0 0 6px; }
.woocommerce div.product .hb-ptop p.price { margin: 0 0 4px; }


/* ==========================================================
   v1.5 — تصميم أنثوي فاخر · موبايل أولاً · Cairo · RTL
   ========================================================== */
:root {
	--hb-plum: #5b2347;
	--hb-ink: #3a2233;
	--hb-accent: #c93a77;
	--hb-accent-dark: #a82a60;
	--hb-font: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
	--hb-font-head: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
}
body { background: #fffafc; font-weight: 500; line-height: 1.8; }
h1, h2, h3, h4 { color: var(--hb-plum); font-weight: 800; }

/* الهيدر: شعار في الوسط، قائمة جانبية (Drawer) */
.hb-header__row { min-height: 60px; position: relative; }
.hb-burger { width: 44px; height: 44px; border-radius: 14px; background: #fff; border: 1px solid var(--hb-line); display: grid; place-content: center; gap: 4px; padding: 0; box-shadow: 0 2px 8px rgba(201,58,119,.1); }
.hb-burger span { width: 20px; height: 2px; background: var(--hb-plum); }
.hb-logo { position: absolute; inset-inline: 0; margin-inline: auto; width: max-content; max-width: 50%; justify-content: center; pointer-events: auto; }
.hb-logo img { max-height: 40px; border-radius: 50%; }
.hb-cart { width: 44px; height: 44px; justify-content: center; align-items: center; background: #fff; border: 1px solid var(--hb-line); border-radius: 14px; padding: 0; }
@media (max-width: 1023px) {
	.hb-nav { inset: 0; padding: 0; display: flex; flex-direction: column; background: rgba(58,34,51,.0); }
	.hb-nav::before { content: ""; position: absolute; inset: 0; background: rgba(58,34,51,.45); z-index: 0; }
	.hb-nav > * { position: relative; z-index: 1; }
	.hb-nav ul { margin: 0; width: min(84vw, 340px); background: #fff; padding: 76px 16px 12px; display: grid; gap: 8px; align-content: start; overflow-y: auto; flex: 1; box-shadow: 0 0 40px rgba(58,34,51,.25); }
	.hb-nav li a { padding: 14px 16px; font-size: 17px; border-radius: 16px; box-shadow: none; background: #fff8fb; }
	.hb-nav li.current-menu-item > a { background: var(--hb-accent); border-color: var(--hb-accent); color: #fff; }
	.hb-nav li.current-menu-item > a::after { color: #fff; }
	.hb-nav__close { position: absolute; top: 14px; inset-inline-start: calc(min(84vw, 340px) - 58px); inset-inline-end: auto; }
	.hb-nav__wa { width: min(84vw, 340px); margin: 0; padding: 14px 16px calc(16px + env(safe-area-inset-bottom)); background: #fff; color: #128c4a; font-weight: 800; text-align: center; border-top: 1px solid var(--hb-line); }
	[dir="rtl"] .hb-nav { transform: translateX(100%); }
	[dir="rtl"] .hb-nav.is-open { transform: none; }
	[dir="rtl"] .hb-nav ul, [dir="rtl"] .hb-nav__wa { margin-inline-start: 0; }
}
@media (min-width: 1024px) { .hb-nav__wa { display: none; } .hb-logo { position: static; margin: 0; max-width: none; } .hb-burger { display: none; } }

/* شريط الثقة: كبسولات */
.hb-trust { margin-top: -22px; }
.hb-trust__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 12px; border-radius: 22px; }
.hb-trust__item { flex: 0 1 auto; gap: 8px; padding: 6px 14px 6px 10px; font-size: 13px; font-weight: 700; background: #fff8fb; border: 1px solid var(--hb-line); border-radius: 999px; color: var(--hb-plum); white-space: nowrap; }
.hb-trust__item i { width: 28px; height: 28px; font-size: 15px; background: #fff; box-shadow: 0 1px 4px rgba(201,58,119,.15); }
@media (max-width: 480px) { .hb-trust__item { font-size: 12.5px; padding: 5px 12px 5px 8px; } }

/* بطاقات المنتجات: أبعاد موحّدة + سعر وزر بارزان */
.woocommerce ul.products { gap: 12px; }
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img { aspect-ratio: 3 / 4; height: auto; object-fit: cover; }
.woocommerce ul.products[class*="columns-"] li.product { border-radius: 20px; box-shadow: 0 2px 10px rgba(91,35,71,.06); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 14.5px; line-height: 1.5; min-height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 10px 12px 0; color: var(--hb-plum); }
.woocommerce ul.products li.product .price { font-size: 17px; font-weight: 800; color: var(--hb-accent-dark); padding: 2px 12px 10px; }
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .button.add_to_cart_button { width: calc(100% - 24px); margin: auto 12px 12px; background: linear-gradient(135deg, #d94a88, var(--hb-accent-dark)); color: #fff; font-size: 14.5px; font-weight: 800; padding: 11px 12px; box-shadow: 0 6px 14px rgba(201,58,119,.28); }
.woocommerce ul.products li.product .button:hover { background: var(--hb-plum); color: #fff; }

/* الأزرار العامة */
.hb-btn, .woocommerce a.button, .woocommerce button.button { font-weight: 800; }

/* صفحة المنتج: عمود واحد على الجوال */
.woocommerce div.product .product_title { color: var(--hb-plum); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--hb-accent-dark); }

/* لا نُنشئ حاوية تمرير على body كي يعمل زر التأكيد اللاصق (position: sticky) */
body { overflow-x: clip; }

/* لا يظهر تاريخ التقييم للزوار */
.hb-reviews .woocommerce-review__published-date, .hb-reviews .woocommerce-review__dash, .woocommerce-Reviews .woocommerce-review__published-date, .woocommerce-Reviews .woocommerce-review__dash { display: none !important; }

/* صفحة المنتج: بلا صف النجوم تحت العنوان، وفراغ أقل بين العنوان والسعر وبقية الصفحة */
.woocommerce div.product .woocommerce-product-rating { display: none !important; }
.woocommerce div.product { row-gap: 10px; }
.woocommerce div.product .hb-ptop { padding: 0 2px; margin: 0; }
.woocommerce div.product .hb-ptop p.price { margin: 0; }
.woocommerce div.product .hb-ptop .product_title { margin: 0 0 4px; }
@media (min-width: 768px) { .woocommerce div.product { column-gap: 40px; row-gap: 12px; } }


/* زر الاتصال + الطلب عبر واتساب */
.hb-call { position: fixed; bottom: 82px; inset-inline-start: 16px; z-index: 45; width: 48px; height: 48px; border-radius: 50%; background: var(--hb-accent, #d6407a); color: #fff; display: grid; place-items: center; box-shadow: 0 6px 18px rgba(0,0,0,.2); }
.hb-call svg { width: 22px; height: 22px; }
.single-product .hb-call { bottom: 148px; }
@media (min-width: 1024px) { .single-product .hb-call { bottom: 82px; } }
.hb-wa-order { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; padding: 13px 16px; border-radius: 14px; background: #25d366; color: #fff; font-weight: 700; font-size: 16px; box-shadow: 0 6px 16px rgba(37,211,102,.3); }
.hb-wa-order svg { width: 24px; height: 24px; }