/* Ayurveda Siddhi Toolkit — front-end. Uses the child theme's tokens when present. */

.ast-announce {
	padding: 9px 16px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .02em;
	color: var(--as-gold-100, #f5ead2);
	background: var(--as-green-900, #17331f);
}

.ast-badges {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 18px 0 8px;
	padding: 16px;
	list-style: none;
	background: var(--as-cream, #fbf7ef);
	border: 1px solid var(--as-line, #e6dcc8);
	border-radius: var(--as-radius, 16px);
}
.ast-badges li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 14px;
	line-height: 1.3;
	color: var(--as-ink, #1d231f);
}
.ast-badges svg {
	flex: none;
	width: 30px;
	height: 30px;
	padding: 6px;
	border-radius: 8px;
	color: var(--as-green-700, #2c5a3b);
	background: var(--as-green-100, #e4eee5);
}
@media (max-width: 480px) { .ast-badges { grid-template-columns: 1fr; } }

.ast-wa {
	position: fixed;
	left: 18px;
	bottom: 18px;
	z-index: 999;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 18px 12px 14px;
	border-radius: 999px;
	background: #1fa855;
	color: #fff !important;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none !important;
	box-shadow: 0 12px 28px -10px rgba(16, 90, 45, .6);
	transition: transform .2s ease, box-shadow .2s ease;
}
.ast-wa:hover { transform: translateY(-2px); box-shadow: 0 16px 32px -10px rgba(16, 90, 45, .7); }
.ast-wa svg { width: 24px; height: 24px; }
@media (max-width: 600px) {
	.ast-wa { padding: 13px; }
	.ast-wa span { display: none; }
}
@media (prefers-reduced-motion: reduce) { .ast-wa { transition: none; } }

/* Delivery note + combo hint */
.ast-note { margin: 14px 0 6px; padding: 11px 14px; border-radius: 12px; font-size: 14px; line-height: 1.5; }
.ast-note--digital { background: var(--as-green-100, #e4eee5); color: var(--as-green-900, #17331f); }
.ast-note--physical { background: var(--as-gold-100, #f5ead2); color: #5a4110; }
.ast-combo-hint { margin: 8px 0 0; font-size: 14px; color: var(--as-muted, #6b736d); }
.ast-combo-hint strong { color: var(--as-gold-600, #9a6d1f); }
.ast-proof { display: flex; align-items: center; gap: 6px; margin: 4px 0 0; font-size: 13px; font-weight: 500; color: var(--as-gold-600, #9a6d1f); }
.ast-proof svg { width: 14px; height: 14px; flex: none; }
.single-product .ast-proof { font-size: 14px; margin: -4px 0 10px; }

/* Free demo button */
.ast-demo {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
	margin: 4px 0 6px; padding: 13px 18px; border-radius: 999px;
	border: 1.5px solid var(--as-green-700, #2c5a3b); color: var(--as-green-700, #2c5a3b) !important;
	font-weight: 600; text-decoration: none !important; transition: background-color .2s ease;
}
.ast-demo:hover { background: var(--as-green-100, #e4eee5); }
.ast-demo svg { width: 18px; height: 18px; }

/* Cart promo */
.ast-cart-promo { display: grid; gap: 10px; margin: 0 0 18px; }
.ast-progress { padding: 14px 16px; border-radius: 14px; background: #fff; border: 1px solid var(--as-line, #e6dcc8); }
.ast-progress p { margin: 0 0 10px; font-size: 14.5px; }
.ast-progress__bar { height: 8px; border-radius: 99px; background: var(--as-sand, #f2ead9); overflow: hidden; }
.ast-progress__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--as-green-500, #4d7d5b), var(--as-gold, #b5832a)); }
.ast-coupon-tip { padding: 12px 16px; border-radius: 14px; background: var(--as-gold-100, #f5ead2); font-size: 14.5px; }
.ast-copy {
	display: inline-flex; align-items: center; gap: 6px; margin: 0 2px; padding: 3px 10px !important;
	border: 1.5px dashed var(--as-gold-600, #9a6d1f) !important; border-radius: 8px !important;
	background: #fff !important; color: var(--as-ink, #1d231f) !important;
	font: 700 14px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; cursor: pointer;
	box-shadow: none !important; transform: none !important;
}
.ast-copy.is-copied { border-style: solid !important; border-color: var(--as-green-700, #2c5a3b) !important; color: var(--as-green-700, #2c5a3b) !important; }

/* Welcome offer sheet */
.ast-welcome {
	position: fixed; z-index: 99998; left: 50%; bottom: 24px; width: min(420px, calc(100% - 24px));
	padding: 22px 22px 20px; border-radius: 22px; background: var(--as-cream, #fbf7ef);
	box-shadow: 0 24px 60px -20px rgba(23, 51, 31, .45), 0 0 0 1px var(--as-line, #e6dcc8);
	transform: translate(-50%, 140%); transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
.ast-welcome.is-open { transform: translate(-50%, 0); }
.ast-welcome[hidden] { display: none; }
.ast-welcome__x { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; padding: 0 !important; border: 0; border-radius: 50% !important; background: #fff !important; color: var(--as-ink, #1d231f) !important; font-size: 22px; line-height: 1; }
.ast-welcome__eyebrow { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--as-gold-600, #9a6d1f); }
.ast-welcome__t { margin: 6px 0 4px; font-family: var(--as-serif, Georgia, serif); font-size: 30px; font-weight: 600; line-height: 1.1; color: var(--as-ink, #1d231f); }
.ast-welcome__s { margin: 0 0 16px; font-size: 14px; color: var(--as-muted, #6b736d); }
.ast-welcome__row { display: flex; gap: 10px; flex-wrap: wrap; }
.ast-welcome__code { flex: 1; justify-content: center; padding: 10px 12px !important; font-size: 17px; }
.ast-welcome__code span { font: 500 11px/1 var(--as-sans, sans-serif); letter-spacing: 0; color: var(--as-muted, #6b736d); }
.ast-welcome__go { flex: 1; display: inline-flex; align-items: center; justify-content: center; padding: 12px 16px; border-radius: 999px; background: var(--as-green-700, #2c5a3b); color: #fff !important; font-weight: 700; text-decoration: none !important; }
@media (max-width: 767px) { .ast-welcome { bottom: calc(84px + env(safe-area-inset-bottom)); } }