/* WA – wspólne wzorce zwykłych podstron (body.wa-page), wzięte ze strony głównej i z /kawiarnia v2.
   Kolory motywu/strony głównej: #0a0a0a pasy, #fff obwódka kart (2px, r 15px), #37281c nagłówki, #86807c tekst szary,
   #a3978d nadtytuł, #cecece tekst jasny na czarnym, #c80000 akcent, #e5e5e5 linie, #f3ede8 jasne tło.
   Fonty: Roboto Condensed (nagłówki), Monda (tekst) – ładowane przez motyw. Nic globalnego: każda reguła pod body.wa-page. */

/* ---------- nagłówek strony (trx_sc_title jak „NASZE PAKIETY”) ---------- */
/* opcja strony remove_margins zdejmuje margines motywu pod nagłówkiem – zostaje zwarty odstęp */
body.wa-page .wa-head { padding-top: 44px; padding-bottom: 40px; }
body.wa-page .wa-head .wpb_content_element,
body.wa-page .wa-head .sc_title { margin-bottom: 0; }
body.wa-page .wa-head .sc_item_descr { max-width: 640px; margin: 12px auto 0; text-align: center; color: #86807c; }
/* trx_addons: h1.sc_item_title_tag + .sc_item_descr ma margin-top z !important */
body.wa-page .wa-head h1.sc_item_title + .sc_item_descr { margin-top: 12px !important; }
body.wa-page .wa-head .sc_item_descr p { margin: 0; }
body.wa-page .wa-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 26px; }
/* drugi przycisk: obrys w kolorze nagłówków (#37281c), po najechaniu wypełniony */
body.wa-page .wa-btns a.sc_button.wa-btn-alt { background: transparent !important; color: #37281c !important; box-shadow: inset 0 0 0 2px #37281c; }
body.wa-page .wa-btns a.sc_button.wa-btn-alt .sc_button_icon,
body.wa-page .wa-btns a.sc_button.wa-btn-alt .sc_button_title { color: inherit !important; }
body.wa-page .wa-btns a.sc_button.wa-btn-alt:hover,
body.wa-page .wa-btns a.sc_button.wa-btn-alt:focus { background: #37281c !important; color: #fff !important; }
body.wa-page .wa-pas .wa-btns a.sc_button.wa-btn-alt { color: #fff !important; box-shadow: inset 0 0 0 2px #fff; }
body.wa-page .wa-btns a.sc_button { margin: 0 !important; }
body.wa-page .wa-btns .sc_item_button,
body.wa-page .wa-btns .sc_button_wrap { margin: 0 !important; }

/* ---------- nagłówki sekcji (trx_sc_title h2) ---------- */
body.wa-page .wa-sec-t .sc_item_title { margin-bottom: 0; }
/* motyw dzieli wyrazy w nagłówkach (hyphens:auto) – na tych stronach bez dzielenia */
body.wa-page h1, body.wa-page h2, body.wa-page h3 { -webkit-hyphens: manual; hyphens: manual; overflow-wrap: normal; word-break: normal; }
body.wa-page .wa-sec-t h2.sc_item_title + .sc_item_descr { margin-top: 12px !important; }
body.wa-page .wa-sec-t .sc_item_descr { max-width: 720px; margin-left: auto; margin-right: auto; color: #86807c; }
body.wa-page .wa-sec-t .sc_item_descr p { margin: 0; }

/* ---------- sekcje ---------- */
body.wa-page .wa-sec { padding-top: 64px; padding-bottom: 64px; }
body.wa-page .wa-sec .wpb_content_element { margin-bottom: 0; }
body.wa-page .wa-jasne { background-color: #f3ede8; }

/* ---------- czarne pasy (jak VOUCHERY / KAWIARNIA / EVENTY i [ STRZELNICA ]) ---------- */
body.wa-page .wa-pas { background-color: #0a0a0a; }
body.wa-page .wa-pas .sc_item_title,
body.wa-page .wa-pas h2, body.wa-page .wa-pas h3 { color: #fff; }
body.wa-page .wa-pas .sc_item_descr,
body.wa-page .wa-pas .sc_item_descr p { color: #cecece; }
/* motyw nadaje p/b kolor #000 – na czarnym pasie tekst biały (jak na kartach strony głównej) */
body.wa-page .wa-pas .wpb_text_column p,
body.wa-page .wa-pas .wpb_text_column b,
body.wa-page .wa-pas .wpb_text_column strong { color: #fff; }

/* ---------- karty na czarnym pasie ---------- */
body.wa-page .wa-karty { margin-top: 40px; }
/* karty równo z krawędzią kontenera: odstęp 16 px między kartami */
body.wa-page .vc_row.vc_inner.wa-karty { margin-left: -8px; margin-right: -8px; }
body.wa-page .wa-karty > .wa-card { padding-left: 0; padding-right: 0; }
body.wa-page .wa-card > .vc_column-inner { height: 100%; margin: 0 8px; padding: 0; border: 2px solid #fff; border-radius: 15px; overflow: hidden; }
body.wa-page .wa-card .wpb_single_image,
body.wa-page .wa-card .vc_figure,
body.wa-page .wa-card .vc_single_image-wrapper { display: block; width: 100%; margin: 0; }
body.wa-page .wa-card .vc_single_image-wrapper img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
body.wa-page .wa-card .wpb_text_column { padding: 22px 24px 26px; }
body.wa-page .wa-card .wpb_text_column p { margin: 0; color: #fff; }
body.wa-page .wa-card h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.15; color: #fff; }

/* ---------- tablet / mobile ---------- */
@media (max-width: 1023px) {
	body.wa-page .wa-karty > .wa-card { width: 50%; }
	body.wa-page .wa-card > .vc_column-inner { margin: 0 8px 16px; height: calc(100% - 16px); }
}
@media (max-width: 767px) {
	body.wa-page .wa-head { padding-top: 28px; padding-bottom: 32px; }
	body.wa-page .wa-sec { padding-top: 44px; padding-bottom: 44px; }
	body.wa-page .wa-karty { margin-top: 28px; }
	/* karty na szerokość kontenera motywu (bez ujemnych marginesów wiersza) */
	body.wa-page .wa-pas .vc_row.vc_inner { margin-left: 0; margin-right: 0; }
	body.wa-page .wa-pas .vc_row.vc_inner > .wpb_column { padding-left: 0; padding-right: 0; }
	body.wa-page .wa-pas .vc_row.vc_inner > .wpb_column > .vc_column-inner { padding-left: 0; padding-right: 0; }
	body.wa-page .wa-karty > .wa-card { width: 100%; }
	body.wa-page .wa-card > .vc_column-inner { margin: 0 0 16px; height: auto; }
	body.wa-page .wa-card h3 { font-size: 22px; }
	body.wa-page .wa-btns { flex-direction: column; align-items: stretch; }
	body.wa-page .wa-btns .sc_button { display: block; text-align: center; }
}
/* < 300 px motyw zdejmuje boczne marginesy .content_wrap; .sc_content_width_1_1 (trx_addons) ma tu stałe 280 px */
@media (max-width: 299px) {
	body.wa-page .wa-head,
	body.wa-page .wa-sec:not(.wa-pas) { padding-left: 12px; padding-right: 12px; }
	body.wa-page .wa-pas .sc_content { width: auto !important; margin-left: 12px; margin-right: 12px; }
}