/* AlmaniStore Modern — feature pack styles (v1.4.0).
   Quick View, recently-viewed, sticky ATC, countdowns, free-shipping bar,
   back-in-stock, WhatsApp buttons + card trust badge. Uses theme tokens. */

/* ---- shared WhatsApp button ---- */
.btn--wa{background:#25d366;color:#062b15}
.btn--wa:hover{background:#2ee06f}

/* ============================ Quick View button on cards ============================ */
/* Full-cover product link so the whole image area is clickable; the quick-view
   button is a sibling INSIDE the media box so it anchors to the image. */
.product-card__media-link{position:absolute;inset:0;display:grid;place-items:center;z-index:1}
.quickview-btn{
	position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) translateY(10px);
	padding:11px 20px;border:0;border-radius:999px;background:rgba(9,12,10,.82);color:#fff;
	font-weight:800;font-size:.82rem;backdrop-filter:blur(8px);white-space:nowrap;
	opacity:0;visibility:hidden;transition:.28s ease;box-shadow:0 10px 30px rgba(0,0,0,.35)
}
.product-card:hover .quickview-btn{opacity:1;visibility:visible;transform:translate(-50%,-50%) translateY(0)}
.quickview-btn:hover{background:var(--lime);color:var(--ink)}
@media (hover:none){
	.quickview-btn{opacity:1;visibility:visible;top:auto;bottom:12px;transform:translateX(-50%);
		padding:8px 15px;font-size:.75rem;background:rgba(9,12,10,.7)}
}

/* ---- card trust badge ---- */
.card-trust{display:inline-flex;align-items:center;gap:6px;margin:2px 0 8px;color:#5f8a1f;
	font-size:.7rem;font-weight:900;letter-spacing:.02em}
.products-section .card-trust{color:#9ec24a}
.card-trust::before{content:"✓";display:grid;place-items:center;width:15px;height:15px;border-radius:50%;
	background:rgba(200,255,50,.18);color:#6b8f00;font-size:.6rem}

/* ============================ Quick View modal ============================ */
.almani-qv-modal{position:fixed;inset:0;z-index:6000;display:none;place-items:center;padding:20px;
	background:rgba(4,6,4,.7);backdrop-filter:blur(10px)}
.almani-qv-modal.show{display:grid}
.almani-qv-modal__box{position:relative;width:min(860px,100%);max-height:90vh;overflow:auto;
	background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);
	scrollbar-width:none}
.almani-qv-modal__box::-webkit-scrollbar{display:none}
.almani-qv-modal__close{position:absolute;z-index:3;top:14px;left:14px;width:40px;height:40px;border:1px solid var(--line);
	border-radius:50%;background:rgba(9,12,10,.6);color:#fff;font-size:1.3rem;line-height:1}
.almani-qv-loading{padding:70px 20px;text-align:center;color:var(--muted)}
.almani-qv{display:grid;grid-template-columns:1fr 1fr;gap:0}
.almani-qv__media{position:relative;display:grid;place-items:center;padding:26px;
	background:radial-gradient(circle at 50% 42%,rgba(200,255,50,.16),transparent 46%),#0e130f;border-left:1px solid var(--line)}
.almani-qv__media .product-badge{top:16px;right:16px}
.almani-qv__img{max-width:100%;max-height:340px;width:auto;height:auto;object-fit:contain;border-radius:14px}
.almani-qv__info{padding:34px 30px}
.almani-qv__cat{color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.03em}
.almani-qv__title{font-size:1.5rem;line-height:1.35;margin:8px 0 10px}
.almani-qv__rating{margin-bottom:8px}
.almani-qv__price{font-size:1.5rem;font-weight:900;margin-bottom:14px}
.almani-qv__price del{color:var(--muted);font-size:.7em;font-weight:600;margin-inline-start:8px}
.almani-qv__desc{color:var(--muted);font-size:.9rem;line-height:1.7;margin-bottom:16px}
.almani-qv__desc p{margin:0 0 8px}
.almani-qv__stock{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;margin-bottom:18px}
.almani-qv__stock span{width:9px;height:9px;border-radius:50%}
.almani-qv__stock.in span{background:var(--lime);box-shadow:0 0 12px var(--lime)}
.almani-qv__stock.out{color:#ff9f45}.almani-qv__stock.out span{background:#ff9f45}
.almani-qv__actions{display:flex;flex-direction:column;gap:10px}
.almani-qv__actions .btn{width:100%}
.almani-qv__full{color:var(--muted);font-weight:800;font-size:.86rem;text-align:center;padding-top:4px}
.almani-qv__full:hover{color:var(--lime)}
@media(max-width:680px){
	.almani-qv{grid-template-columns:1fr}
	.almani-qv__media{border-left:0;border-bottom:1px solid var(--line);padding:20px}
	.almani-qv__img{max-height:240px}
	.almani-qv__info{padding:24px 20px}
}

/* ============================ Recently viewed ============================ */
.almani-recent{padding:70px 0;background:#0c100d}
.almani-recent .product-grid{margin-top:6px}
@media(max-width:1080px){.almani-recent .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.almani-recent .product-grid{grid-template-columns:repeat(2,1fr)}}

/* ============================ Sticky add-to-cart ============================ */
.almani-satc{position:fixed;left:0;right:0;bottom:0;z-index:950;
	background:rgba(12,16,13,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);
	transform:translateY(110%);transition:transform .3s ease;box-shadow:0 -14px 40px rgba(0,0,0,.35)}
.almani-satc.show{transform:translateY(0)}
.almani-satc__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0}
.almani-satc__info{display:flex;align-items:center;gap:12px;min-width:0}
.almani-satc__img{width:48px;height:48px;object-fit:cover;border-radius:12px;border:1px solid var(--line);flex-shrink:0}
.almani-satc__text{min-width:0}
.almani-satc__text strong{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}
.almani-satc__price{font-size:.9rem;font-weight:900;color:var(--lime)}
.almani-satc__price del{color:var(--muted);font-weight:600;font-size:.8em;margin-inline-start:6px}
.almani-satc__actions{display:flex;gap:8px;flex-shrink:0}
.almani-satc__actions .btn{min-height:46px;padding:0 18px}
@media(max-width:600px){
	.almani-satc__actions .btn--wa{padding:0 14px}
	.almani-satc__text strong{max-width:38vw}
}
/* keep the floating chat button clear of the sticky bar on product pages */
.single-product .almani-satc.show ~ #chaty-widget,
body.single-product .almani-satc.show{}

/* ============================ Countdown ============================ */
.almani-cd-clock{display:flex;gap:8px;direction:ltr}
.almani-cd-unit{display:flex;flex-direction:column;align-items:center;min-width:40px;padding:5px 4px;
	border-radius:11px;background:rgba(255,255,255,.08);border:1px solid var(--line)}
.almani-cd-unit b{font-size:1.05rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.almani-cd-unit i{font-style:normal;font-size:.58rem;color:var(--muted);margin-top:3px}

/* global campaign strip */
.almani-cd-strip{background:linear-gradient(90deg,#141a10,#1c2411);border-bottom:1px solid var(--line)}
.almani-cd-strip__inner{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 0;flex-wrap:wrap}
.almani-cd-strip__title{font-weight:900;font-size:.9rem;color:var(--lime)}
.almani-cd-strip .almani-cd-unit{background:rgba(200,255,50,.1);border-color:rgba(200,255,50,.25)}
.almani-cd-strip__cta{padding:9px 18px;border-radius:999px;background:var(--lime);color:var(--ink);
	font-weight:900;font-size:.82rem}
.almani-cd-strip__cta:hover{background:#d8ff6a}
@media(max-width:600px){
	.almani-cd-strip__inner{gap:10px;padding:9px 0}
	.almani-cd-strip__title{width:100%;text-align:center;font-size:.82rem}
	.almani-cd-unit{min-width:34px}
}

/* inline (single product) */
.almani-cd-inline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 20px;padding:14px 16px;
	border-radius:16px;background:rgba(255,159,69,.08);border:1px solid rgba(255,159,69,.28)}
.almani-cd-inline__label{font-weight:900;font-size:.85rem;color:#ffb066}
.almani-cd-inline .almani-cd-unit{background:rgba(255,159,69,.12);border-color:rgba(255,159,69,.3)}

/* ============================ Free-shipping bar ============================ */
.almani-fsb{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:rgba(200,255,50,.07);
	border:1px solid rgba(200,255,50,.2)}
.almani-fsb__msg{margin:0 0 9px;font-size:.82rem;line-height:1.5;color:var(--text)}
.almani-fsb__msg strong{color:var(--lime)}
.almani-fsb__msg--done{margin-bottom:9px;color:var(--lime);font-weight:800}
.almani-fsb__track{height:7px;border-radius:20px;background:rgba(255,255,255,.1);overflow:hidden}
.almani-fsb__track span{display:block;height:100%;border-radius:20px;
	background:linear-gradient(90deg,var(--lime-2),var(--lime));transition:width .4s ease}
/* mini-cart may render on a light surface in some WC widgets — keep readable */
.widget_shopping_cart_content .almani-fsb__msg{color:inherit}

/* ============================ Back-in-stock ============================ */
/* The single-product summary is a LIGHT surface, so this is a light card with
   the same red accent as the out-of-stock status (semantic + readable). */
.almani-bis{margin:16px 0;padding:18px;border-radius:18px;background:#fcf5f6;border:1px solid #f0d7dc;
	box-shadow:0 10px 30px rgba(163,46,64,.06)}
.almani-bis__title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-weight:900;font-size:.92rem;color:#a32e40}
.almani-bis__title::before{content:"🔔";font-size:1rem;line-height:1}
.almani-bis__row{display:flex;gap:8px}
.almani-bis__input{flex:1;min-width:0;height:50px;padding:0 16px;border-radius:13px;
	border:1px solid #dcd8d1;background:#fff;color:var(--ink)}
.almani-bis__input::placeholder{color:#9aa295}
.almani-bis__input:focus{outline:none;border-color:var(--lime-2);box-shadow:0 0 0 3px rgba(167,235,19,.18)}
.almani-bis__row .btn{min-height:50px;white-space:nowrap}
.almani-bis__msg{margin:10px 0 0;font-size:.82rem;font-weight:800;min-height:1em}
.almani-bis__msg.is-ok{color:#4c6a00}
.almani-bis__msg.is-err{color:#c0283b}
@media(max-width:480px){.almani-bis__row{flex-direction:column}}

/* ============================ Single-product WhatsApp order ============================ */
.single-wa-order{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
	min-height:54px;margin-top:12px;border-radius:999px;background:#25d366;color:#062b15;
	font-weight:900;transition:.2s}
.single-wa-order:hover{background:#2ee06f;transform:translateY(-2px)}

/* ============================ Live visitor counter (subtle, in hero) ============================ */
.hero-visits{display:inline-flex;align-items:center;gap:8px;margin-top:22px;
	color:var(--muted);font-size:.82rem;font-weight:600}
.hero-visits__dot{width:7px;height:7px;border-radius:50%;background:var(--lime);flex-shrink:0;
	box-shadow:0 0 0 0 rgba(200,255,50,.5);animation:almaniVisitPulse 2s ease-out infinite}
.hero-visits__num{color:var(--text);font-weight:900;font-variant-numeric:tabular-nums;direction:ltr}
@keyframes almaniVisitPulse{0%{box-shadow:0 0 0 0 rgba(200,255,50,.45)}70%{box-shadow:0 0 0 9px rgba(200,255,50,0)}100%{box-shadow:0 0 0 0 rgba(200,255,50,0)}}
@media(prefers-reduced-motion:reduce){.hero-visits__dot{animation:none}}
@media(max-width:600px){.hero-visits{font-size:.78rem;margin-top:18px}}