/*
Theme Name: TREJKA Prime Bricks
Theme URI: https://trejka.com
Template: bricks
Author: TREJKA
Author URI: https://trejka.com
Description: TREJKA Prime dla Bricks Builder: loader modułów, panel modułów i 20 natywnych elementów sekcji przeniesionych z motywu TREJKA Prime (Blocksy child).
Version: 1.10.0
Text Domain: blocksy-child
Domain Path: /languages
*/

/* =========================================================================
   Styl globalny według trejka.trejka.dev
   ========================================================================= */

/* Figtree 600 i 700 z plików motywu (bez połączenia z Google Fonts). */
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(assets/fonts/figtree-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: 'Figtree';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(assets/fonts/figtree-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: 'Figtree';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(assets/fonts/figtree-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;
}
@font-face {
	font-family: 'Figtree';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(assets/fonts/figtree-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;
}

:root {
	--theme-palette-color-1: #bc0000;
	--theme-palette-color-2: #1A1A18;
	--theme-palette-color-3: #404040;
	--theme-palette-color-4: #1A1A18;
	--theme-palette-color-5: #666;
	--theme-palette-color-6: #eaeaea;
	--theme-palette-color-7: #FEFAF7;
	--theme-palette-color-8: #ffffff;

	--trejka-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--trejka-font-headings: 'Figtree', sans-serif;
	--trejka-accent: var(--theme-palette-color-1);
	--trejka-max: 1290px;
}

body {
	font-family: var(--trejka-font-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
	color: var(--theme-palette-color-3);
	background-color: var(--theme-palette-color-8);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--trejka-font-headings);
	font-weight: 600;
	color: var(--theme-palette-color-4);
}
h1 { font-size: 32px; line-height: 1.2; }
h2 { font-size: 26px; line-height: 1.2; }
h3 { font-size: 22px; line-height: 1.2; }
h4 { font-size: 20px; line-height: 1.5; }
h5 { font-size: 18px; line-height: 1.5; }
h6 { font-size: 16px; line-height: 1.5; }

/* Linki w treści (menu i przyciski mają własne kolory). */
:where(.brxe-post-content, .brxe-text, .brxe-post-excerpt) a { color: var(--theme-palette-color-1); }
:where(.brxe-post-content, .brxe-text, .brxe-post-excerpt) a:hover { color: var(--theme-palette-color-2); }

/* Szerokość kontenera Bricks: pełna szerokość, najwyżej 1290 px.
   Węższy kontener (np. CTA 780 px) ustawiasz w Bricks jako maks. szerokość. */
.brxe-container { width: 100%; max-width: var(--trejka-max); }

/* Przyciski Bricks. */
.bricks-button { border-radius: 6px; font-weight: 500; }
.bricks-button.bricks-background-primary { background-color: var(--theme-palette-color-1); color: var(--theme-palette-color-8); }
.bricks-button.bricks-background-primary:hover { background-color: var(--theme-palette-color-2); }

/* Stopka: kolumny z menu rozwijane na telefonie (skrypt w functions.php). */
@media (max-width: 767px) {
	.trejka-stopka-kol { border-bottom: 1px solid rgba(255, 255, 255, 0.15); row-gap: 0 !important; }
	.trejka-stopka-kol > :first-child { position: relative; padding: 14px 32px 14px 0; cursor: pointer; user-select: none; }
	.trejka-stopka-kol > :first-child::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 1; color: var(--theme-palette-color-1); }
	.trejka-stopka-kol.is-open > :first-child::after { content: "\2212"; }
	.trejka-stopka-kol > :first-child:focus-visible { outline: 2px solid var(--theme-palette-color-1); outline-offset: 2px; }
	.trejka-stopka-kol > :not(:first-child) { display: none; }
	.trejka-stopka-kol.is-open > :not(:first-child) { display: block; padding-bottom: 16px; }
}

/* Własny CSS dopisuj poniżej. */

/* Przycisk „na górę” (skrypt w functions.php). */
.trejka-na-gore { position: fixed; right: 25px; bottom: 25px; z-index: 999; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 3px; background: #3a3a3a; color: #fff; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .2s, transform .2s, visibility .2s, background-color .15s; }
.trejka-na-gore.is-widoczny { opacity: 1; visibility: visible; transform: none; }
.trejka-na-gore:hover, .trejka-na-gore:focus-visible { background: var(--theme-palette-color-1); color: #fff; }
.trejka-na-gore:focus-visible { outline: 2px solid var(--theme-palette-color-1); outline-offset: 3px; }
@media (max-width: 767px) { .trejka-na-gore { right: 16px; bottom: 16px; width: 40px; height: 40px; } }
@media (prefers-reduced-motion: reduce) { .trejka-na-gore { transition: none; } }

/* Status „czy teraz odbieramy” (skrypt w functions.php). */
.trejka-status { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 12.5px; font-weight: 600; line-height: 1.3; }
.trejka-status__kropka { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #b9b4b3; }
.trejka-status.is-teraz .trejka-status__kropka { background: #3ddc84; animation: trejka-puls 2s infinite; }
.trejka-status.is-czasem .trejka-status__kropka { background: #ffb547; }
@keyframes trejka-puls { 0% { box-shadow: 0 0 0 0 rgba(61, 220, 132, 0.55); } 70% { box-shadow: 0 0 0 8px rgba(61, 220, 132, 0); } 100% { box-shadow: 0 0 0 0 rgba(61, 220, 132, 0); } }
@media (prefers-reduced-motion: reduce) { .trejka-status.is-teraz .trejka-status__kropka { animation: none; } }

/* Zakładki .trejka-zakladki (skrypt w functions.php). Przed uruchomieniem skryptu widać tylko pierwszy panel. */
.trejka-zakladki:not(.is-gotowe) .trejka-zakladki__panel ~ .trejka-zakladki__panel,
.trejka-zakladki__panel[hidden] { display: none !important; }
.trejka-zakladki__nav { display: flex; flex-wrap: wrap; gap: 8px; scroll-margin-top: 110px; }
.trejka-zakladki__tab { appearance: none; -webkit-appearance: none; min-height: 40px; padding: 8px 16px; border: 1px solid #e8dedb; border-radius: 999px; background: #fff; color: #404040; font: inherit; font-size: 14px; font-weight: 600; line-height: 1.3; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.trejka-zakladki__tab:hover { border-color: var(--theme-palette-color-1); color: var(--theme-palette-color-1); }
.trejka-zakladki__tab.is-active { border-color: var(--theme-palette-color-1); background: var(--theme-palette-color-1); color: #fff; }
.trejka-zakladki__tab:focus-visible { outline: 2px solid var(--theme-palette-color-1); outline-offset: 2px; }
@media (max-width: 767px) {
	.trejka-zakladki__nav { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 2px 16px 6px; scrollbar-width: none; }
	.trejka-zakladki__nav::-webkit-scrollbar { display: none; }
	.trejka-zakladki__tab { flex: none; white-space: nowrap; }
}

/* Element „Karta kontaktu (TREJKA)” (.trejka-kk), dane w trejka_kontakt_dane(). */
.trejka-kk { display: flex; flex-direction: column; width: 100%; border-radius: 16px; }
.trejka-kk__gora { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
.trejka-kk__awatary { display: flex; }
.trejka-kk__awatar { width: 58px; height: 58px; border: 2px solid #fff; border-radius: 50%; object-fit: cover; }
.trejka-kk__awatar + .trejka-kk__awatar { margin-left: -14px; }
.trejka-kk__etykieta { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.trejka-kk__tytul { margin: 4px 0 0; font-family: Figtree, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.3; }
.trejka-kk__tekst { margin: 6px 0 0; font-size: 14.5px; line-height: 1.6; }
.trejka-kk__numer { font-family: Figtree, sans-serif; font-weight: 700; line-height: 1.15; }
.trejka-kk__godziny { margin-top: 6px; font-size: 14px; line-height: 1.5; }
.trejka-kk__mail { margin-top: 18px; padding-top: 16px; border-top: 1px solid; font-size: 14px; line-height: 1.5; }
.trejka-kk__mail a { text-decoration: underline; text-underline-offset: 3px; }
.trejka-kk__przycisk { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; margin-top: 18px; padding: 10px 18px; border-radius: 8px; background: var(--theme-palette-color-1); color: #fff; font-size: 15px; font-weight: 700; text-align: center; transition: background .2s; }
.trejka-kk__przycisk:hover { background: var(--theme-palette-color-2); color: #fff; }

/* Wariant ciemny: półprzezroczysta karta na ciemnym albo czerwonym tle. */
.trejka-kk--ciemny { padding: 28px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .07); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; }
.trejka-kk--ciemny .trejka-kk__gora { margin-bottom: 20px; }
.trejka-kk--ciemny .trejka-kk__etykieta { color: rgba(255, 255, 255, .65); }
.trejka-kk--ciemny .trejka-kk__tytul { color: #fff; }
.trejka-kk--ciemny .trejka-kk__tekst,
.trejka-kk--ciemny .trejka-kk__godziny,
.trejka-kk--ciemny .trejka-kk__mail { color: rgba(255, 255, 255, .75); }
.trejka-kk--ciemny .trejka-kk__numer { margin-top: 14px; font-size: 30px; }
.trejka-kk--ciemny .trejka-kk__numer a,
.trejka-kk--ciemny .trejka-kk__mail a { color: #fff; }
.trejka-kk--ciemny .trejka-kk__numer a:hover { color: #ffb3b3; }
.trejka-kk--ciemny .trejka-kk__mail { border-color: rgba(255, 255, 255, .14); }

/* Wariant jasny: panel boczny wpisów i archiwów. */
.trejka-kk--jasny { padding: 24px; border: 1px solid #f1e3e1; background: #fff8f7; color: #1a1a1a; }
.trejka-kk--jasny .trejka-kk__awatar { width: 52px; height: 52px; margin-left: 0; box-shadow: 0 2px 6px rgba(26, 26, 24, .12); }
.trejka-kk--jasny .trejka-kk__awatar + .trejka-kk__awatar { margin-left: -12px; }
.trejka-kk--jasny .trejka-status { border: 1px solid #eee7e6; background: #fff; color: #1a1a1a; }
.trejka-kk--jasny .trejka-kk__etykieta { margin-top: 18px; color: var(--theme-palette-color-1); }
.trejka-kk--jasny .trejka-kk__etykieta + .trejka-kk__tytul { margin-top: 4px; }
.trejka-kk--jasny .trejka-kk__tytul { margin-top: 18px; color: var(--theme-palette-color-4); }
.trejka-kk--jasny .trejka-kk__tekst,
.trejka-kk--jasny .trejka-kk__mail { color: #6b6564; }
.trejka-kk--jasny .trejka-kk__numer { margin-top: 16px; font-size: 22px; }
.trejka-kk--jasny .trejka-kk__numer a,
.trejka-kk--jasny .trejka-kk__mail a { color: #1a1a1a; }
.trejka-kk--jasny .trejka-kk__numer a:hover { color: var(--theme-palette-color-1); }
.trejka-kk--jasny .trejka-kk__godziny { margin-top: 4px; color: #8a8382; font-size: 13px; }
.trejka-kk--jasny .trejka-kk__mail { margin-top: 14px; padding-top: 12px; border-color: #f1e3e1; font-size: 13.5px; }

/* Nagłówek z kartą po prawej: klasa na kontenerze sekcji, treść w bloku __lewa. */
.brxe-container.trejka-hero-z-karta { flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 32px 72px; }
.brxe-block.trejka-hero-z-karta__lewa { flex: 1 1 auto; width: auto; min-width: 0; }
.trejka-hero-z-karta > .brxe-trejka-karta-kontaktu { flex: 0 0 380px; width: 380px; }
@media (max-width: 991px) {
	.brxe-container.trejka-hero-z-karta { flex-direction: column; align-items: flex-start; }
	.brxe-block.trejka-hero-z-karta__lewa { width: 100%; }
	.trejka-hero-z-karta > .brxe-trejka-karta-kontaktu { flex: none; width: 100%; max-width: 460px; }
}
@media (max-width: 478px) {
	.trejka-kk--ciemny { padding: 22px; }
	.trejka-kk--ciemny .trejka-kk__numer { font-size: 26px; }
}

/* Archiwum: opis kategorii pod tytułem i link „Czytaj dalej” w karcie (cała karta jest linkiem). */
.trejka-archiwum-opis { max-width: 720px; margin: -26px 0 36px; color: #6b6564; font-size: 15px; line-height: 1.65; }
.trejka-archiwum-opis p { margin: 0; }
.trejka-archiwum-opis:empty { display: none; }
.trejka-karta-hover__wiecej { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; color: var(--theme-palette-color-1); font-size: 14px; font-weight: 600; line-height: 1.4; }
.trejka-karta-hover__strzalka { display: inline-block; transition: transform .2s ease; }
.trejka-karta-hover:hover .trejka-karta-hover__strzalka { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) { .trejka-karta-hover__strzalka { transition: none; } }

/* Menu mobilne: jasny panel, logo na górze, pozycje 14 px z liniami, szybki kontakt na dole (fragmenty z functions.php). */
.brxe-nav-menu .bricks-mobile-menu-wrapper.trejka-mm { width: min(340px, 88vw); color: #1a1a1a; box-shadow: 0 0 40px rgba(26, 26, 24, .18); overflow-y: auto; }
.brxe-nav-menu .bricks-mobile-menu-wrapper.trejka-mm::before { background-color: #fff; }
.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-overlay { background-color: rgba(26, 26, 24, .45); }
.brxe-nav-menu.show-mobile-menu:has(.trejka-mm) .bricks-mobile-menu-toggle { visibility: hidden; }
.trejka-mm__gora { display: flex; flex: none; justify-content: space-between; align-items: center; padding: 16px 16px 16px 24px; border-bottom: 1px solid #eee7e6; }
.trejka-mm__logo { display: flex; align-items: center; gap: 10px; color: #1a1a1a; font-family: Figtree, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: .02em; }
.trejka-mm__logo-img { width: 36px; height: 36px; border-radius: 50%; }
.trejka-mm__zamknij { position: relative; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #f6f3f2; cursor: pointer; }
.trejka-mm__zamknij span { position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin: -1px 0 0 -9px; background: #1a1a1a; transform: rotate(45deg); }
.trejka-mm__zamknij span + span { transform: rotate(-45deg); }
.trejka-mm__zamknij { order: 2; }
.trejka-mm a:focus-visible, .trejka-mm button:focus-visible { outline: 2px solid var(--theme-palette-color-1); outline-offset: 2px; }
.trejka-mm .bricks-mobile-menu { flex: none; padding: 8px 0; }
.trejka-mm .bricks-mobile-menu > li { border-bottom: 1px solid #f1ecea; }
.trejka-mm .bricks-mobile-menu > li:last-child { border-bottom: 0; }
.trejka-mm .bricks-mobile-menu li a { display: flex; align-items: center; min-height: 48px; padding: 0 24px; color: #1a1a1a; font-size: 14px; font-weight: 500; line-height: 1.4; }
.trejka-mm .bricks-mobile-menu li a:hover,
.trejka-mm .bricks-mobile-menu .current-menu-item > a,
.trejka-mm .bricks-mobile-menu .current-menu-ancestor > .brx-submenu-toggle > a { color: var(--theme-palette-color-1); }
.trejka-mm .bricks-mobile-menu > .current-menu-item > a { box-shadow: inset 3px 0 0 var(--theme-palette-color-1); }
.trejka-mm .brx-submenu-toggle { display: flex; justify-content: space-between; align-items: center; }
.trejka-mm .brx-submenu-toggle > a { flex: 1; }
.trejka-mm .brx-submenu-toggle button { width: 48px; height: 48px; color: #6b6564; }
.trejka-mm .bricks-mobile-menu .sub-menu { padding: 0 0 8px; background: #fbf8f7; }
.trejka-mm .bricks-mobile-menu .sub-menu li a { min-height: 42px; padding-left: 40px; color: #4a4544; font-weight: 400; }
.trejka-mm__dol { flex: none; margin: auto 16px 16px; padding: 20px; border: 1px solid #f1e3e1; border-radius: 14px; background: #fff8f7; }
.trejka-mm__naglowek { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; }
.trejka-mm__etykieta { color: var(--theme-palette-color-1); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.trejka-mm .trejka-status { padding: 4px 10px; border: 1px solid #eee7e6; background: #fff; color: #1a1a1a; font-size: 12px; }
.trejka-mm__numer { display: block; margin-top: 12px; color: #1a1a1a; font-family: Figtree, sans-serif; font-size: 22px; font-weight: 700; line-height: 1.2; }
.trejka-mm__godziny { margin-top: 4px; color: #8a8382; font-size: 12.5px; line-height: 1.5; }
.trejka-mm__przyciski { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.trejka-mm__btn { display: flex; justify-content: center; align-items: center; min-height: 44px; padding: 8px 10px; border: 1px solid #e6dcda; border-radius: 8px; background: #fff; color: #1a1a1a; font-size: 14px; font-weight: 600; text-align: center; }
.trejka-mm__btn--glowny { border-color: var(--theme-palette-color-1); background: var(--theme-palette-color-1); color: #fff; }
.trejka-mm__btn--glowny:hover { background: var(--theme-palette-color-2); color: #fff; }
.trejka-mm__wspolpraca { display: block; margin-top: 14px; color: var(--theme-palette-color-1); font-size: 14px; font-weight: 600; text-align: center; }

/* Cennik z wtyczki TREJKA Calculator: przy 5 planach 4 karty w rzędzie, piąta szeroka pod spodem (od 1100 px). */
@media (min-width: 1100px) {
	.tpc-pricing-cards.tpc-pricing-cards-cols-5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.tpc-pricing-cards-cols-5 > .tpc-pricing-card:nth-child(5) { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1.1fr) minmax(150px, auto) minmax(0, 2fr) 220px; grid-template-rows: auto auto; column-gap: 32px; align-items: center; }
	.tpc-pricing-cards-cols-5 > .tpc-pricing-card:nth-child(5) .tpc-pricing-card-header { grid-column: 1; grid-row: 1 / span 2; margin: 0; }
	.tpc-pricing-cards-cols-5 > .tpc-pricing-card:nth-child(5) .tpc-pricing-card-price { grid-column: 2; grid-row: 1 / span 2; margin: 0; padding: 0; border: 0; }
	.tpc-pricing-cards-cols-5 > .tpc-pricing-card:nth-child(5) .tpc-pricing-card-features { display: grid; grid-column: 3; grid-row: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 24px; margin: 0; padding: 0; border: 0; }
	.tpc-pricing-cards-cols-5 > .tpc-pricing-card:nth-child(5) .tpc-pricing-card-features > li { margin: 0; }
	.tpc-pricing-cards-cols-5 > .tpc-pricing-card:nth-child(5) .tpc-pricing-card-more { grid-column: 3; grid-row: 2; justify-self: start; margin: 8px 0 0; }
	.tpc-pricing-cards-cols-5 > .tpc-pricing-card:nth-child(5) .tpc-pricing-card-cta-wrap { grid-column: 4; grid-row: 1 / span 2; margin: 0; padding: 0; }
}
/* Sekcja cennika w Bricks (klasa .trejka-cennik): wtyczka zajmuje całą szerokość kontenera. */
.trejka-cennik .tpc-pricing-wrap,
.trejka-cennik .tpc-form-builder { width: 100%; max-width: none; }

/* Dokumenty: informacje pod tytułem, lista w panelu bocznym, karty w archiwum. */
.trejka-dok-info { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; width: 100%; margin-bottom: 32px; padding: 16px 20px; border: 1px solid #f1e3e1; border-radius: 12px; background: #fff8f7; }
.trejka-dok-info__daty { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 4px 24px; color: #6b6564; font-size: 14px; line-height: 1.5; }
.trejka-dok-info__daty strong { color: #1a1a1a; font-weight: 600; }
.trejka-dok-info__pdf,
.trejka-dok-info__druk { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid #e6dcda; border-radius: 8px; background: #fff; color: #1a1a1a; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.trejka-dok-info__pdf { border-color: var(--theme-palette-color-1); background: var(--theme-palette-color-1); color: #fff; }
.trejka-dok-info__pdf:hover { background: var(--theme-palette-color-2); color: #fff; }
.trejka-dok-info__druk:hover { border-color: var(--theme-palette-color-1); color: var(--theme-palette-color-1); }
.trejka-dok-lista { width: 100%; }
.trejka-dok-lista ul { margin: 0; padding: 0; list-style: none; border: 1px solid #ececec; border-radius: 4px; }
.trejka-dok-lista li { margin: 0; border-bottom: 1px solid #ececec; }
.trejka-dok-lista li:last-child { border-bottom: 0; }
.trejka-dok-lista a { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; color: #404040; font-size: 14px; line-height: 1.45; }
.trejka-dok-lista a:hover { color: var(--theme-palette-color-1); }
.trejka-dok-lista .trejka-dok__ikona { flex: none; margin-top: -1px; color: #b0a9a8; }
.trejka-dok-lista .is-biezacy a { background: #f6f3f2; color: var(--theme-palette-color-1); font-weight: 600; box-shadow: inset 3px 0 0 var(--theme-palette-color-1); }
.trejka-dok-lista .is-biezacy .trejka-dok__ikona { color: var(--theme-palette-color-1); }
.trejka-dok-karty { display: grid; gap: 16px; width: 100%; }
.trejka-dok-karta { position: relative; display: flex; align-items: flex-start; gap: 16px; padding: 24px; border: 1px solid #ececec; border-radius: 12px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.trejka-dok-karta:hover { border-color: #e6d3d0; box-shadow: 0 12px 30px rgba(26, 26, 24, .07); transform: translateY(-2px); }
.trejka-dok-karta .trejka-dok__ikona { flex: none; width: 40px; height: 40px; padding: 9px; border-radius: 10px; background: #fbeeee; color: var(--theme-palette-color-1); }
.trejka-dok-karta__tresc { flex: 1 1 auto; min-width: 0; }
.trejka-dok-karta__tytul { margin: 0 0 6px; font-size: 18px; line-height: 1.35; }
.trejka-dok-karta__tytul a { color: var(--theme-palette-color-4); }
.trejka-dok-karta__tytul a::after { content: ""; position: absolute; inset: 0; }
.trejka-dok-karta:hover .trejka-dok-karta__tytul a { color: var(--theme-palette-color-1); }
.trejka-dok-karta__opis { margin: 0 0 8px; color: #6b6564; font-size: 14.5px; line-height: 1.6; }
.trejka-dok-karta__data { color: #8a8382; font-size: 13px; }
.trejka-dok-karta__strzalka { flex: none; align-self: center; color: var(--theme-palette-color-1); font-size: 18px; transition: transform .2s ease; }
.trejka-dok-karta:hover .trejka-dok-karta__strzalka { transform: translateX(4px); }
.trejka-dok-pusto { color: #6b6564; }
@media (prefers-reduced-motion: reduce) { .trejka-dok-karta, .trejka-dok-karta__strzalka { transition: none; } .trejka-dok-karta:hover { transform: none; } }
@media print {
	#brx-header, #brx-footer, .trejka-dok-panel, .trejka-dok-info__pdf, .trejka-dok-info__druk, .trejka-na-gore { display: none !important; }
	.trejka-dok-siatka { display: block !important; }
}

/* Kategorie (akordeon), tryb „gałąź”: pozycja „Wszystkie” i linki do innych kategorii głównych. */
.trejka-kat__item--wszystkie .trejka-kat__head { padding-left: 39px; }
.trejka-kat__inne { margin: 12px 0 0; color: #8a8382; font-size: 13px; line-height: 1.6; }
.trejka-kat__inne a { color: var(--theme-palette-color-3, #404040); text-decoration: underline; text-underline-offset: 3px; }
.trejka-kat__inne a:hover { color: var(--theme-palette-color-1, #bc0000); }

/* Karty w archiwach (klasa .trejka-karta-hover na karcie pętli): efekt po najechaniu, cała karta klikalna. */
.trejka-karta-hover { position: relative; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.trejka-karta-hover:hover,
.trejka-karta-hover:focus-within { transform: translateY(-4px); border-color: #f1d6d3 !important; box-shadow: 0 16px 34px rgba(26, 26, 24, 0.08); }
.trejka-karta-hover .brxe-image { overflow: hidden; }
.trejka-karta-hover img { transition: transform .4s ease; }
.trejka-karta-hover:hover img { transform: scale(1.04); }
.trejka-karta-hover .brxe-heading,
.trejka-karta-hover .brxe-heading a { transition: color .15s ease; }
.trejka-karta-hover:hover .brxe-heading,
.trejka-karta-hover:hover .brxe-heading a { color: var(--theme-palette-color-1) !important; }
.trejka-karta-hover a.brxe-heading::after,
.trejka-karta-hover .brxe-heading a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.trejka-karta-hover .brxe-button,
.trejka-karta-hover .brxe-text-link { position: relative; z-index: 2; }
@media (prefers-reduced-motion: reduce) {
	.trejka-karta-hover, .trejka-karta-hover img { transition: none; }
	.trejka-karta-hover:hover, .trejka-karta-hover:focus-within, .trejka-karta-hover:hover img { transform: none; }
}