/**
 * Abadio.sk redesign — Fáza 1: Design tokeny + globálne štýly
 * Zdroj: design_handoff_abadio_eshop / Design System a Implementacia (v1.0, júl 2026)
 *
 * Načítava sa len v preview režime (cookie aba_preview=1), kým redesign neschválime.
 */

/* ---------- Fonty ---------- */

@font-face {
	font-family: 'Rouna';
	src: url('../fonts/rouna-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rouna';
	src: url('../fonts/rouna-medium.woff2') format('woff2');
	font-weight: 500 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rouna';
	src: url('../fonts/rouna-bold.woff2') format('woff2');
	font-weight: 700 800;
	font-style: normal;
	font-display: swap;
}

/* ---------- Tokeny ---------- */

:root {
	/* Farby */
	--aba-primary: #FF6F61;
	--aba-primary-hover: #E5544A;
	--aba-primary-tint: #FFECEA;
	--aba-selected-bg: #FFF6F5;
	--aba-ink: #2B211E;
	--aba-text-2: #5C5250;
	--aba-text-3: #8A7F79;
	--aba-surface: #FAF5F0;
	--aba-canvas: #EFEAE3;
	--aba-border: #EDE5DD;
	--aba-border-2: #E3D8CC;
	--aba-border-btn: #D9CFC5;
	--aba-success: #7FA98B;
	--aba-success-bg: #F1F7F2;
	--aba-success-text: #3E6B4C;
	--aba-cream: #F7F1EA;
	--aba-cream-2: #BFB2A9;
	--aba-accent-on-dark: #FFA79D;

	/* Typografia */
	--aba-font-heading: 'Rouna', 'Instrument Sans', sans-serif;
	--aba-font-body: 'Instrument Sans', -apple-system, sans-serif;

	/* Tvary */
	--aba-radius-pill: 999px;
	--aba-radius-card: 14px;
	--aba-radius-thumb: 12px;
	--aba-radius-panel: 18px;

	/* Tiene */
	--aba-shadow-panel: 0 8px 24px rgba(43, 33, 30, 0.12);
	--aba-shadow-modal: 0 24px 64px rgba(43, 33, 30, 0.35);
}

/* ---------- Globálna typografia ---------- */

body,
body.aba-redesign {
	background: #fff;
	font-family: var(--aba-font-body);
	color: var(--aba-ink);
	font-size: 15px;
	line-height: 1.6;
}

/* !important: Razzi/Kirki generuje dynamické CSS (Mulish) s vyššou prioritou. */
body.aba-redesign h1,
body.aba-redesign h2,
body.aba-redesign h3,
body.aba-redesign h4,
body.aba-redesign .product__title,
body.aba-redesign .woocommerce-loop-product__title,
body.aba-redesign .entry-title {
	font-family: var(--aba-font-heading) !important;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--aba-ink);
}

/*
 * Farba textových odkazov. Tlačidlá (triedy s „cta", „btn", „button") sú
 * vylúčené — majú vlastnú farbu a toto pravidlo by ju prebíjalo (tmavý text
 * na koralovom tlačidle, pri hoveri koralový text na koralovom pozadí).
 */
.aba-redesign a:where(:not([class*="cta"]):not([class*="btn"]):not([class*="button"])) {
	color: var(--aba-ink);
	transition: color 0.15s ease;
}

.aba-redesign a:where(:not([class*="cta"]):not([class*="btn"]):not([class*="button"])):hover {
	color: var(--aba-primary);
}

/* ---------- Tlačidlá ---------- */

.aba-redesign .button,
.aba-redesign button[type="submit"],
.aba-redesign input[type="submit"],
.aba-redesign .single_add_to_cart_button,
.aba-redesign .checkout-button,
.aba-redesign .razzi-button {
	font-family: var(--aba-font-body);
	font-weight: 600;
	border-radius: var(--aba-radius-pill);
	background-color: var(--aba-primary);
	color: #fff;
	border: none;
	min-height: 48px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.aba-redesign .button:hover,
.aba-redesign button[type="submit"]:hover,
.aba-redesign input[type="submit"]:hover,
.aba-redesign .single_add_to_cart_button:hover,
.aba-redesign .checkout-button:hover,
.aba-redesign .razzi-button:hover {
	background-color: var(--aba-primary-hover);
	color: #fff;
}

/* Sekundárne tmavé tlačidlá */
.aba-redesign .button.alt,
.aba-redesign .button--dark {
	background-color: var(--aba-ink);
	color: var(--aba-cream);
}

.aba-redesign .button.alt:hover,
.aba-redesign .button--dark:hover {
	background-color: var(--aba-primary);
	color: #fff;
}

/* ---------- Formulárové prvky ---------- */

.aba-redesign input[type="text"],
.aba-redesign input[type="email"],
.aba-redesign input[type="tel"],
.aba-redesign input[type="password"],
.aba-redesign input[type="search"],
.aba-redesign textarea,
.aba-redesign select {
	border: 1px solid var(--aba-border-2);
	border-radius: var(--aba-radius-pill);
	font-family: var(--aba-font-body);
	color: var(--aba-ink);
}

.aba-redesign textarea {
	border-radius: var(--aba-radius-card);
}

.aba-redesign input:focus,
.aba-redesign textarea:focus,
.aba-redesign select:focus {
	border-color: var(--aba-primary);
	outline: none;
	box-shadow: 0 0 0 3px var(--aba-primary-tint);
}

/* ---------- Badge / pill ---------- */

.aba-redesign .aba-badge,
.aba-redesign .woocommerce-badge,
.aba-redesign .onsale {
	display: inline-block;
	background: var(--aba-primary);
	color: #fff;
	border-radius: var(--aba-radius-pill);
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 4px 11px;
}

/* ---------- Stavové indikátory ---------- */

.aba-redesign .stock.in-stock {
	color: var(--aba-success-text);
}

.aba-redesign .stock.in-stock::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--aba-success);
	margin-right: 6px;
	vertical-align: middle;
}