/*
 * BESA Astra Child — kolory, typografia i style wzorców (prefiks besa-).
 * Granat #1A1D3A, pomarańcz #EA560D (dekoracje), #C4480B (tekst i przyciski — kontrast WCAG AA), Poppins, karty 16 px.
 */

@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/poppins-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/poppins-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/poppins-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/poppins-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/poppins-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/poppins-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Kolory globalne Astry (Wygląd → Dostosuj → Kolory globalne) — nadpisane po stylach Astry. */
:root {
	--ast-global-color-0: #C4480B;  /* akcent: linki, przyciski */
	--ast-global-color-1: #9A3807;  /* akcent po najechaniu */
	--ast-global-color-2: #1A1D3A;  /* nagłówki */
	--ast-global-color-3: #212529;  /* tekst */
	--ast-global-color-4: #F5F6F9;  /* tło jasne */
	--ast-global-color-5: #FFFFFF;
	--ast-global-color-6: #EEF0F6;
	--ast-global-color-7: #E3E6ED;
	--ast-global-color-8: #5C6170;
	--besa-navy: #1A1D3A;
	--besa-orange: #EA560D;
	--besa-orange-text: #C4480B;
	--besa-orange-dark: #9A3807;
	--besa-muted: #5C6170;
	--besa-border: #E3E6ED;
	--besa-bg: #F5F6F9;
	--besa-soft: #EEF0F6;
	--besa-radius: 16px;
	--besa-font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.entry-content :where(h1, h2, h3, h4, h5, h6),
.site-title, .site-title a,
.main-header-menu .menu-link,
.ast-button, .wp-block-button__link {
	font-family: var(--besa-font-heading);
}
h1, h2, h3, h4, h5, h6 { color: var(--besa-navy); }
a { color: var(--besa-orange-text); }
a:hover, a:focus { color: var(--besa-orange-dark); }
:focus-visible { outline: 3px solid var(--besa-orange); outline-offset: 2px; }

/* Przyciski bloków (wzorce) i Astry */
.wp-block-button__link, .ast-button, .button, button.menu-toggle {
	border-radius: 6px;
}
.wp-block-button__link {
	background: var(--besa-orange-text);
	color: #FFFFFF;
	font-weight: 500;
	padding: 14px 30px;
	min-height: 52px;
	display: inline-flex;
	align-items: center;
}
.wp-block-button__link:hover, .wp-block-button__link:focus { background: var(--besa-orange-dark); color: #FFFFFF; }
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--besa-navy); border: 1px solid var(--besa-navy); }
.besa-on-dark .wp-block-button.is-style-outline > .wp-block-button__link,
.besa-hero .wp-block-button.is-style-outline > .wp-block-button__link,
.besa-cta-section .wp-block-button.is-style-outline > .wp-block-button__link { color: #FFFFFF; border-color: #FFFFFF; }

/* Sekcje wzorców */
.besa-page { background: var(--besa-bg); }
.besa-hero { background: var(--besa-navy); color: rgba(255, 255, 255, 0.86); padding: 64px 24px 72px; }
.besa-hero h1 { color: #FFFFFF; font-weight: 700; font-size: clamp(32px, 5vw, 46px); line-height: 1.18; margin-top: 0; margin-bottom: 16px; }
.besa-hero p { color: rgba(255, 255, 255, 0.86); font-size: 18px; line-height: 1.55; }
.besa-hero .besa-eyebrow { color: #FFB48F; font-family: var(--besa-font-heading); font-weight: 600; font-size: 14px; margin-top: 0; margin-bottom: 12px; }
.besa-section { padding: 48px 24px; }
.besa-section > .wp-block-heading { margin-bottom: 8px; }
.besa-section-lead { color: var(--besa-muted); max-width: 720px; }
.besa-card { background: #FFFFFF; border: 1px solid var(--besa-border); border-radius: var(--besa-radius); padding: 24px; height: 100%; }
.besa-card h3, .besa-card .wp-block-heading { font-size: 18px; font-weight: 600; margin: 0 0 8px; }
.besa-card p { color: var(--besa-muted); font-size: 15px; line-height: 1.55; margin: 0 0 8px; }
.besa-card--accent { border-color: #F3C9B3; }
.besa-card--navy { background: var(--besa-navy); border-color: var(--besa-navy); color: rgba(255, 255, 255, 0.86); }
.besa-card--navy h3, .besa-card--navy .wp-block-heading { color: #FFFFFF; }
.besa-card--navy p, .besa-card--navy li { color: rgba(255, 255, 255, 0.86); }
.besa-step-label { color: var(--besa-orange-text) !important; font-family: var(--besa-font-heading); font-weight: 600; font-size: 13px !important; margin: 0 0 6px !important; }
.besa-card ul, .besa-card ol { margin: 8px 0 0 1.1em; padding: 0; }
.besa-card li { margin: 0 0 6px; font-size: 15px; }
.besa-price { font-family: var(--besa-font-heading); font-weight: 700; font-size: 28px; color: var(--besa-navy) !important; margin: 0 !important; }
.besa-faq .wp-block-details { background: #FFFFFF; border: 1px solid var(--besa-border); border-radius: 12px; padding: 16px 20px; margin: 0 0 12px; }
.besa-faq .wp-block-details summary { font-family: var(--besa-font-heading); font-weight: 600; color: var(--besa-navy); cursor: pointer; }
.besa-faq .wp-block-details p { margin: 12px 0 0; color: #212529; }
.besa-cta-section { background: var(--besa-navy); color: rgba(255, 255, 255, 0.86); padding: 48px 24px; }
.besa-cta-section h2 { color: #FFFFFF; }
.besa-cta-section p { color: rgba(255, 255, 255, 0.86); }
.besa-osd { font-weight: 600; color: var(--besa-navy); }

.wp-block-columns.besa-cards { gap: 16px; }
@media (max-width: 781px) {
	.besa-hero { padding: 40px 16px 48px; }
	.besa-section, .besa-cta-section { padding: 32px 16px; }
}
