/* WA – /eventy (strona 1607, body.wa-page-eventy). Wspólne wzorce w wa-page.css; tu tylko elementy tej strony. */

/* ---------- atrakcje: czerwony numer zamiast ikon-emoji ---------- */
body.wa-page-eventy .wa-atr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 48px; row-gap: 40px; margin: 44px 0 0; padding: 0; list-style: none; }
body.wa-page-eventy .wa-atr li { margin: 0; padding: 0; min-width: 0; }
body.wa-page-eventy .wa-atr li::before { display: none; }
body.wa-page-eventy .wa-atr-n { display: block; font: 700 34px/1 "Roboto Condensed", sans-serif; color: #c80000; letter-spacing: .5px; }
body.wa-page-eventy .wa-atr-n::after { content: ""; display: block; width: 48px; height: 3px; margin: 12px 0 14px; background: #c80000; }
body.wa-page-eventy .wa-atr h3 { margin: 0 0 8px; font-size: 22px; line-height: 1.2; }
body.wa-page-eventy .wa-atr p { margin: 0; color: #86807c; }

/* ---------- zakończenie dnia: zdjęcie + tekst ---------- */
body.wa-page-eventy .wa-koniec .vc_row.vc_inner { display: flex; flex-wrap: wrap; align-items: center; }
body.wa-page-eventy .wa-koniec .wpb_single_image img { display: block; width: 100%; height: auto; border-radius: 15px; }
body.wa-page-eventy .wa-koniec .wpb_text_column { padding: 10px 0 10px 30px; }
body.wa-page-eventy .wa-kick { margin: 0 0 8px; font: 700 14.88px/1.2 "Roboto Condensed", sans-serif; letter-spacing: .64px; text-transform: uppercase; color: #a3978d; }
body.wa-page-eventy .wa-koniec h2 { margin: 0 0 18px; font-size: 40px; line-height: 1.1; }
body.wa-page-eventy .wa-koniec p { margin: 0 0 12px; }
body.wa-page-eventy .wa-link { display: inline-block; margin-top: 10px; font: 700 15px/1.4 "Roboto Condensed", sans-serif; letter-spacing: .5px; text-transform: uppercase; color: #c80000; text-decoration: none; }
body.wa-page-eventy .wa-link:hover,
body.wa-page-eventy .wa-link:focus { color: #37281c; }

/* ---------- galeria: jedna instancja, miniatury WebP 600 px ---------- */
body.wa-page-eventy .wa-gal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 40px 0 0; padding: 0; list-style: none; }
body.wa-page-eventy .wa-gal li { margin: 0; padding: 0; }
body.wa-page-eventy .wa-gal li::before { display: none; }
body.wa-page-eventy .wa-gal a { display: block; overflow: hidden; border-radius: 4px; background: #0a0a0a; }
body.wa-page-eventy .wa-gal img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .3s; }
body.wa-page-eventy .wa-gal a:hover img,
body.wa-page-eventy .wa-gal a:focus img { transform: scale(1.03); }
body.wa-page-eventy .wa-gal .wa-gal-wiecej { display: none; }
body.wa-page-eventy .wa-gal.is-open .wa-gal-wiecej { display: block; }
body.wa-page-eventy .wa-gal-btn { margin-top: 30px; text-align: center; }
body.wa-page-eventy .wa-gal-btn[hidden] { display: none; }

/* ---------- kontakt (czarny pas, id="kontakt") ---------- */
body.wa-page-eventy #kontakt { scroll-margin-top: 0; }
body.wa-page-eventy .wa-kontakt .vc_row.vc_inner { display: flex; flex-wrap: wrap; }
body.wa-page-eventy .wa-kontakt h2 { margin: 0 0 18px; font-size: 44px; line-height: 1.1; color: #fff; }
body.wa-page-eventy .wa-kontakt .wpb_text_column p { margin: 0 0 12px; color: #cecece; }
body.wa-page-eventy .wa-kontakt .wa-kick { color: #a3978d; }
body.wa-page-eventy .wa-dane { margin: 26px 0 0; padding: 0; list-style: none; }
body.wa-page-eventy .wa-dane li { margin: 0 0 12px; padding: 0; }
body.wa-page-eventy .wa-dane li::before { display: none; }
body.wa-page-eventy .wa-dane small { display: block; font: 700 13px/1.4 "Roboto Condensed", sans-serif; letter-spacing: .64px; text-transform: uppercase; color: #a3978d; }
body.wa-page-eventy .wa-kontakt .wa-dane a { font: 700 26px/1.3 "Roboto Condensed", sans-serif; color: #fff; text-decoration: none; }
body.wa-page-eventy .wa-kontakt .wa-dane a:hover,
body.wa-page-eventy .wa-kontakt .wa-dane a:focus { color: #c80000; }
body.wa-page-eventy .wa-kontakt .wa-btns { justify-content: flex-start; }
/* opiekun imprez: imię i nazwisko + telefon i e-mail jeden pod drugim */
body.wa-page-eventy .wa-dane .wa-dane-os { margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid #86807c; }
body.wa-page-eventy .wa-dane .wa-dane-os b { display: block; margin: 2px 0 2px; font: 700 18px/1.3 "Roboto Condensed", sans-serif; letter-spacing: .5px; text-transform: uppercase; color: #cecece; }
body.wa-page-eventy .wa-kontakt .wa-dane .wa-dane-os a { display: block; }
body.wa-page-eventy .wa-dane .wa-dane-os:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

/* formularz Forminator na czarnym pasie: pola białe, etykiety jasne, przycisk czerwony jak w nagłówku */
body.wa-page-eventy .wa-kontakt .forminator-ui.forminator-custom-form { margin: 0 !important; }
body.wa-page-eventy .wa-kontakt .forminator-label { color: #cecece !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important; letter-spacing: .5px; text-transform: uppercase; font-size: 13px !important; }
body.wa-page-eventy .wa-kontakt .forminator-label .forminator-required { color: #c80000 !important; }
/* pole wyboru (select2) jak pozostałe pola stylu „material” z /kontakt: przezroczyste, biała linia pod spodem */
body.wa-page-eventy .wa-kontakt .select2-container .select2-selection--single { background: transparent !important; border: 0 !important; border-bottom: 1px solid #fff !important; border-radius: 0 !important; padding-left: 0 !important; }
body.wa-page-eventy .wa-kontakt .select2-container .select2-selection__rendered { padding-left: 0 !important; }
body.wa-page-eventy .wa-kontakt .select2-container .select2-selection__rendered { color: #fff !important; }
body.wa-page-eventy .wa-kontakt .select2-container .select2-selection__arrow { background: transparent !important; color: #fff !important; }
/* motyw opakowuje select w .select_container z jasnym tłem (#f8f6f4) i ::before */
body.wa-page-eventy .wa-kontakt .select_container,
body.wa-page-eventy .wa-kontakt .select_container::before { background: transparent !important; }
body.wa-page-eventy .wa-kontakt .select_container::after { display: none; }
body.wa-page-eventy .wa-kontakt .forminator-description,
body.wa-page-eventy .wa-kontakt .forminator-checkbox__label,
body.wa-page-eventy .wa-kontakt .forminator-checkbox__label p,
body.wa-page-eventy .wa-kontakt .forminator-field-gdprcheckbox,
body.wa-page-eventy .wa-kontakt .forminator-field-gdprcheckbox p { color: #cecece !important; }
body.wa-page-eventy .wa-kontakt .forminator-checkbox__label a,
body.wa-page-eventy .wa-kontakt .forminator-field-gdprcheckbox a { color: #fff !important; text-decoration: underline; }
body.wa-page-eventy .wa-kontakt .forminator-button-submit { background: #c80000 !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; padding: 14px 32px !important; font: 700 15px/21px "Roboto Condensed", sans-serif !important; letter-spacing: .5px; text-transform: uppercase; }
body.wa-page-eventy .wa-kontakt .forminator-button-submit:hover,
body.wa-page-eventy .wa-kontakt .forminator-button-submit:focus { background: #8b0000 !important; }
body.wa-page-eventy .wa-kontakt .forminator-error-message { color: #fff !important; background: #8b0000 !important; }
body.wa-page-eventy .wa-kontakt .forminator-response-message { color: #fff !important; }
/* kalendarz pola „Data” (jQuery UI, dopinany do body): motyw ukrywa każdy surowy <select> (visibility:hidden, style.css) do czasu
   własnej zamiany – listy miesiąca i roku tworzone w locie zostawały niewidoczne. Kolory: z palety strony zamiast niebieskiego Forminatora. */
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-title select { visibility: visible !important; color: #000 !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; font: 700 14px/30px "Roboto Condensed", sans-serif !important; text-transform: uppercase; cursor: pointer; }
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-header { background: #0a0a0a !important; }
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-calendar thead th,
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-calendar thead th span { color: #fff !important; }
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-prev,
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-next { color: #fff !important; cursor: pointer; }
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-prev:hover,
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-next:hover { color: #c80000 !important; }
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-calendar td a:hover,
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-calendar td .ui-state-active { background: #c80000 !important; border-color: #c80000 !important; color: #fff !important; }
body.wa-page-eventy #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-today a:not(.ui-state-active) { border-color: #c80000 !important; color: #c80000 !important; background: transparent !important; }

@media (max-width: 1023px) {
	body.wa-page-eventy .wa-atr { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 36px; }
	body.wa-page-eventy .wa-koniec .wpb_text_column { padding: 28px 0 0; }
	body.wa-page-eventy .wa-kontakt .vc_row.vc_inner > .wpb_column { width: 100%; }
	body.wa-page-eventy .wa-kontakt .vc_row.vc_inner > .wpb_column + .wpb_column { margin-top: 32px; }
}
@media (max-width: 767px) {
	body.wa-page-eventy .wa-atr { grid-template-columns: minmax(0, 1fr); row-gap: 30px; margin-top: 32px; }
	body.wa-page-eventy .wa-atr-n { font-size: 30px; }
	body.wa-page-eventy .wa-koniec h2 { font-size: 30px; }
	body.wa-page-eventy .wa-koniec .vc_row.vc_inner { margin-left: 0; margin-right: 0; }
	body.wa-page-eventy .wa-koniec .vc_row.vc_inner > .wpb_column,
	body.wa-page-eventy .wa-koniec .vc_row.vc_inner > .wpb_column > .vc_column-inner { padding-left: 0; padding-right: 0; }
	body.wa-page-eventy .wa-gal { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 28px; }
	/* 9 widocznych zdjęć w 2 kolumnach: ostatnie na całą szerokość */
	body.wa-page-eventy .wa-gal:not(.is-open) li:nth-child(9) { grid-column: 1 / -1; }
	body.wa-page-eventy .wa-gal:not(.is-open) li:nth-child(9) img { aspect-ratio: 2 / 1; }
	body.wa-page-eventy .wa-kontakt h2 { font-size: 34px; }
	body.wa-page-eventy .wa-kontakt .wa-dane a { font-size: 22px; }
}
