/* =========================================================
   DIVA HAIRE — sistema de design
   پالت: مشکی مات + طلایی + عاجی، الهام‌گرفته از بطری Black Diva
========================================================= */

:root{
	--c-black:      #0b0b0c;
	--c-black-2:    #141416;
	--c-black-3:    #1b1b1e;
	--c-gold:       #c8a24a;
	--c-gold-light: #e6cc86;
	--c-ivory:      #f4efe3;
	--c-ivory-dim:  #cfc9ba;
	--c-line:       rgba(200,162,74,.28);

	--f-fa: 'Vazirmatn', system-ui, sans-serif;
	--f-en: 'Cormorant Garamond', serif;

	--radius: 2px;
	--container: 1180px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
	margin:0;
	background:var(--c-black);
	color:var(--c-ivory);
	font-family:var(--f-fa);
	font-size:16px;
	line-height:1.75;
	-webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ margin:0 0 .5em; font-weight:700; line-height:1.3; }
p{ margin:0 0 1em; color:var(--c-ivory-dim); }

.diva-container{ max-width:var(--container); margin:0 auto; padding:0 24px; }

/* -------- eyebrow / labels (Latin, echoes bottle wordmark) -------- */
.diva-eyebrow{
	display:inline-block;
	font-family:var(--f-en);
	font-style:italic;
	font-size:.8rem;
	letter-spacing:.14em;
	color:var(--c-gold);
	margin-bottom:.9em;
	direction:ltr;
}
.diva-eyebrow--sm{ font-size:.72rem; }

/* -------- buttons -------- */
.diva-btn{
	display:inline-flex; align-items:center; gap:.5em;
	padding:.85em 1.7em;
	border:1px solid transparent;
	border-radius:var(--radius);
	font-family:var(--f-fa);
	font-weight:700;
	font-size:.95rem;
	transition:transform .15s ease, background .2s ease, border-color .2s ease;
}
.diva-btn--gold{ background:var(--c-gold); color:var(--c-black); }
.diva-btn--gold:hover{ background:var(--c-gold-light); transform:translateY(-1px); }
.diva-btn--gold-outline{ border-color:var(--c-gold); color:var(--c-gold); }
.diva-btn--gold-outline:hover{ background:var(--c-gold); color:var(--c-black); }
.diva-btn--ghost{ border-color:rgba(244,239,227,.35); color:var(--c-ivory); }
.diva-btn--ghost:hover{ border-color:var(--c-ivory); }
.diva-btn--lg{ padding:1em 2.4em; font-size:1.05rem; }

.diva-link{ color:var(--c-gold); font-weight:700; border-bottom:1px solid var(--c-line); padding-bottom:2px; }

/* =========================================================
   ANNOUNCEMENT + HEADER
========================================================= */
.diva-announce{
	background:var(--c-black-2);
	border-bottom:1px solid var(--c-line);
	text-align:center;
	padding:.5em 1em;
}
.diva-announce p{ margin:0; font-size:.8rem; color:var(--c-ivory-dim); letter-spacing:.02em; }

.diva-header{
	position:sticky; top:0; z-index:50;
	background:var(--c-black);
	border-bottom:1px solid var(--c-line);
}
.diva-header__row{
	display:flex; align-items:center; justify-content:space-between;
	gap:1.5rem; padding:1.1rem 24px;
}
.diva-brand{ display:flex; flex-direction:column; line-height:1.1; }
.diva-brand__fa{ font-weight:900; font-size:1.15rem; color:var(--c-ivory); }
.diva-brand__en{
	font-family:var(--f-en); font-style:italic; letter-spacing:.16em;
	font-size:.72rem; color:var(--c-gold); direction:ltr;
}
.diva-brand img{ max-height:56px; width:auto; }

.diva-nav__list{ display:flex; gap:2rem; list-style:none; margin:0; padding:0; }
.diva-nav__list a{ font-size:.95rem; color:var(--c-ivory-dim); transition:color .2s; }
.diva-nav__list a:hover{ color:var(--c-gold); }

.diva-header__cta{
	white-space:nowrap;
	padding:.6em 1.3em;
	border:1px solid var(--c-gold);
	color:var(--c-gold);
	border-radius:var(--radius);
	font-size:.88rem; font-weight:700;
	transition:background .2s, color .2s;
}
.diva-header__cta:hover{ background:var(--c-gold); color:var(--c-black); }

.diva-nav__toggle{
	display:none; flex-direction:column; gap:5px;
	background:none; border:none; cursor:pointer; padding:6px;
}
.diva-nav__toggle span{ width:22px; height:2px; background:var(--c-ivory); display:block; }

.diva-mobile-nav{
	display:none;
	flex-direction:column; gap:1.2rem;
	padding:1.5rem 24px 2rem;
	border-top:1px solid var(--c-line);
	background:var(--c-black-2);
}
.diva-mobile-nav.is-open{ display:flex; }
.diva-mobile-nav__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:1rem; }
.diva-mobile-nav__list a{ font-size:1.05rem; }

@media (max-width:860px){
	.diva-nav, .diva-header__cta{ display:none; }
	.diva-nav__toggle{ display:flex; }
}

/* =========================================================
   HERO
========================================================= */
/* بنر — ارتفاع ثابت، صرف‌نظر از ابعاد عکس آپلودی، همیشه کراپ‌شده و پر */
.diva-hero{
	position:relative; overflow:hidden;
	min-height:460px; height:62vh; max-height:640px;
	display:flex; align-items:center; justify-content:center;
	background-size:cover !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
}
.diva-hero__row{ position:relative; z-index:1; width:100%; }
.diva-hero__copy{
	max-width:640px; margin:0 auto; text-align:center;
	background:rgba(11,11,12,.55);
	border:1px solid rgba(200,162,74,.35);
	padding:2rem 2.2rem;
}
.diva-hero__copy h1{
	font-size:clamp(1.9rem,3.4vw,2.7rem); color:#fff;
	text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.diva-hero__copy p{
	max-width:52ch; margin-inline:auto; font-size:1.02rem; color:#f2f2f2;
	text-shadow:0 1px 6px rgba(0,0,0,.6);
}
.diva-hero__copy .diva-eyebrow{ text-shadow:0 1px 6px rgba(0,0,0,.6); }

@media (max-width:640px){ .diva-hero__copy{ padding:1.4rem 1.2rem; } }

@media (max-width:640px){ .diva-hero{ min-height:360px; height:52vh; } }

/* دکمه‌های زیر بنر — بیرون از عکس، روی زمینه معمولی سایت */
.diva-hero-actions{ padding:2.2rem 0; border-bottom:1px solid var(--c-line); }
.diva-hero-actions__row{ display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; }

/* =========================================================
   TRUST STRIP
========================================================= */
.diva-trust{ background:var(--c-black-2); border-top:1px solid var(--c-line); border-bottom:1px solid var(--c-line); }
.diva-trust__row{
	display:grid; grid-template-columns:repeat(4,1fr);
	text-align:center;
}
.diva-trust__row > div{ padding:1.5rem 1rem; border-inline-start:1px solid var(--c-line); }
.diva-trust__row > div:first-child{ border-inline-start:none; }
.diva-trust__row strong{ display:block; font-size:1rem; color:var(--c-ivory); margin-bottom:.2em; }
.diva-trust__row span{ font-family:var(--f-en); font-style:italic; font-size:.75rem; color:var(--c-gold); letter-spacing:.06em; direction:ltr; }

@media (max-width:640px){
	.diva-trust__row{ grid-template-columns:repeat(2,1fr); }
	.diva-trust__row > div:nth-child(3){ border-inline-start:none; }
}

/* =========================================================
   PRODUCTS
========================================================= */
.diva-products{ padding:5.5rem 0; }
.diva-section-head{ text-align:center; max-width:640px; margin:0 auto 3.5rem; }
.diva-section-head h2{ font-size:clamp(1.6rem,2.6vw,2.1rem); color:var(--c-ivory); }

.diva-product{
	display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
	padding:3rem 0;
	border-top:1px solid var(--c-line);
}
.diva-product:first-of-type{ border-top:none; }
.diva-product--flip{ direction:ltr; }
.diva-product--flip .diva-product__copy,
.diva-product--flip .diva-product__media{ direction:rtl; }

.diva-product__media{ display:flex; justify-content:center; }
.diva-product__media img{
	width:100%; max-width:380px; aspect-ratio:4/5; object-fit:cover;
	margin:0 auto; filter:drop-shadow(0 24px 30px rgba(0,0,0,.5));
}

.diva-product__placeholder{
	width:100%; max-width:380px; aspect-ratio:4/5;
	display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem;
	border:1px dashed var(--c-line);
	color:var(--c-gold);
	background:var(--c-black-2);
}
.diva-product__placeholder span{ font-size:.78rem; color:var(--c-ivory-dim); text-align:center; padding:0 1rem; }

.diva-product__copy h3{ font-size:1.5rem; color:var(--c-ivory); }
.diva-price{ display:block; margin:.4em 0 1.2em; font-size:.85rem; color:var(--c-ivory-dim); }

@media (max-width:760px){
	.diva-product, .diva-product--flip{ grid-template-columns:1fr; direction:rtl; text-align:center; }
	.diva-product__copy p{ margin-inline:auto; max-width:46ch; }
}

/* -------- کارت‌های محصول (شبکه‌ای، برای صفحه اصلی) -------- */
.diva-card-grid{
	display:grid; grid-template-columns:repeat(3,1fr); gap:1.8rem;
}
.diva-pcard{
	display:flex; flex-direction:column;
	background:var(--c-black-2);
	border:1px solid var(--c-line);
	overflow:hidden;
	transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.diva-pcard:hover{
	transform:translateY(-6px);
	border-color:var(--c-gold);
	box-shadow:0 18px 34px rgba(0,0,0,.4);
}
.diva-pcard__media{
	aspect-ratio:4/5; overflow:hidden;
	display:flex; align-items:center; justify-content:center;
	background:var(--c-black);
}
.diva-pcard__media img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.diva-pcard:hover .diva-pcard__media img{ transform:scale(1.05); }
.diva-pcard__media .diva-product__placeholder{ border:none; background:none; width:auto; aspect-ratio:auto; color:var(--c-gold); }
.diva-pcard__body{ padding:1.4rem 1.3rem 1.6rem; text-align:center; }
.diva-pcard__body h3{ font-size:1.08rem; color:var(--c-ivory); margin-bottom:.35em; }
.diva-pcard__body p{ font-size:.88rem; margin-bottom:.8em; }
.diva-pcard__price{
	display:block; font-family:var(--f-fa); color:var(--c-gold); font-weight:700;
	margin-bottom:1rem; font-size:1.05rem; unicode-bidi:plaintext;
}
.diva-pcard__btn{ width:100%; justify-content:center; font-size:.85rem; padding:.7em 1em; }

.diva-products__more{ text-align:center; margin-top:2.5rem; }

@media (max-width:900px){ .diva-card-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .diva-card-grid{ grid-template-columns:1fr; } }

/* =========================================================
   ABOUT TEASER
========================================================= */
.diva-about{ padding:5rem 0; background:var(--c-black-2); border-top:1px solid var(--c-line); border-bottom:1px solid var(--c-line); }
.diva-about__row{ display:grid; grid-template-columns:.4fr .6fr; gap:3rem; align-items:center; }
.diva-about__art{ color:var(--c-gold); opacity:.85; }
.diva-about__copy h2{ font-size:clamp(1.5rem,2.4vw,2rem); color:var(--c-ivory); }
@media (max-width:760px){
	.diva-about__row{ grid-template-columns:1fr; text-align:center; }
	.diva-about__art{ max-width:160px; margin:0 auto; }
	.diva-about__copy p{ margin-inline:auto; max-width:50ch; }
}

/* =========================================================
   CTA
========================================================= */
.diva-cta{ padding:5rem 0; text-align:center; }
.diva-cta__inner h2{ font-size:clamp(1.5rem,2.6vw,2.1rem); color:var(--c-ivory); }
.diva-cta__inner p{ max-width:40ch; margin-inline:auto; }
.diva-cta__inner .diva-btn{ margin-top:1rem; }

/* =========================================================
   GENERIC PAGE
========================================================= */
.diva-page-header{ padding:4rem 0 2rem; text-align:center; border-bottom:1px solid var(--c-line); }
.diva-page-header h1{ font-size:clamp(1.7rem,2.8vw,2.3rem); color:var(--c-ivory); }
.diva-page-header__intro{ max-width:640px; margin:.8rem auto 0; color:var(--c-ivory-dim); }
.diva-page-content{ padding:3.5rem 0; }
.diva-page-content__inner{ max-width:760px; margin:0 auto; }
.diva-page-content__inner p{ font-size:1.02rem; }

.diva-contact__cards{ display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:2rem; }
.diva-contact__card{
	display:block; padding:1.8rem; border:1px solid var(--c-line); background:var(--c-black-2);
	transition:border-color .2s;
}
.diva-contact__card:hover{ border-color:var(--c-gold); }
.diva-contact__card h3{ color:var(--c-ivory); margin-bottom:.3em; }
@media (max-width:600px){ .diva-contact__cards{ grid-template-columns:1fr; } }

/* =========================================================
   FOOTER
========================================================= */
.diva-footer{ background:var(--c-black-2); border-top:1px solid var(--c-line); padding-top:3.5rem; }
.diva-footer__grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:2.5rem; padding-bottom:2.5rem; }
.diva-footer__brand p{ max-width:32ch; margin-top:.6rem; font-size:.92rem; }
.diva-footer__col h4{ color:var(--c-ivory); font-size:.95rem; margin-bottom:1rem; }
.diva-footer__col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }
.diva-footer__col a{ color:var(--c-ivory-dim); font-size:.92rem; }
.diva-footer__col a:hover{ color:var(--c-gold); }
.diva-footer__bottom{
	border-top:1px solid var(--c-line);
	padding:1.3rem 0; text-align:center;
}
.diva-footer__bottom p{ margin:0; font-size:.8rem; color:var(--c-ivory-dim); }

@media (max-width:760px){
	.diva-footer__grid{ grid-template-columns:1fr; text-align:center; }
	.diva-footer__brand p{ margin-inline:auto; }
}

/* -------- floating WhatsApp button -------- */
.diva-float-wa{
	position:fixed; bottom:22px; left:22px; z-index:60;
	width:56px; height:56px; border-radius:50%;
	background:#25D366; color:#0b0b0c;
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 10px 24px rgba(0,0,0,.4);
	transition:transform .15s ease;
}
.diva-float-wa:hover{ transform:scale(1.06); }

/* -------- accessibility -------- */
a:focus-visible, button:focus-visible{ outline:2px solid var(--c-gold); outline-offset:2px; }

@media (prefers-reduced-motion: reduce){
	html{ scroll-behavior:auto; }
	.diva-btn, .diva-float-wa{ transition:none; }
}

/* -------- انیمیشن ملایم موقع اسکرول (سبک، بدون کتابخانه) -------- */
.diva-reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.diva-reveal.is-visible{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
	.diva-reveal{ opacity:1; transform:none; transition:none; }
}

/* =========================================================
   WOOCOMMERCE — هماهنگ با طراحی مشکی/طلایی سایت
   این بخش عمداً روی کلاس‌های خودِ ووکامرس اعمال می‌شه (نه فقط
   داخل قالب woocommerce.php) تا هرجای سایت که محصول نشون داده
   بشه (شورت‌کد، بلاک، صفحه فروشگاه) همین ظاهر رو داشته باشه.
========================================================= */
.diva-woocommerce{ padding:3.5rem 0 5rem; }

/* عنوان صفحه فروشگاه */
.diva-woocommerce h1.entry-title,
.diva-woocommerce h1.page-title{
	font-size:clamp(1.6rem,2.6vw,2.1rem);
	color:var(--c-ivory);
	text-align:center;
	margin-bottom:2.5rem;
}

/* مسیر (breadcrumb) */
.woocommerce-breadcrumb{
	font-size:.82rem; color:var(--c-ivory-dim);
	margin-bottom:2rem; padding-bottom:1rem;
	border-bottom:1px solid var(--c-line);
}
.woocommerce-breadcrumb a{ color:var(--c-gold); }

/* اعلان‌ها (افزودن موفق، خطا و…) */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
	list-style:none; margin:0 0 2rem; padding:1em 1.4em;
	border:1px solid var(--c-line); background:var(--c-black-2); color:var(--c-ivory);
	font-size:.92rem;
}

/* قیمت — همه‌جا یکسان: فونت فارسی، بزرگ‌تر، بدون اجبار چپ‌چین،
   تومان طبیعی کنار عدد می‌شینه چون جهت متن رو عمداً دست‌نخورده می‌ذاریم */
.price,
.woocommerce-Price-amount{
	font-family:var(--f-fa) !important;
	font-style:normal !important;
	color:var(--c-gold);
	font-weight:700;
	unicode-bidi:plaintext;
}
del .woocommerce-Price-amount{ color:var(--c-ivory-dim); opacity:.7; font-weight:400; }
ins{ text-decoration:none; }

/* -------- گرید فروشگاه/آرشیو (هم شورت‌کد قدیمی، هم بلاک جدید ووکامرس) -------- */
ul.products,
.wc-block-grid__products,
.wp-block-woocommerce-product-template{
	display:grid !important; grid-template-columns:repeat(3,1fr); gap:2rem;
	list-style:none; margin:0; padding:0;
}
ul.products li.product,
.wc-block-grid__product,
.wp-block-woocommerce-product-template .wc-block-product{
	text-align:center; border:1px solid var(--c-line); background:var(--c-black-2);
	padding-bottom:1.3rem; overflow:hidden;
}

/* سایز ثابت عکس‌ها — دیگه با هر عکسی بزرگ/کوچک نمی‌شه */
ul.products li.product a img,
.wc-block-grid__product-image img,
.wp-block-woocommerce-product-image img{
	display:block; width:100%; aspect-ratio:4/5; object-fit:cover; margin-bottom:1.1rem;
}

.woocommerce-loop-product__title,
.wc-block-grid__product-title,
.wp-block-post-title{
	font-size:1.02rem; color:var(--c-ivory); padding:0 1rem; margin:0 0 .5rem;
}
.price,
.wc-block-grid__product-price,
.wp-block-woocommerce-product-price{
	display:block; font-size:1.1rem; margin-bottom:1rem;
}
.star-rating{ display:none; }

ul.products li.product .button,
.wc-block-grid__product .wp-block-button{ margin-top:.3rem; }

@media (max-width:900px){ ul.products, .wc-block-grid__products, .wp-block-woocommerce-product-template{ grid-template-columns:repeat(2,1fr); gap:1.4rem; } }
@media (max-width:560px){ ul.products, .wc-block-grid__products, .wp-block-woocommerce-product-template{ grid-template-columns:1fr; } }

/* -------- صفحه تک‌محصول -------- */
.diva-woocommerce div.product,
div.product{
	display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start;
}

/* عکس اصلی محصول — سایز ثابت، صرف‌نظر از ابعاد فایل آپلودی */
.woocommerce-product-gallery{ max-width:100%; }
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image{
	aspect-ratio:4/5; overflow:hidden; background:var(--c-black-2);
}
.woocommerce-product-gallery__image img{
	width:100%; height:100%; object-fit:cover;
	filter:drop-shadow(0 20px 26px rgba(0,0,0,.45));
}
/* بند انگشتی گالری زیر عکس اصلی */
.flex-control-thumbs{ display:flex; gap:.6rem; margin-top:.8rem; list-style:none; padding:0; }
.flex-control-thumbs li{ width:64px; height:80px; }
.flex-control-thumbs img{ width:100%; height:100%; object-fit:cover; opacity:.6; cursor:pointer; transition:opacity .2s; }
.flex-control-thumbs img.flex-active{ opacity:1; outline:1px solid var(--c-gold); }

.product_title{
	font-size:1.7rem; color:var(--c-ivory); margin-bottom:.5rem;
}

/* قیمت صفحه تک‌محصول — بزرگ‌تر */
div.product p.price,
div.product .price{
	font-size:1.4rem;
	margin-bottom:1rem; display:inline-block;
}

/* دسته / برچسب / برند — هرکدام روی خط خودشون */
.product_meta{ margin-top:1.6rem; padding-top:1.2rem; border-top:1px solid var(--c-line); }
.product_meta > span{
	display:block; margin-bottom:.55rem;
	font-size:.86rem; color:var(--c-ivory-dim); line-height:1.9;
}
.product_meta > span a{ color:var(--c-gold); }
.product_meta > span:last-child{ margin-bottom:0; }

.woocommerce-product-details__short-description{
	color:var(--c-ivory-dim); margin-bottom:1.5rem;
}
.diva-wc-order-btn{ margin-top:.5rem; }

/* برگه‌های توضیحات/نظرات پایین محصول */
.woocommerce-tabs{ margin-top:3.5rem; grid-column:1/-1; }
.woocommerce-tabs ul.tabs{
	list-style:none; display:flex; gap:2rem; margin:0 0 1.5rem; padding:0 0 1rem;
	border-bottom:1px solid var(--c-line);
}
.woocommerce-tabs ul.tabs li{ margin:0; }
.woocommerce-tabs ul.tabs li a{ color:var(--c-ivory-dim); font-weight:700; }
.woocommerce-tabs ul.tabs li.active a{ color:var(--c-gold); }
.woocommerce-Tabs-panel p{ max-width:70ch; color:var(--c-ivory-dim); }
.woocommerce-Tabs-panel table{ width:100%; }
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td{ padding:.6em; border:1px solid var(--c-line); color:var(--c-ivory-dim); }

@media (max-width:760px){
	.diva-woocommerce div.product, div.product{ grid-template-columns:1fr; text-align:center; }
	div.product p.price, div.product .price{ display:block; }
	.product_meta{ text-align:center; }
}

/* -------- سبد خرید/پرداخت (در صورت مراجعه مستقیم کاربر) -------- */
table.shop_table{
	width:100%; border-collapse:collapse; margin-bottom:2rem;
}
table.shop_table th,
table.shop_table td{
	padding:.9em; border:1px solid var(--c-line); color:var(--c-ivory-dim); text-align:center;
}
.quantity input.qty{
	width:60px; text-align:center; background:var(--c-black); color:var(--c-ivory);
	border:1px solid var(--c-line); padding:.5em;
}
a.button,
button.button{
	display:inline-flex; align-items:center; gap:.5em;
	padding:.85em 1.7em; border:1px solid var(--c-gold); border-radius:var(--radius);
	background:transparent; color:var(--c-gold); font-family:var(--f-fa); font-weight:700; font-size:.9rem;
}
a.button:hover,
button.button:hover{ background:var(--c-gold); color:var(--c-black); }