/* ============================================================
   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; }

/* ============================================================
   5) BLOG — fix kart (tytul wychodzil poza kafelek i sie ucinal,
      bo ogolna regula .section h2 podbijala go do ~38px; tu temperujemy
      z wyzsza specyficznoscia + lamiemy dlugie slowa). Style __date/__cta
      (szablon uzywa tych klas, a CSS ich nie mial). Zdjecia w tresci.
   ============================================================ */
.article-card__media { aspect-ratio: 16/10; background: #101012; }
.article-grid .article-card__title,
.article-grid .article-card__title a {
	font-size: 1.3rem !important;
	line-height: 1.25 !important;
	color: #fff !important;
	letter-spacing: -0.01em !important;
	overflow-wrap: break-word;
	text-decoration: none;
}
.article-grid .article-card__title a:hover { color: var(--c-accent) !important; }
.article-card__date { display: block; color: var(--c-accent); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin-bottom: 6px; }
.article-card__body > p { color: var(--c-text-2); font-size: .92rem; line-height: 1.55; }
.article-card__cta { display: inline-block; margin-top: 12px; color: var(--c-accent); font-weight: 700; text-decoration: none; }
.article-card__cta:hover { text-decoration: underline; }

/* Zdjecia w tresci artykulu — responsywne, zaokraglone */
.article-body img { max-width: 100%; height: auto; border-radius: 16px; display: block; }
.article-body figure { margin: 32px 0; }
.article-body figure img { width: 100%; }
.article-body figcaption { color: var(--c-text-3); font-size: .82rem; margin-top: 8px; text-align: center; }

/* ============================================================
   FIX KURSORA — natywny kursor dla WSZYSTKICH uzytkownikow.
   Motyw (style-v21/v22) chowal systemowy kursor `* { cursor: none }`
   i podmienial go na custom .cursor-dot/.cursor-ring tworzony w JS.
   Gdy custom nie powstal (wylaczone animacje w systemie / prefers-
   reduced-motion) albo nie renderowal sie na danym sprzecie, uzytkownik
   zostawal BEZ kursora (m.in. Chrome/Windows). Przywracamy natywny kursor.
   hybrid.css laduje sie po combined.css, wiec te reguly wygrywaja.
   ============================================================ */
@media (hover: hover) and (pointer: fine) {
	* { cursor: auto !important; }
	a[href], button, [role="button"], label[for], summary, select,
	input[type="submit"], input[type="button"], input[type="checkbox"],
	input[type="radio"], input[type="file"], input[type="range"],
	.btn, .btn-pill, [onclick],
	.icf-clicktip-host, .icf-search-btn, .icf-search-close,
	.icf-cookie__accept, .icf-cookie__decline, .icf-cookie__opt,
	.season-strip__item--link { cursor: pointer !important; }
	input:not([type]), input[type="text"], input[type="email"],
	input[type="tel"], input[type="number"], input[type="password"],
	input[type="search"], input[type="url"], textarea,
	[contenteditable="true"] { cursor: text !important; }
	[disabled], .is-disabled, button[disabled] { cursor: not-allowed !important; }
	/* Stary custom kursor juz niepotrzebny — chowamy go calkowicie */
	.cursor-dot, .cursor-ring { display: none !important; }
}