/* ============================================================
   ICF — warstwa nagłówka: Sklep + koszyk (ciemny motyw).
   (Eksperyment „jasny/hybryda" wycofany — motyw pozostaje ciemny.)
   ============================================================ */

.site-nav__shop { color: var(--c-text) !important; font-weight: 700; letter-spacing: .01em; }
.site-nav__shop:hover { color: var(--c-accent) !important; }
.site-nav__cart { position: relative; display: inline-flex; align-items: center; color: var(--c-text) !important; }
.site-nav__cart:hover { color: var(--c-accent) !important; }
.site-nav__phone { display: inline-flex; align-items: center; color: var(--c-text) !important; }
.site-nav__phone:hover { color: var(--c-accent) !important; }
.site-nav__cart-count {
	position: absolute; top: -8px; right: -10px;
	background: var(--c-accent); color: #fff;
	font-size: .62rem; font-weight: 800;
	min-width: 16px; height: 16px; border-radius: 9px;
	display: flex; align-items: center; justify-content: center; padding: 0 4px;
}

/* ============================================================
   POLISH wg audytu zespolu (motyw zostaje CIEMNY).
   Cel: mniej "tandetne/ciezkie/slabe graficznie" — budzet czerwieni,
   hierarchia typografii, spojny radius, koniec fejkowego social proof.
   ============================================================ */

/* 1) Fejkowy widget live-now ("5/15 wolnych", "23 osoby rezerwuja", Math.random) — ukryty */
.live-now { display: none !important; }

/* 2) Budzet czerwieni — koniec rozlanych glow/halo, neutralne cienie */
.cta-final::before, .big-quote::before, .hero-mega__eyebrow::before {
	background: var(--c-bg-deep, #060608) !important; box-shadow: none !important; filter: none !important; opacity: 1 !important;
}
.btn--primary, .btn-pill--primary, .btn--lg, .btn { box-shadow: 0 6px 20px -10px rgba(0,0,0,.7) !important; }
[class*="card"]:hover, .compare__col:hover, .bento-cell:hover, .best-card:hover, .voucher-card:hover,
.woocommerce ul.products li.product:hover {
	box-shadow: 0 16px 40px -22px rgba(0,0,0,.75) !important; border-color: rgba(255,255,255,.18) !important;
}

/* 3) Hierarchia typografii — hero i naglowki sekcji utemperowane (realny kontrast wielkosci) */
.hero-mega .hero-mega__title { font-size: clamp(2.6rem, 6.2vw, 4.6rem) !important; line-height: 1.04 !important; }
.section-title-xl { font-size: clamp(1.9rem, 3.6vw, 2.8rem) !important; }

/* 4) Radius — kanon 3 wartosci */
:root { --radius-sm: 8px; --radius: 16px; --radius-lg: 24px; }