/*
Theme Name: بستان
Theme URI: https://bustanwater.com
Author: بستان لتجارة التمور
Description: ثيم متجر تمور فاخر بطابع دافئ (بني وذهبي وبيج)، مبني كـ Block Theme ومتوافق مع WooCommerce واللغة العربية.
Version: 1.3.2
Requires at least: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: bustan
*/

/* =========================================================
   دليل سريع للملف ده:
   1) الخطوط            2) المتغيّرات (الألوان والمسافات)
   3) عناصر عامة         4) الهيدر والقائمة
   5) أقسام الصفحة الرئيسية
   6) كروت المنتجات       7) صفحة المنتج والسلة والدفع
   8) الصفحات الداخلية    9) الفوتر      10) الموبايل
   نصيحة: لو عايز تغيّر لون في الموقع كله، غيّره من قسم (2) بس.
   ========================================================= */

/* ---------- 1) الخطوط ---------- */
/* كل خط له ملفين: واحد للحروف العربية وواحد للإنجليزية والأرقام.
   unicode-range بيقول للمتصفح يحمّل الملف بس لو الصفحة فيها الحروف دي. */
@font-face { font-family: "El Messiri"; font-weight: 600; font-display: swap; src: url(assets/fonts/el-messiri-arabic-600-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "El Messiri"; font-weight: 700; font-display: swap; src: url(assets/fonts/el-messiri-arabic-700-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "El Messiri"; font-weight: 600; font-display: swap; src: url(assets/fonts/el-messiri-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "El Messiri"; font-weight: 700; font-display: swap; src: url(assets/fonts/el-messiri-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-display: swap; src: url(assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 500; font-display: swap; src: url(assets/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 700; font-display: swap; src: url(assets/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200E; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-display: swap; src: url(assets/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 500; font-display: swap; src: url(assets/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 700; font-display: swap; src: url(assets/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }

/* ---------- 2) المتغيّرات ---------- */
/* الألوان جاية من theme.json (بتظهر في المحرر باسم عربي).
   هنا بنعمل أسماء مختصرة عشان نستخدمها بسهولة تحت. */
:root {
	--espresso: var(--wp--preset--color--espresso);
	--walnut: var(--wp--preset--color--walnut);
	--date: var(--wp--preset--color--date);
	--gold: var(--wp--preset--color--gold);
	--gold-soft: var(--wp--preset--color--gold-soft);
	--sand: var(--wp--preset--color--sand);
	--cream: var(--wp--preset--color--cream);
	--ink: var(--wp--preset--color--ink);
	--muted: var(--wp--preset--color--muted);
	--line: rgba(58, 38, 26, 0.12);        /* لون الخطوط الفاصلة الخفيفة */
	--radius: 18px;                         /* استدارة الكروت */
	--shadow: 0 10px 30px -12px rgba(31, 20, 14, 0.25);
	--ease: cubic-bezier(.2, .7, .2, 1);    /* نعومة الحركة */
	--heading: var(--wp--preset--font-family--heading);
}

/* ---------- 3) عناصر عامة ---------- */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
::selection { background: var(--gold-soft); color: var(--espresso); }
.site-main { margin-block-start: 0 !important; }
.wp-site-blocks > * + * { margin-block-start: 0; }
/* أيقونات صغيرة: بنرسمها بـ SVG كـ mask، ولونها بيتحدد من background-color */
.ic { display: inline-block; width: 1.2em; height: 1.2em; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }

/* زر ثانوي بإطار (استخدمه من المحرر: اختار ستايل Outline للزر) */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent; border: 1.5px solid currentColor; color: inherit;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--gold); border-color: var(--gold); color: var(--espresso); }
.wp-element-button, .wp-block-button__link { transition: background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease); }
.wp-element-button:hover, .wp-block-button__link:hover { transform: translateY(-2px); }

/* ---------- 4) الهيدر والقائمة ---------- */
.announce {
	background: var(--gold); color: var(--espresso);
	font-size: .85rem; font-weight: 500; padding-block: .45rem;
}
.announce p { margin: 0; }

.header-wrap { position: sticky; top: 0; z-index: 50; }
.admin-bar .header-wrap { top: 32px; }
.site-header {
	background: var(--espresso); color: var(--cream);
	border-bottom: 1px solid rgba(201, 162, 90, .25);
	padding-block: .9rem;
}
.site-header__inner { gap: 1.5rem; }

/* الشعار: كلمة "بستان" + أيقونة نخلة مرسومة بـ SVG */
.brand { margin: 0; line-height: 1; }
.brand a { text-decoration: none; color: inherit; }
.brand a::before {
	content: ""; width: 42px; height: 42px; flex: none; background: var(--gold);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 30c-2-8-9-14-19-14 6 2 10 6 12 11-6-4-14-4-20 0 8-1 14 1 18 5-6 0-11 3-14 8 6-4 13-5 19-3l2 1c-1 8-3 17-6 24h4c3-8 4-17 4-25 6-2 13-1 19 3-3-5-8-8-14-8 4-4 10-6 18-5-6-4-14-4-20 0 2-5 6-9 12-11-10 0-17 6-19 14z'/%3E%3Ccircle cx='27' cy='36' r='2.4'/%3E%3Ccircle cx='37' cy='36' r='2.4'/%3E%3Ccircle cx='32' cy='38.5' r='2.4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 30c-2-8-9-14-19-14 6 2 10 6 12 11-6-4-14-4-20 0 8-1 14 1 18 5-6 0-11 3-14 8 6-4 13-5 19-3l2 1c-1 8-3 17-6 24h4c3-8 4-17 4-25 6-2 13-1 19 3-3-5-8-8-14-8 4-4 10-6 18-5-6-4-14-4-20 0 2-5 6-9 12-11-10 0-17 6-19 14z'/%3E%3Ccircle cx='27' cy='36' r='2.4'/%3E%3Ccircle cx='37' cy='36' r='2.4'/%3E%3Ccircle cx='32' cy='38.5' r='2.4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.brand__name { font-family: var(--heading); font-size: 1.9rem; font-weight: 700; color: var(--gold-soft); display: block; }
.brand__sub { display: block; font-size: .72rem; letter-spacing: .5px; color: rgba(251, 247, 240, .65); margin-top: .35rem; }
/* Grid: الأيقونة في عمود، والاسم والوصف تحت بعض في العمود التاني */
.brand a { display: grid; grid-template-columns: auto auto; column-gap: .6rem; align-items: center; white-space: nowrap; }
.brand a::before { grid-row: span 2; }

/* القائمة الرئيسية */
.main-nav { font-weight: 500; font-size: .98rem; gap: 1.8rem !important; }
.main-nav a { color: var(--cream) !important; text-decoration: none; position: relative; padding-block: .3rem; }
.main-nav .wp-block-navigation-item__content::after {
	content: ""; position: absolute; inset-inline: 0; bottom: -2px; height: 2px; background: var(--gold);
	transform: scaleX(0); transition: transform .3s var(--ease);
}
.main-nav .wp-block-navigation-item__content:hover::after { transform: scaleX(1); }
.main-nav .nav-offers > a { color: var(--gold-soft) !important; }
/* القائمة الفرعية (الأصناف) */
.main-nav .wp-block-navigation__submenu-container {
	background: var(--cream) !important; border: 1px solid var(--line) !important; border-radius: 14px;
	padding: .5rem !important; box-shadow: var(--shadow); min-width: 210px !important;
}
.main-nav .wp-block-navigation__submenu-container a { color: var(--ink) !important; padding: .55rem .9rem !important; border-radius: 10px; }
.main-nav .wp-block-navigation__submenu-container a:hover { background: var(--sand); }
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after { display: none; }
/* قائمة الموبايل (بتفتح كشاشة كاملة) */
.main-nav .wp-block-navigation__responsive-container.is-menu-open { background: var(--espresso) !important; color: var(--cream) !important; padding: 2rem !important; }
.main-nav .is-menu-open .wp-block-navigation__container { gap: 1.2rem !important; font-size: 1.25rem; }
.main-nav .is-menu-open .wp-block-navigation__submenu-container { background: transparent !important; border: 0 !important; box-shadow: none; padding: .3rem 1rem !important; }
.main-nav .is-menu-open .wp-block-navigation__submenu-container a { color: var(--gold-soft) !important; }
.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { color: var(--cream); }

/* أيقونات البحث والحساب والسلة */
.header-actions { gap: .4rem !important; }
.header-actions .wp-block-search__button, .header-actions .wc-block-mini-cart__button, .header-actions .wc-block-customer-account a {
	color: var(--cream) !important; background: transparent !important; border: 0 !important; padding: .5rem !important; border-radius: 50%;
}
.header-actions .wp-block-search__button:hover, .header-actions .wc-block-mini-cart__button:hover, .header-actions .wc-block-customer-account a:hover { background: rgba(255, 255, 255, .08) !important; }
.header-actions .wp-block-search__inside-wrapper { border: 0 !important; background: transparent; }
.header-actions .wp-block-search__input { background: var(--cream); border: 0; border-radius: 999px; padding-inline: 1rem; color: var(--ink); }
.header-actions .wc-block-mini-cart__badge { background: var(--gold) !important; color: var(--espresso) !important; font-weight: 700; }
.header-actions svg { width: 24px; height: 24px; }

/* ---------- 5) أقسام الصفحة الرئيسية ---------- */
/* عنوان القسم: سطر صغير ذهبي فوق العنوان الكبير */
.eyebrow {
	font-size: .85rem !important; font-weight: 600; color: var(--gold) !important; letter-spacing: 1px;
	display: inline-flex; align-items: center; gap: .6rem; margin-bottom: .2rem !important;
}
.eyebrow::before, .eyebrow::after { content: ""; width: 26px; height: 1px; background: currentColor; }
.section { padding-block: var(--wp--preset--spacing--60); }
.section--sand { background: var(--sand); }
.section--dark { background: var(--espresso); color: var(--cream); }
.section--dark h2, .section--dark h3 { color: var(--cream); }
.section-head { text-align: center; margin-bottom: var(--wp--preset--spacing--50) !important; }
.section-head p:not(.eyebrow) { color: var(--muted); max-width: 560px; margin-inline: auto; }
.section-foot { margin-top: var(--wp--preset--spacing--50) !important; }

/* الواجهة (Hero) */
.hero { min-height: min(82vh, 720px) !important; padding-block: var(--wp--preset--spacing--70) !important; }
.hero .wp-block-cover__image-background { transform: scaleX(-1); } /* قلب الصورة عشان المنتجات تبقى شمال والنص يمين */
.hero .wp-block-cover__background { background: linear-gradient(270deg, rgba(31, 20, 14, .92) 0%, rgba(31, 20, 14, .6) 45%, rgba(31, 20, 14, .05) 75%) !important; opacity: 1 !important; }
.hero .wp-block-cover__inner-container { max-width: 1240px; width: 100%; }
.hero__content { max-width: 540px; margin-inline-start: 0 !important; margin-inline-end: auto !important; }
.hero h1 { color: var(--cream); line-height: 1.25; margin-block: .6rem 1rem; }
.hero h1 em { font-style: normal; color: var(--gold-soft); }
.hero p { color: rgba(251, 247, 240, .82); font-size: 1.1rem; }
.hero .eyebrow { justify-content: flex-start; }
.hero .eyebrow::after { display: none; }
.hero .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--gold); color: var(--espresso); }
.hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: var(--cream); }
.hero .wp-block-button.is-style-outline .wp-block-button__link { color: var(--cream); }

/* شريط المميزات تحت الواجهة */
.features { background: var(--walnut); color: var(--cream); padding-block: 2rem !important; }
.features .wp-block-columns { gap: 1.5rem; margin: 0; }
.feature { display: grid !important; grid-template-columns: 48px 1fr; column-gap: .9rem; align-items: center; }
.feature::before {
	content: ""; grid-row: span 2; width: 48px; height: 48px; border-radius: 50%;
	background: rgba(201, 162, 90, .15) var(--i) center / 24px no-repeat; border: 1px solid rgba(201, 162, 90, .4);
}
.feature h3 { font-family: var(--wp--preset--font-family--body); font-size: 1rem !important; color: var(--gold-soft); margin: 0 !important; }
.feature p { margin: 0 !important; font-size: .85rem; color: rgba(251, 247, 240, .7); }
.feature--truck { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6CD94' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E"); }
.feature--gem { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6CD94' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4 6.8 19.1l1-5.8L3.5 9.2l5.9-.9z'/%3E%3C/svg%3E"); }
.feature--box { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6CD94' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5L12 3l9 4.5v9L12 21l-9-4.5z'/%3E%3Cpath d='M3 7.5l9 4.5 9-4.5M12 12v9'/%3E%3C/svg%3E"); }
.feature--shield { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6CD94' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3 8.5-7 10-4-1.5-7-5-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }

/* كروت الأصناف (تسوّق حسب الصنف) */
.cats { gap: 1.25rem !important; }
.cat-card { position: relative; border-radius: var(--radius); overflow: hidden; background: var(--espresso); aspect-ratio: 3 / 4; margin: 0 !important; }
.cat-card figure { margin: 0 !important; height: 100%; }
.cat-card img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .6s var(--ease), opacity .4s; opacity: .85; }
.cat-card:hover img { transform: scale(1.06); opacity: .65; }
.cat-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(31, 20, 14, .9), transparent 55%); pointer-events: none; }
.cat-card h3 { position: absolute; inset-inline: 1.2rem; bottom: 2.4rem; z-index: 2; margin: 0 !important; color: var(--cream); font-size: 1.4rem !important; }
.cat-card p { position: absolute; inset-inline: 1.2rem; bottom: .9rem; z-index: 2; margin: 0 !important; color: var(--gold-soft); font-size: .85rem; }
.cat-card h3 a { color: inherit; text-decoration: none; }
/* الصورة نفسها عليها رابط؛ فبنخلي النص "شفاف للضغط" عشان الضغط يروح للصورة والكارت كله يبقى قابل للضغط */
.cat-card h3, .cat-card p { pointer-events: none; }
.cat-card figure a { display: block; height: 100%; }

/* قسم القصة */
.story .wp-block-image img { border-radius: var(--radius); box-shadow: var(--shadow); }
.story .wp-block-image { position: relative; }
.story .wp-block-image::after { content: ""; position: absolute; inset: 18px -18px -18px 18px; border: 1.5px solid var(--gold); border-radius: var(--radius); z-index: -1; }
.stats { gap: 2rem !important; margin-top: 1.5rem !important; }
.stats > * { margin: 0 !important; }
.stat strong { display: block; font-family: var(--heading); font-size: 2rem; color: var(--date); line-height: 1.2; }
.stat { color: var(--muted); font-size: .9rem; }

/* بانر الضيافة */
.promo { border-radius: 28px; overflow: hidden; }
.promo .wp-block-cover__background { background: linear-gradient(270deg, rgba(31, 20, 14, .95), rgba(58, 38, 26, .55)) !important; opacity: 1 !important; }
.promo h2 { color: var(--cream); }
.promo p { color: rgba(251, 247, 240, .8); }
.promo .wp-block-button__link { background: var(--gold); color: var(--espresso); }

/* دليل الأصناف */
.guide { gap: 1.25rem !important; }
.guide-card { background: var(--cream); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.6rem !important; margin: 0 !important; transition: transform .3s var(--ease), box-shadow .3s var(--ease); }
.guide-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.guide-card h3 { font-size: 1.3rem !important; margin: 0 0 .4rem !important; }
.guide-card h3::before { content: ""; display: block; width: 34px; height: 3px; background: var(--gold); border-radius: 3px; margin-bottom: .9rem; }
.guide-card p { color: var(--muted); font-size: .95rem; margin: 0 !important; }
.guide-card .tag { display: inline-block; margin-top: .8rem !important; font-size: .78rem !important; color: var(--date) !important; background: var(--sand); padding: .2rem .7rem; border-radius: 999px; }

/* الأسئلة الشائعة */
.faq .wp-block-details { background: var(--cream); border: 1px solid var(--line); border-radius: 14px; padding: 1rem 1.3rem; margin-block: .75rem 0 !important; }
.faq summary { font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 1rem; color: var(--walnut); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-size: 1.4rem; line-height: 1; color: var(--gold); transition: transform .3s var(--ease); }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { color: var(--muted); margin: .7rem 0 0 !important; }

/* ---------- 6) كروت المنتجات ---------- */
/* بنستهدف الشكلين: الكلاسيكي (ul.products) وشكل البلوكات (wc-block-product) */
.woocommerce ul.products, ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 0 !important; padding: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product, .wc-block-product {
	width: auto !important; margin: 0 !important; float: none !important;
	background: var(--white, #fff); border: 1px solid var(--line); border-radius: var(--radius);
	padding: .75rem .75rem 1.1rem !important; position: relative; display: flex !important; flex-direction: column;
	transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
	text-align: start;
}
.woocommerce ul.products li.product:hover, .wc-block-product:hover { transform: translateY(-5px); box-shadow: var(--shadow); border-color: rgba(201, 162, 90, .5); }
.woocommerce ul.products li.product a img, .wc-block-product img {
	border-radius: calc(var(--radius) - 6px); aspect-ratio: 1; object-fit: cover; margin: 0 0 .9rem !important; background: var(--sand);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .wc-block-product .wp-block-post-title {
	font-family: var(--wp--preset--font-family--body) !important; font-size: .98rem !important; font-weight: 600 !important;
	line-height: 1.6 !important; color: var(--ink) !important; padding: 0 .25rem !important; margin: 0 0 .5rem !important; min-height: 3.2em;
}
.wc-block-product .wp-block-post-title a { color: inherit; text-decoration: none; }
.woocommerce ul.products li.product .price, .wc-block-product .wc-block-components-product-price {
	color: var(--date) !important; font-weight: 700 !important; font-size: 1.1rem !important; padding: 0 .25rem; margin-bottom: .9rem !important; display: block;
}
.woocommerce ul.products li.product .price del, .wc-block-components-product-price del { color: var(--muted) !important; font-weight: 400; font-size: .85rem; opacity: .8; margin-inline-start: .4rem; }
.woocommerce ul.products li.product .price ins, .wc-block-components-product-price ins { text-decoration: none; }
.woocommerce ul.products li.product .button, .wc-block-product .wp-block-button__link, .wc-block-components-product-button__button {
	margin-top: auto !important; width: 100%; text-align: center; border-radius: 999px !important;
	background: var(--walnut) !important; color: var(--cream) !important; font-weight: 600 !important; padding: .75rem 1rem !important; font-size: .92rem !important;
}
.woocommerce ul.products li.product .button:hover, .wc-block-product .wp-block-button__link:hover { background: var(--gold) !important; color: var(--espresso) !important; }
.woocommerce ul.products li.product .added_to_cart { display: block; text-align: center; font-size: .85rem; margin-top: .4rem; color: var(--date); }
.wc-block-product .wp-block-button, .wc-block-components-product-button { margin-top: auto !important; }
/* شارة "تخفيض" */
.woocommerce span.onsale, .wc-block-components-product-sale-badge {
	position: absolute !important; top: 1.3rem !important; inset-inline-start: 1.3rem !important; inset-inline-end: auto !important; left: auto; right: 1.3rem;
	min-height: 0 !important; min-width: 0 !important; line-height: 1 !important; margin: 0 !important; z-index: 3;
	background: var(--gold) !important; color: var(--espresso) !important; border: 0 !important;
	border-radius: 999px !important; padding: .45rem .8rem !important; font-size: .78rem !important; font-weight: 700 !important;
}
/* ترتيب النتائج وعدادها في صفحة المتجر */
.woocommerce .woocommerce-result-count { color: var(--muted); }
.woocommerce .woocommerce-ordering select, .wc-block-catalog-sorting select, .woocommerce-ordering select { border: 1px solid var(--line); border-radius: 999px; padding: .5rem 1rem; background: #fff; }
.woocommerce nav.woocommerce-pagination ul, .wp-block-query-pagination { border: 0 !important; gap: .4rem; }
.woocommerce nav.woocommerce-pagination ul li { border: 0 !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { border-radius: 50%; min-width: 2.4rem; }

/* ---------- 7) صفحة المنتج والسلة والدفع ---------- */
.woocommerce div.product .product_title, .wp-block-post-title { color: var(--walnut); }
.woocommerce div.product p.price, .woocommerce div.product span.price,
.single-product .wc-block-components-product-price { color: var(--date) !important; font-size: 1.6rem !important; font-weight: 700; }
.single-product .wp-block-woocommerce-product-image-gallery img, .woocommerce div.product div.images img, .woocommerce-product-gallery img { border-radius: var(--radius); }
.single-product form.cart .button, .woocommerce div.product form.cart .button, .single_add_to_cart_button {
	background: var(--walnut) !important; color: var(--cream) !important; border-radius: 999px !important; padding: .9rem 2.2rem !important; font-weight: 600;
}
.single_add_to_cart_button:hover { background: var(--gold) !important; color: var(--espresso) !important; }
.woocommerce .quantity .qty, .quantity input.qty { border: 1px solid var(--line); border-radius: 999px; padding: .75rem .5rem; min-width: 4.5rem; background: #fff; }
.woocommerce-tabs ul.tabs, .wc-tabs { border-bottom: 1px solid var(--line) !important; padding: 0 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent !important; border: 0 !important; border-radius: 0 !important; }
.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.active { border-bottom: 2px solid var(--gold) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--walnut) !important; font-weight: 600; }
.woocommerce-Tabs-panel h2:first-child { display: none; }
.woocommerce-product-details__short-description { color: var(--muted); }
.woocommerce-Tabs-panel h3, .wp-block-woocommerce-product-details h3 { font-size: 1.15rem !important; margin-top: 1.5rem; }
.woocommerce-Tabs-panel ul li, .wp-block-woocommerce-product-details ul li { margin-bottom: .3rem; }
.product_meta, .wp-block-woocommerce-product-meta { font-size: .88rem; color: var(--muted); }
.product_meta a, .wp-block-woocommerce-product-meta a { color: var(--date); }
/* السلة والدفع (بلوكات WooCommerce) */
.wc-block-cart, .wc-block-checkout { --wc-card: #fff; }
.wc-block-components-sidebar .wc-block-components-panel, .wc-block-components-totals-wrapper { border-color: var(--line) !important; }
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-button:not(.is-link) {
	background: var(--walnut) !important; color: var(--cream) !important; border-radius: 999px !important; font-weight: 600 !important;
}
.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover, .wc-block-components-button:not(.is-link):hover { background: var(--gold) !important; color: var(--espresso) !important; }
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__suggestions-container input, .wc-block-components-textarea { border-radius: 12px !important; }
.woocommerce-message, .woocommerce-info, .wc-block-components-notice-banner { border-radius: 14px !important; border-top-color: var(--gold) !important; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--gold) !important; }
.wc-block-components-product-metadata, .wc-block-cart-item__prices { color: var(--muted); }
.wc-block-cart-items__row .wc-block-cart-item__image img { border-radius: 12px; }
.wc-block-mini-cart__drawer .wc-block-components-drawer__content { font-family: var(--wp--preset--font-family--body); }
.woocommerce-breadcrumb, .wc-block-breadcrumbs { font-size: .85rem; color: var(--muted); }
.woocommerce-breadcrumb a, .wc-block-breadcrumbs a { color: var(--date); }

/* ---------- 8) الصفحات الداخلية ---------- */
.page-hero {
	background: var(--espresso) radial-gradient(ellipse at top, rgba(201, 162, 90, .18), transparent 60%);
	color: var(--cream); padding-block: clamp(2.5rem, 6vw, 4.5rem) !important; margin-bottom: var(--wp--preset--spacing--50);
}
.page-hero h1, .page-hero .wp-block-post-title, .page-hero .wp-block-query-title { color: var(--cream) !important; font-size: clamp(2rem, 4vw, 2.8rem) !important; margin: 0; }
.page-hero .wp-block-post-date { color: var(--gold-soft); }
.page-body { padding-bottom: var(--wp--preset--spacing--60); }
.page-body h2 { font-size: 1.6rem !important; margin-top: 2.2rem !important; }
.page-body h2::before { content: ""; display: block; width: 40px; height: 3px; border-radius: 3px; background: var(--gold); margin-bottom: .8rem; }
/* كروت التواصل */
.contact-cards { gap: 1rem !important; }
.contact-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.5rem !important; text-align: center; margin: 0 !important; }
.contact-card h3 { font-size: 1.1rem !important; margin: 0 0 .3rem !important; }
.contact-card p { margin: 0 !important; color: var(--muted); }
.contact-card a { font-weight: 600; }
.notfound { padding-block: var(--wp--preset--spacing--70); }
.notfound h1 { font-size: 7rem !important; color: var(--gold); margin: 0; }
/* حاوية صفحات WooCommerce داخل القوالب */
.woocommerce-page .site-main, .wp-block-woocommerce-classic-template { padding-bottom: var(--wp--preset--spacing--60); }
body.woocommerce-shop main.wp-block-group, body.tax-product_cat main.wp-block-group, body.single-product main.wp-block-group, body.woocommerce-cart main, body.woocommerce-checkout main { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--60); }

/* ---------- 9) الفوتر ---------- */
.site-footer {
	background: var(--espresso); color: rgba(251, 247, 240, .72);
	padding-block: var(--wp--preset--spacing--60) 1.5rem !important; font-size: .95rem;
	border-top: 3px solid var(--gold);
}
.site-footer__cols { gap: 2.5rem !important; }
.site-footer__about { margin-top: 1.2rem !important; max-width: 340px; line-height: 1.9; }
.footer-title { color: var(--gold-soft) !important; font-size: 1.1rem !important; margin-bottom: 1rem !important; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: .55rem; }
.footer-links a { color: rgba(251, 247, 240, .72); text-decoration: none; transition: color .2s; }
.footer-links a:hover { color: var(--gold-soft); }
.footer-contact li { display: flex; align-items: center; gap: .6rem; }
.footer-contact li::before { content: ""; width: 18px; height: 18px; flex: none; background: var(--gold); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.ic-phone { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 005 5L15 13l5 2v4a2 2 0 01-2 2A16 16 0 013 6a2 2 0 012-2'/%3E%3C/svg%3E"); }
.ic-mail { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
.ic-pin { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0112 3a7 7 0 017 6.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.ic-clock { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.brand--footer .brand__name { font-size: 2.1rem; }
.site-footer__bottom { border-top: 1px solid rgba(201, 162, 90, .2); margin-top: var(--wp--preset--spacing--50) !important; padding-top: 1.3rem; font-size: .85rem; }
.site-footer__bottom p { margin: 0; }
.pay-badges { display: flex; flex-wrap: wrap; gap: .5rem; }
.pay-badges span { border: 1px solid rgba(201, 162, 90, .35); border-radius: 8px; padding: .2rem .7rem; color: var(--gold-soft); font-size: .78rem; }

/* ---------- 10) الموبايل والتابلت ---------- */
@media (max-width: 1024px) {
	.woocommerce ul.products, ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.main-nav { gap: 1.1rem !important; }
}
@media (max-width: 781px) {
	.admin-bar .header-wrap { top: 0; }
	.announce { font-size: .75rem; }
	.site-header__inner { gap: .5rem; }
	.brand a::before { width: 34px; height: 34px; }
	.brand__name { font-size: 1.5rem; }
	.brand__sub { font-size: .65rem; }
	.main-nav { order: 3; } /* زرار القائمة (الهامبرجر) يروح آخر الصف */
	.header-actions .wp-block-search { display: none; }
	.woocommerce ul.products, ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
	.woocommerce ul.products li.product, .wc-block-product { padding: .5rem .5rem .8rem !important; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title, .wc-block-product .wp-block-post-title { font-size: .85rem !important; }
	.woocommerce ul.products li.product .button, .wc-block-product .wp-block-button__link { font-size: .8rem !important; padding: .6rem .5rem !important; }
	.woocommerce span.onsale, .wc-block-components-product-sale-badge { top: .9rem !important; right: .9rem; font-size: .7rem !important; }
	.hero { min-height: 600px !important; align-items: flex-end !important; }
	/* على الموبايل: الصورة فوق واضحة، والنص تحت على خلفية غامقة */
	.hero .wp-block-cover__background { background: linear-gradient(0deg, rgba(31, 20, 14, .97) 40%, rgba(31, 20, 14, .15) 85%) !important; }
	/* 64% لأن الصورة مقلوبة (scaleX(-1))، فبنختار الجزء اللي فيه الدلة والتمر */
	.hero .wp-block-cover__image-background { object-position: 64% 50% !important; }
	.features .wp-block-columns { display: grid !important; grid-template-columns: 1fr 1fr; }
	.feature { grid-template-columns: 1fr; text-align: center; justify-items: center; row-gap: .5rem; }
	.feature::before { grid-row: auto; }
	.cats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.story .wp-block-image::after { inset: 10px -10px -10px 10px; }
	.site-footer__cols { gap: 1.5rem !important; }
	.site-footer__bottom { flex-direction: column; align-items: flex-start !important; gap: .8rem; }
}

/* ---------- 11) جدول مواصفات المنتج (داخل وصف المنتج) ---------- */
.bustan-specs { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; margin: .5rem 0 1rem; }
.bustan-specs th, .bustan-specs td { padding: .7rem 1rem; text-align: start; border-bottom: 1px solid var(--line); }
.bustan-specs tr:last-child th, .bustan-specs tr:last-child td { border-bottom: 0; }
.bustan-specs th { background: var(--sand); color: var(--walnut); font-weight: 600; width: 38%; }

/* ---------- 12) صفحة المنتج (قالب single-product.html) ---------- */
.product-page { padding-top: 1.5rem; padding-bottom: var(--wp--preset--spacing--60); }
.product-top { margin-top: 1rem !important; }
.product-summary > * { margin-block: 0 1rem !important; }
.product-cats { font-size: .85rem; }
.product-cats a { color: var(--gold) !important; text-decoration: none; font-weight: 600; }
.product-title { font-size: clamp(1.6rem, 3vw, 2.3rem) !important; line-height: 1.4 !important; }
.product-excerpt { color: var(--muted); font-size: 1.05rem; border-bottom: 1px solid var(--line); padding-bottom: 1.2rem; }
.product-summary .wc-block-add-to-cart-form form.cart { display: flex; gap: .75rem; align-items: stretch; flex-wrap: wrap; }
.product-summary .wc-block-add-to-cart-form .single_add_to_cart_button { flex: 1; min-width: 200px; font-size: 1.05rem; }
.trust-list { list-style: none; padding: 1.1rem 1.3rem !important; background: var(--sand); border-radius: 16px; font-size: .92rem; color: var(--walnut); }
.trust-list li { display: flex; align-items: center; gap: .7rem; margin-bottom: .45rem; }
.trust-list li:last-child { margin-bottom: 0; }
.trust-list li::before { content: ""; width: 20px; height: 20px; flex: none; background: var(--date); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.ic-truck { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E"); }
.ic-leaf { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-13 15-14-1 10-6 15-14 15M5 19l7-7'/%3E%3C/svg%3E"); }
.ic-return { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h11a5 5 0 010 10H9'/%3E%3Cpath d='M8 5L4 9l4 4'/%3E%3C/svg%3E"); }
.product-tabs { margin-top: var(--wp--preset--spacing--50) !important; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem clamp(1rem, 3vw, 2.5rem) 2rem; }
.related-wrap { margin-top: var(--wp--preset--spacing--60) !important; }
.related-wrap .related > h2 { text-align: center; margin-bottom: 2rem; }

/* شبكة صفحة المتجر والأصناف (بلوك Product Collection): 4 أعمدة */
.wc-block-product-template.is-flex-container, .wp-block-woocommerce-product-template {
	display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 1.5rem !important; padding: 0 !important;
}
.wc-block-product-template.is-flex-container > li { width: auto !important; margin: 0 !important; }
@media (max-width: 1024px) { .wc-block-product-template.is-flex-container, .wp-block-woocommerce-product-template { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 781px) {
	.wc-block-product-template.is-flex-container, .wp-block-woocommerce-product-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .75rem !important; }
	.product-summary .wc-block-add-to-cart-form .single_add_to_cart_button { min-width: 0; }
}

/* ---------- 13) صفحات السلة وإتمام الطلب ---------- */
.checkout-main { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--60); }
.checkout-title { font-size: clamp(1.8rem, 3vw, 2.4rem) !important; margin-bottom: 1.5rem !important; }
.wc-block-components-order-summary, .wc-block-checkout__sidebar .wc-block-components-totals-wrapper { background: #fff; }
.wc-block-checkout__sidebar, .wc-block-cart__sidebar { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem 1.2rem !important; align-self: flex-start; }