/*
Theme Name: Tazbirek Lite
Theme URI: https://tazbirek.pl
Author: rochowski.org
Description: Lekki motyw blokowy (FSE) dla praktyki pulmonologicznej dr. n. med. Macieja Tażbirka. Jasna, przestronna estetyka medyczna: granat + błękit + morski, Manrope + Source Sans 3, sygnaturowa linia fali oddechu/polisomnogramu.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tazbirek-lite
*/

:root {
	--taz-radius: 12px;
	--taz-radius-sm: 8px;
	--taz-shadow: 0 18px 50px rgba(19, 46, 74, .10);
	--taz-shadow-sm: 0 6px 22px rgba(19, 46, 74, .08);
	--taz-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 48'%3E%3Cpath d='M0 24h150l14-14 14 14h120l10-20 12 20h240l16-10 16 10h240l12-18 14 18h240l10-12 12 12h80' fill='none' stroke='%232AA5A0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' opacity='.85'/%3E%3C/svg%3E");
}

/* Pułapka: domyślny margin-block 24px między dziećmi wp-site-blocks (biały pasek). */
.wp-site-blocks > * { margin-block: 0 !important; }

body { -webkit-font-smoothing: antialiased; }

a:focus-visible, button:focus-visible, .wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--teal);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Separator fali (oddech / zapis polisomnograficzny) */
.taz-wave { height: 48px; background: var(--taz-wave) repeat-x center / 1200px 48px; }

/* Przyciski */
.wp-block-button__link { transition: background-color .18s ease, transform .18s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.is-style-outline .wp-block-button__link,
.taz-btn--ghost {
	background: transparent; color: var(--wp--preset--color--primary);
	border: 2px solid var(--wp--preset--color--primary);
}
.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--tint); color: var(--wp--preset--color--navy); }

/* Karty ogólne */
.taz-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--taz-radius);
	box-shadow: var(--taz-shadow-sm);
	transition: box-shadow .18s ease, transform .18s ease;
}
.taz-card:hover { box-shadow: var(--taz-shadow); transform: translateY(-2px); }

/* Boks CTA w artykułach */
.taz-cta-box {
	background: var(--wp--preset--color--tint);
	border-left: 4px solid var(--wp--preset--color--teal);
	border-radius: var(--taz-radius-sm);
	padding: 1.5rem 1.75rem;
	margin-top: 2.5rem;
}
.taz-cta-box h3 { margin-top: 0; }

/* Facade YouTube */
.taz-yt { position: relative; display: block; width: 100%; aspect-ratio: 16/9; padding: 0; border: 0; border-radius: var(--taz-radius-sm); overflow: hidden; cursor: pointer; background: var(--wp--preset--color--navy); }
.taz-yt img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .92; }
.taz-yt::after {
	content: ''; position: absolute; inset: 0; margin: auto; width: 64px; height: 44px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 44'%3E%3Crect width='64' height='44' rx='10' fill='%23132E4A' opacity='.9'/%3E%3Cpath d='M26 12l16 10-16 10z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center / contain;
	transition: transform .18s ease;
}
.taz-yt:hover::after { transform: scale(1.08); }
.taz-yt__frame { width: 100%; aspect-ratio: 16/9; border: 0; border-radius: var(--taz-radius-sm); }

/* ===== HEADER ===== */
.site-header { border-bottom: 1px solid var(--wp--preset--color--border); padding-top: .9rem; padding-bottom: .9rem; background: var(--wp--preset--color--base); }
.site-brand { display: inline-flex; align-items: center; gap: .7rem; text-decoration: none; white-space: nowrap; }
.site-brand__mark { width: 40px; height: 40px; display: block; }
.site-brand__name { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 1.2rem; color: var(--wp--preset--color--navy); letter-spacing: -0.01em; }
.site-brand:hover .site-brand__name { color: var(--wp--preset--color--primary); }
.wp-block-navigation .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: .98rem; color: var(--wp--preset--color--contrast); }
.wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--primary); }
.wp-block-navigation .wp-block-navigation__submenu-container { border: 1px solid var(--wp--preset--color--border); border-radius: var(--taz-radius-sm); box-shadow: var(--taz-shadow-sm); }
.taz-header-cta .wp-block-button__link { padding: .55rem 1.2rem; }

/* ===== FOOTER ===== */
.taz-footer a { color: #cfe3f5; }
.taz-footer a:hover { color: #ffffff; }
.taz-footer .wp-block-heading { letter-spacing: .02em; }
.taz-footer-menu { list-style: none; padding-left: 0; }
.taz-footer-menu li { margin-bottom: .35rem; }
.taz-footer-copy { border-top: 1px solid rgba(255,255,255,.15); padding-top: 1.25rem; margin-top: 2rem; opacity: .75; }

/* ===== FRONT ===== */
.taz-hero { background: linear-gradient(180deg, #ffffff 0%, #f6fafc 100%); }
.taz-hero-kicker { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.taz-hero-photo img { border-radius: var(--taz-radius); box-shadow: var(--taz-shadow); }
.taz-trust p { margin: 0; }
.taz-trust strong { color: var(--wp--preset--color--navy); font-family: var(--wp--preset--font-family--display); font-size: 1.15rem; }
.taz-signature { border-top: 1px solid var(--wp--preset--color--border); padding-top: 1rem; }
.taz-cards { gap: 1.25rem; }
.taz-card--featured { border-top: 4px solid var(--wp--preset--color--teal); }
.taz-card-flag { text-transform: uppercase; letter-spacing: .06em; font-weight: 700; margin-bottom: .25rem; }
.taz-card h3 a { color: var(--wp--preset--color--navy); text-decoration: none; }
.taz-card h3 a:hover { color: var(--wp--preset--color--primary); }
.taz-ico { display: inline-block; width: 34px; height: 34px; margin-bottom: .5rem; }
.taz-ico svg { width: 100%; height: 100%; }
.taz-reviews-score { color: #FFD166; font-weight: 700; letter-spacing: .04em; }
.taz-review { border-left: 3px solid var(--wp--preset--color--teal); padding-left: 1.1rem; margin: 0; font-style: italic; }
.taz-review cite { display: block; margin-top: .6rem; font-style: normal; font-size: .85rem; opacity: .8; }
.taz-btn-onnavy .wp-block-button__link { background: var(--wp--preset--color--teal); }
.taz-btn-onnavy .wp-block-button__link:hover { background: #ffffff; color: var(--wp--preset--color--navy); }
.taz-media-thumb img { border-radius: var(--taz-radius-sm); box-shadow: var(--taz-shadow-sm); width: 100%; aspect-ratio: 16/9; object-fit: cover; }
@media (max-width: 781px) {
	.taz-hero .wp-block-columns { flex-direction: column-reverse; }
	.taz-hero-photo img { max-width: 320px; margin: 0 auto; display: block; }
}

/* ===== LAYOUT FIX (impeccable 2026-07-28) ===== */
/* Siatka schorzen: 5 kart w auto-fill dawalo sierote (4+1). Na desktopie
   swiadome 3 kolumny, karta glownej specjalizacji zajmuje 2 — hierarchia
   zamiast monotonnej siatki. Podwojna klasa: wygrywa z pozniejszym
   inline-stylem layoutu wp-container bez !important. */
@media (min-width: 782px) {
	.taz-cards.taz-cards { grid-template-columns: repeat(3, 1fr); }
	.taz-card--featured { grid-column: span 2; }
}

/* ===== O MNIE ===== */
.taz-timeline { list-style: none; padding-left: 0; border-left: 3px solid var(--wp--preset--color--teal); }
.taz-timeline li { padding: .4rem 0 .4rem 1.25rem; position: relative; }
.taz-timeline li::before { content: ''; position: absolute; left: -8px; top: 1rem; width: 13px; height: 13px; border-radius: 50%; background: var(--wp--preset--color--base); border: 3px solid var(--wp--preset--color--primary); }
.taz-timeline strong { color: var(--wp--preset--color--navy); }
.taz-cert img { border: 1px solid var(--wp--preset--color--border); border-radius: var(--taz-radius-sm); box-shadow: var(--taz-shadow-sm); max-width: min(560px, 100%); height: auto; }

/* ===== W MEDIACH ===== */
.taz-archive li { padding: .35rem 0; border-bottom: 1px dashed var(--wp--preset--color--border); }
.taz-archive strong { color: var(--wp--preset--color--teal); font-family: var(--wp--preset--font-family--display); }
.taz-audio { margin: 1.5rem 0 0; }
.taz-audio audio { width: 100%; max-width: 560px; display: block; margin-top: .4rem; }

/* ===== KONTAKT ===== */
.taz-map img { border-radius: var(--taz-radius-sm); border: 1px solid var(--wp--preset--color--border); width: 100%; }

/* ===== LOGO ===== */
.taz-footer-logo { width: 32px; height: 32px; display: block; margin-bottom: .6rem; opacity: .9; }

/* ===== ARTICLE HERO + PAGE HEAD ===== */
.taz-article-hero .wp-block-post-title { margin-top: .35rem; }
.taz-article-back a { color: var(--wp--preset--color--teal); text-decoration: none; font-weight: 600; }
.taz-article-back a:hover { text-decoration: underline; }
.taz-article-illu img { border-radius: var(--taz-radius); box-shadow: var(--taz-shadow-sm); width: 100%; height: auto; }
.taz-page-head .wp-block-post-title { max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto; }
@media (max-width: 781px) {
	.taz-article-hero .wp-block-columns { flex-direction: column-reverse; }
	.taz-article-illu img { max-width: 340px; margin: 0 auto; display: block; }
}

/* ===== TAZ-BOX + INLINE ILLU ===== */
.taz-box { background: var(--wp--preset--color--tint); border-radius: var(--taz-radius-sm); padding: 1.25rem 1.5rem; }
.taz-box ul { margin: 0; }
.taz-article-inline img { border-radius: var(--taz-radius-sm); box-shadow: var(--taz-shadow-sm); }