/**
 * Single-product page redesign, part 2 (2026-08-14): sticky purchase panel,
 * price hierarchy, and the age/duration meta-pills row. is_product()-scoped
 * enqueue (see danuko_enqueue_single_product_redesign_assets() in
 * functions.php) — never loads outside product pages.
 */

/* Sticky disabled (2026-08-15): position:sticky on a CSS Grid item that
   is confined to a single grid-row (grid-row:1, not spanning into the
   tabs row-2 below it) is supposed to keep its "stuck" range limited to
   that one row per spec, but a real users screenshot showed the summary
   overlapping/colliding with the tabs description content while
   scrolling -- confirmed broken, not just a caching artifact. Rather than
   keep chasing the exact browser behavior here, removing sticky entirely
   removes the whole class of bug; the summary now scrolls normally with
   the rest of the page. */
@media (min-width: 981px) {
	.danuko-product-summary {
		align-self: start;
	}
}

/* Meta pills row (age + duration) */
.danuko-meta-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.danuko-meta-pills .danuko-age-badge {
	margin-top: 0;
}

.danuko-duration-badge {
	background: rgba(239, 161, 60, 0.16);
	color: var(--danuko-coral-dark);
}

/* Price hierarchy: give the price more visual weight relative to the
   title/meta around it, matching the design direction mockup. */
.danuko-product-summary__price {
	font-size: 32px;
}

@media (max-width: 560px) {
	.danuko-product-summary__price {
		font-size: 24px;
	}
}

/**
 * Trust row icons (2026-08-14). Real content only -- delivery text and
 * Paysera (the site's only actual configured gateway; WooPayments is
 * inactive/unused per this project's own notes) with an icon each,
 * deliberately no fabricated VISA/Mastercard badges since those aren't
 * real independent payment options on this store.
 */
.danuko-product-summary__trust {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 14px 16px;
	border: 1px solid var(--danuko-border);
	border-radius: var(--danuko-radius-md);
	background: var(--danuko-surface);
}

.danuko-trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.danuko-trust-item svg {
	width: 18px;
	height: 18px;
	flex: none;
	color: var(--danuko-teal-mid);
}
/**
 * Add-to-cart button (2026-08-14): bigger, ink-teal, with a cart icon,
 * matching the design-direction mockup. Scoped to the single-product
 * cart area's own .single_add_to_cart_button only -- the generic sitewide
 * .single_add_to_cart_button/.add_to_cart_button rule in style.css (used
 * by shop-loop cards, quick views, etc.) is untouched. flex:1 (not
 * width:100%) since this button is a flex sibling of .danuko-qty-stepper
 * inside .danuko-qty-form (display:flex), matching how the mockup's own
 * qty-stepper + button row was laid out.
 */
.danuko-product-summary__cart .single_add_to_cart_button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex: 1;
	height: 48px;
	padding: 0 24px !important;
	font-size: 15.5px !important;
	background: var(--danuko-ink-teal) !important;
	border-color: var(--danuko-ink-teal) !important;
	color: var(--danuko-bg) !important;
}

.danuko-product-summary__cart .single_add_to_cart_button:hover {
	background: var(--danuko-ink-teal-deep) !important;
	border-color: var(--danuko-ink-teal-deep) !important;
}

.danuko-product-summary__cart .single_add_to_cart_button::before {
	content: "";
	width: 19px;
	height: 19px;
	flex: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFBF4' stroke-width='2'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}