/* =========================================================
   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:rgba(11,11,12,.92);
	backdrop-filter:blur(8px);
	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; padding:5rem 0 4rem; }
.diva-hero__glow{
	position:absolute; inset:0; z-index:0;
	background:radial-gradient(ellipse 60% 55% at 78% 30%, rgba(200,162,74,.16), transparent 70%);
	pointer-events:none;
}
.diva-hero__row{
	position:relative; z-index:1;
	display:grid; grid-template-columns:1.05fr .95fr; gap:3rem; align-items:center;
}
.diva-hero__copy h1{ font-size:clamp(1.9rem,3.4vw,2.7rem); color:var(--c-ivory); }
.diva-hero__copy p{ max-width:44ch; font-size:1.02rem; }
.diva-hero__actions{ display:flex; gap:1rem; flex-wrap:wrap; margin-top:1.6rem; }

.diva-hero__art{
	position:relative;
	display:flex; justify-content:center;
	padding:2rem;
}
.diva-hero__art::before{
	content:'';
	position:absolute; inset:6% 18%;
	border:1px solid var(--c-line);
	border-radius:50% 50% 8% 8%/60% 60% 6% 6%;
	z-index:0;
}
.diva-hero__art img{
	position:relative; z-index:1;
	max-height:460px; width:auto; margin:0 auto;
	filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));
}

@media (max-width:1024px){
	.diva-hero__art img{ max-height:360px; }
}
@media (max-width:860px){
	.diva-hero__row{ grid-template-columns:1fr; text-align:center; }
	.diva-hero__copy p{ margin-inline:auto; }
	.diva-hero__actions{ 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{ max-height:420px; width:auto; margin:0 auto; filter:drop-shadow(0 24px 30px rgba(0,0,0,.5)); }

.diva-product__placeholder{
	width:100%; max-width:280px; aspect-ratio:3/4;
	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; }
}

/* =========================================================
   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; }
}

/* =========================================================
   WOOCOMMERCE — هماهنگ با طراحی مشکی/طلایی سایت
========================================================= */
.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) */
.diva-woocommerce .woocommerce-breadcrumb{
	font-size:.82rem; color:var(--c-ivory-dim);
	margin-bottom:2rem; padding-bottom:1rem;
	border-bottom:1px solid var(--c-line);
}
.diva-woocommerce .woocommerce-breadcrumb a{ color:var(--c-gold); }

/* اعلان‌ها (افزودن موفق، خطا و…) */
.diva-woocommerce .woocommerce-message,
.diva-woocommerce .woocommerce-error,
.diva-woocommerce .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;
}

/* -------- گرید فروشگاه/آرشیو -------- */
.diva-woocommerce ul.products{
	display:grid; grid-template-columns:repeat(3,1fr); gap:2.5rem;
	list-style:none; margin:0; padding:0;
}
.diva-woocommerce ul.products li.product{
	text-align:center; padding-bottom:1.5rem; border:1px solid var(--c-line); background:var(--c-black-2);
}
.diva-woocommerce ul.products li.product a img{
	width:100%; aspect-ratio:3/4; object-fit:cover; margin-bottom:1.2rem;
}
.diva-woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size:1.05rem; color:var(--c-ivory); padding:0 1rem; margin-bottom:.4rem;
}
.diva-woocommerce ul.products li.product .price{
	display:block; color:var(--c-gold); font-family:var(--f-en); font-style:italic; margin-bottom:1rem; direction:ltr;
}
.diva-woocommerce ul.products li.product .star-rating{ display:none; }

@media (max-width:900px){ .diva-woocommerce ul.products{ grid-template-columns:repeat(2,1fr); gap:1.5rem; } }
@media (max-width:560px){ .diva-woocommerce ul.products{ grid-template-columns:1fr; } }

/* -------- صفحه تک‌محصول -------- */
.diva-woocommerce div.product{
	display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start;
}
.diva-woocommerce div.product .woocommerce-product-gallery{ max-width:100%; }
.diva-woocommerce div.product .woocommerce-product-gallery img{
	width:100%; filter:drop-shadow(0 24px 30px rgba(0,0,0,.5));
}
.diva-woocommerce div.product .product_title{
	font-size:1.7rem; color:var(--c-ivory); margin-bottom:.4rem;
}
.diva-woocommerce div.product p.price{
	color:var(--c-gold); font-family:var(--f-en); font-style:italic; font-size:1.15rem;
	margin-bottom:1.2rem; direction:ltr; display:inline-block;
}
.diva-woocommerce div.product .woocommerce-product-details__short-description{
	color:var(--c-ivory-dim); margin-bottom:1.5rem;
}
.diva-woocommerce div.product .diva-wc-order-btn{ margin-top:.5rem; }

/* برگه‌های توضیحات/نظرات پایین محصول */
.diva-woocommerce .woocommerce-tabs{ margin-top:3.5rem; grid-column:1/-1; }
.diva-woocommerce .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);
}
.diva-woocommerce .woocommerce-tabs ul.tabs li a{ color:var(--c-ivory-dim); font-weight:700; }
.diva-woocommerce .woocommerce-tabs ul.tabs li.active a{ color:var(--c-gold); }
.diva-woocommerce .woocommerce-Tabs-panel p{ max-width:70ch; }

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

/* -------- سبد خرید/پرداخت (در صورت مراجعه مستقیم کاربر) -------- */
.diva-woocommerce table.shop_table{
	width:100%; border-collapse:collapse; margin-bottom:2rem;
}
.diva-woocommerce table.shop_table th,
.diva-woocommerce table.shop_table td{
	padding:.9em; border:1px solid var(--c-line); color:var(--c-ivory-dim); text-align:center;
}
.diva-woocommerce .quantity input.qty{
	width:60px; text-align:center; background:var(--c-black); color:var(--c-ivory);
	border:1px solid var(--c-line); padding:.5em;
}
.diva-woocommerce a.button,
.diva-woocommerce 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;
}
.diva-woocommerce a.button:hover,
.diva-woocommerce button.button:hover{ background:var(--c-gold); color:var(--c-black); }