/* ============================================================
   TCR PRO SKIN — 01 · foundation (defensive, typografia, header, przyciski)
   Część motywu (Lumoria dark). Kolejność plików = kaskada;
   ładowane jawnie w inc/enqueue.php (skin → utilities na końcu).
   NIE zmieniać kolejności bez re-audytu wizualnego.
   ============================================================ */

/* ── 0. DEFENSIVE ────────────────────────────────────────── */
html, body { overflow-x: clip; }
body { background: var(--c-bg); }
h1, h2, h3, h4, .iab-media-card__title { overflow-wrap: break-word; }
.iab-grid > *, .iab-media-grid > *, .iab-hero__inner--split > * { min-width: 0; }
.iab-flow-cta { flex-wrap: wrap; }
img { border-radius: 0; }

/* ── 1. TYPOGRAFIA — Josefin 600 Capitalize ──────────────── */
h1, h2, h3, h4 { font-weight: var(--fw-display); letter-spacing: 0; text-transform: capitalize; color: var(--c-ink); }
.iab-section-head { max-width: none; }
.iab-section-head h1, .iab-section-head h2 { font-size: var(--text-xl); line-height: 1.2; max-width: 22ch; margin-top: var(--sp-4); }
.iab-section-head h1::after, .iab-section-head h2::after { content: none; }
.iab-section-head p { max-width: 54ch; color: var(--c-ink-soft); font-size: var(--text-base); text-transform: none; }
/* Kicker Lumoria: złota kropka + CAPS z odstępem */
.iab-eyebrow {
	font-family: var(--font-display);
	font-weight: var(--fw-medium);
	font-size: var(--text-xs);
	letter-spacing: var(--ls-mono);
	text-transform: uppercase;
	color: var(--c-brand);
	display: inline-flex;
	align-items: center;
	gap: var(--sp-2);
	width: auto;
}
.iab-eyebrow::before { content: none; } /* kropka usunięta globalnie (decyzja klienta) */
.iab-eyebrow::after { content: none; }

/* ── 2. HEADER — ciemny bar + złoty pill CTA ─────────────── */
.iab-header { background: rgba(20, 19, 18, 0.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--c-line); }
.iab-header.is-scrolled { height: var(--header-h); background: rgba(20, 19, 18, 0.98); box-shadow: var(--shadow-card); border-bottom: 1px solid var(--c-line); }
.iab-header.is-scrolled .iab-header__inner { max-width: var(--container); margin: 0 auto; height: 100%; padding-inline: var(--sp-6); background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.iab-header__inner { padding-inline: var(--sp-6); }
.iab-header .iab-menu__link, .iab-header .iab-header__title { color: var(--c-ink); font-family: var(--font-body); font-weight: var(--fw-regular); font-size: var(--text-sm); letter-spacing: 0.01em; }
.iab-header .iab-menu__link:hover { color: var(--c-brand); }
.iab-menu__link::after { content: none; }
.iab-header__logo, .iab-header .iab-header__brand img { filter: none; max-height: 40px; } /* białe logo klienta wraca */
@media (min-width: 1024px) {
	.iab-header__actions { position: static; }
	.iab-header .iab-header__cta { position: static; height: auto; min-height: 44px; border-radius: var(--radius-pill); padding: 12px 26px; margin: 0; }
	.iab-header .iab-header__inner, .iab-header.is-scrolled .iab-header__inner { padding-right: var(--sp-6); }
}
@media (max-width: 1023px) {
	.iab-header__phone { white-space: nowrap; }
	.iab-header__phone .iab-header__phone-num { display: none; } /* mobile: sama ikona, numer w topbar/FAB */
	.iab-burger { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; margin-right: calc(-1 * var(--sp-2)); }
}
.iab-burger span { background: var(--c-ink); }
.iab-header__actions { margin-left: auto; }

/* ── 3. PRZYCISKI — złote pigułki (Lumoria) ──────────────── */
.iab-btn {
	border-radius: var(--radius-pill);
	font-family: var(--font-display);
	font-weight: var(--fw-medium);
	font-size: var(--text-sm);
	letter-spacing: 0.02em;
	text-transform: capitalize;
	min-height: 48px;
	padding: 13px 28px;
	transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}
.iab-btn--primary { background: var(--c-brand); border: 1px solid var(--c-brand); color: var(--c-on-brand); }
.iab-btn--primary:hover { background: #fff; border-color: #fff; color: #161616; transform: translateY(-1px); }
.iab-btn--secondary { background: transparent; border: 1px solid rgba(255, 255, 255, 0.35); color: var(--c-ink); }
.iab-btn--secondary:hover { background: #fff; color: #161616; border-color: #fff; }
.iab-btn:active { transform: none; }
.iab-btn svg { transition: transform var(--dur-fast) var(--ease); }
.iab-btn:hover svg { transform: translateX(3px); }
/* Tekstowy CTA — złoty z podkreśleniem */
.iab-textlink {
	display: inline-flex; align-items: center; gap: var(--sp-2);
	font-family: var(--font-display);
	font-weight: var(--fw-medium);
	font-size: var(--text-sm);
	letter-spacing: 0.02em;
	text-transform: capitalize;
	color: var(--c-brand);
	text-decoration: none;
	border-bottom: 1px solid var(--c-brand);
	padding-bottom: 2px;
	transition: opacity var(--dur-fast) var(--ease);
}
.iab-textlink:hover { opacity: 0.75; }
.iab-textlink svg { transition: transform var(--dur-fast) var(--ease); }
.iab-textlink:hover svg { transform: translateX(3px); }