/* PrestigeCar PL Modules 1.12.0 – CIEMNY MOTYW strony.
 *
 * Działa tylko, gdy <body> ma klasę „pcpl-ciemny”: dziś – strona z ustawieniem „Motyw strony: ciemny”
 * (ramka w edytorze strony); w przyszłości – też przełącznik jasny/ciemny dla odwiedzających (ta sama klasa).
 * Kolory w zmiennych (--pcpl-*), żeby przełącznik i kolejne strony korzystały z jednego zestawu.
 * Nagłówek z białym logo daje motyw na stronach z „Szablonem 2025” – ten plik dociemnia resztę.
 */
body.pcpl-ciemny {
	--pcpl-tlo: #0b1620;
	--pcpl-tlo-2: #0f1c27;          /* karty, pola formularza */
	--pcpl-linia: rgba(255, 255, 255, .09);
	--pcpl-tekst: #c9d3dc;
	--pcpl-tekst-2: #8fa1b3;        /* podpisy, etykiety */
	--pcpl-naglowek: #fff;
	--pcpl-czerwony: #e3262b;
	background: var(--pcpl-tlo) !important;
	color: var(--pcpl-tekst);
}
body.pcpl-ciemny #outer-wrap, body.pcpl-ciemny #wrap, body.pcpl-ciemny #main, body.pcpl-ciemny #content-wrap,
body.pcpl-ciemny .fl-builder-content, body.pcpl-ciemny .fl-row-content-wrap { background-color: transparent; }

/* Nagłówek (gdy strona nie ma „Szablonu 2025” – tło i menu; białe logo daje tylko szablon). */
body.pcpl-ciemny #site-header { background-color: #09131b; border: 0; }
body.pcpl-ciemny #site-navigation span.text-wrap, body.pcpl-ciemny #site-navigation-wrap .dropdown-menu > li > a { color: #fff; }

/* Jedno wspólne tło dla sekcji – moduły bez własnych pasów tła, tylko delikatne poświaty (bez szwów między sekcjami). */
body.pcpl-ciemny .pcpl-st,
body.pcpl-ciemny .pcpl-kr {
	background: radial-gradient(ellipse 55% 70% at 18% 40%, rgba(34, 57, 76, .55) 0%, rgba(34, 57, 76, 0) 70%);
	background-color: transparent;
}
body.pcpl-ciemny .pcpl-kr { background: radial-gradient(ellipse 50% 60% at 85% 35%, rgba(34, 57, 76, .45) 0%, rgba(34, 57, 76, 0) 70%); }

/* Sekcja z formularzem (wiersz z ID „zamow”): ciemna karta zamiast szarego pasa. */
body.pcpl-ciemny .fl-row#zamow > .fl-row-content-wrap,
body.pcpl-ciemny #zamow > .fl-row-content-wrap { background: transparent !important; background-color: transparent !important; }
body.pcpl-ciemny #zamow .fl-row-content {
	max-width: 1100px; margin: 0 auto; padding: clamp(28px, 4vw, 56px) clamp(18px, 4vw, 64px) !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)); border: 1px solid var(--pcpl-linia); border-top: 3px solid #af0202;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
}
body.pcpl-ciemny #zamow h2 { color: var(--pcpl-naglowek); font: 400 clamp(28px, 3vw, 44px)/1.15 "PCPL Anta", "Anta", sans-serif !important; text-transform: uppercase; -webkit-text-stroke: .04em currentColor; paint-order: stroke fill; margin-bottom: 14px; }
body.pcpl-ciemny #zamow .fl-rich-text p { color: var(--pcpl-tekst) !important; font-size: 17px !important; line-height: 1.7 !important; }

/* Formularz Gravity Forms – wszędzie na ciemnej stronie (też w okienku). */
body.pcpl-ciemny .gform_wrapper input[type="text"], body.pcpl-ciemny .gform_wrapper input[type="email"], body.pcpl-ciemny .gform_wrapper input[type="tel"],
body.pcpl-ciemny .gform_wrapper input[type="number"], body.pcpl-ciemny .gform_wrapper select, body.pcpl-ciemny .gform_wrapper textarea {
	background-color: var(--pcpl-tlo-2) !important; border: 2px solid var(--pcpl-linia) !important; color: #fff !important; transition: border-color .2s;
}
body.pcpl-ciemny .gform_wrapper input:focus, body.pcpl-ciemny .gform_wrapper select:focus, body.pcpl-ciemny .gform_wrapper textarea:focus { border-color: #af0202 !important; outline: 0; }
body.pcpl-ciemny .gform_wrapper select option { background: var(--pcpl-tlo-2); color: #fff; }
body.pcpl-ciemny .gform_wrapper label, body.pcpl-ciemny .gform_wrapper .gfield_label, body.pcpl-ciemny .gform_wrapper .gform-field-label__text { color: var(--pcpl-tekst-2) !important; }
body.pcpl-ciemny .gform_wrapper .ginput_container_select::after { color: #fff !important; border-color: #fff !important; }
body.pcpl-ciemny .gform_wrapper .gchoice label { color: var(--pcpl-tekst) !important; }
body.pcpl-ciemny .gform_wrapper .gchoice input:checked + label { color: var(--pcpl-czerwony) !important; }
body.pcpl-ciemny .gform_wrapper .gform_title, body.pcpl-ciemny .gform_wrapper h3 { color: var(--pcpl-naglowek) !important; }
body.pcpl-ciemny .gform_wrapper .gfield_required, body.pcpl-ciemny .gform_wrapper .gform_required_legend { color: var(--pcpl-czerwony) !important; }
body.pcpl-ciemny .gform_wrapper .gform_footer, body.pcpl-ciemny .gform_wrapper .gform_footer * { color: var(--pcpl-tekst-2); }
body.pcpl-ciemny .gform_wrapper .gform_footer button.gform_button { color: #fff !important; }
body.pcpl-ciemny .gform_wrapper .validation_message, body.pcpl-ciemny .gform_wrapper .gform_validation_errors { color: #ff8a80 !important; background: transparent !important; }
body.pcpl-ciemny .pcpl-okno { background: #0f1c27; color: var(--pcpl-tekst); }
body.pcpl-ciemny .pcpl-okno .pcpl-okno__zamknij { color: #fff; }

/* Realizacje – nagłówek i galeria. */
body.pcpl-ciemny .pcpl-rn .pcpl-rn__naglowek { color: var(--pcpl-naglowek) !important; }
body.pcpl-ciemny .pcpl-rn .pcpl-rn__notka { color: var(--pcpl-tekst-2) !important; }
body.pcpl-ciemny .pcpl-rn .pcpl-rn__strzalka { color: var(--pcpl-tekst-2) !important; }
body.pcpl-ciemny .pcpl-gr .pcpl-gr__wiecej { background: transparent !important; border: 1px solid #fff !important; color: #fff !important; }
body.pcpl-ciemny .pcpl-gr .pcpl-gr__wiecej:hover, body.pcpl-ciemny .pcpl-gr .pcpl-gr__wiecej:focus-visible { background: #af0202 !important; border-color: #af0202 !important; }

/* FAQ / Sekcja tekstów. */
body.pcpl-ciemny .pcpl-tx .pcpl-tx__tytul { color: var(--pcpl-naglowek) !important; -webkit-text-stroke: .04em currentColor; paint-order: stroke fill; }
body.pcpl-ciemny .pcpl-tx .pcpl-tx__tytul span { color: var(--pcpl-czerwony) !important; }
body.pcpl-ciemny .pcpl-tx .pcpl-tx__wstep, body.pcpl-ciemny .pcpl-tx .pcpl-tx__tekst, body.pcpl-ciemny .pcpl-tx .pcpl-tx__tekst p, body.pcpl-ciemny .pcpl-tx .pcpl-tx__tekst li { color: var(--pcpl-tekst) !important; }
body.pcpl-ciemny .pcpl-tx .pcpl-tx__tekst strong { color: #fff !important; }
body.pcpl-ciemny .pcpl-tx .pcpl-tx__lista, body.pcpl-ciemny .pcpl-tx .pcpl-tx__el { border-color: var(--pcpl-linia) !important; }
body.pcpl-ciemny .pcpl-tx .pcpl-tx__przycisk { color: var(--pcpl-naglowek) !important; }
body.pcpl-ciemny .pcpl-tx .pcpl-tx__przycisk:hover, body.pcpl-ciemny .pcpl-tx .pcpl-tx__el--otwarty .pcpl-tx__przycisk { color: var(--pcpl-czerwony) !important; }
body.pcpl-ciemny .pcpl-tx .pcpl-tx__ikona { border-color: rgba(255, 255, 255, .35) !important; color: #fff !important; }
body.pcpl-ciemny .pcpl-tx .pcpl-tx__ikona::before, body.pcpl-ciemny .pcpl-tx .pcpl-tx__ikona::after { background: currentColor !important; }

/* Liczniki. */
body.pcpl-ciemny .pcpl-lc { color: var(--pcpl-tekst); }
body.pcpl-ciemny .pcpl-lc .pcpl-lc__naglowek, body.pcpl-ciemny .pcpl-lc .pcpl-lc__liczba, body.pcpl-ciemny .pcpl-lc a.pcpl-lc__link { color: var(--pcpl-naglowek) !important; }
body.pcpl-ciemny .pcpl-lc .pcpl-lc__etykieta, body.pcpl-ciemny .pcpl-lc .pcpl-lc__podpis, body.pcpl-ciemny .pcpl-lc .pcpl-lc__tekst { color: var(--pcpl-tekst-2) !important; }

/* Opinie. */
body.pcpl-ciemny .pcpl-op--szare, body.pcpl-ciemny .pcpl-op--biale { background: transparent !important; }
body.pcpl-ciemny .pcpl-op .pcpl-op__tytul { color: var(--pcpl-naglowek) !important; }
body.pcpl-ciemny .pcpl-op .pcpl-op__karta, body.pcpl-ciemny .pcpl-op .pcpl-op__ocena { background: var(--pcpl-tlo-2) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .3) !important; color: var(--pcpl-tekst) !important; }
body.pcpl-ciemny .pcpl-op .pcpl-op__tresc { color: var(--pcpl-tekst) !important; }
body.pcpl-ciemny .pcpl-op .pcpl-op__imie, body.pcpl-ciemny .pcpl-op .pcpl-op__ocena-liczba { color: #fff !important; }
body.pcpl-ciemny .pcpl-op .pcpl-op__autor { border-color: var(--pcpl-linia) !important; }
body.pcpl-ciemny .pcpl-op .pcpl-op__strzalka { background: transparent !important; border-color: #fff !important; }
body.pcpl-ciemny .pcpl-op .pcpl-op__strzalka svg { stroke: #fff !important; }
body.pcpl-ciemny .pcpl-op .pcpl-op__strzalka--prawo { background: #af0202 !important; border-color: #af0202 !important; }

/* Zwykłe moduły tekstowe Beavera na ciemnej stronie. */
body.pcpl-ciemny .fl-rich-text, body.pcpl-ciemny .fl-rich-text p, body.pcpl-ciemny .fl-rich-text li { color: var(--pcpl-tekst); }
body.pcpl-ciemny .fl-rich-text h1, body.pcpl-ciemny .fl-rich-text h2, body.pcpl-ciemny .fl-rich-text h3, body.pcpl-ciemny .fl-rich-text h4 { color: var(--pcpl-naglowek); }

/* Stopka. */
body.pcpl-ciemny #footer, body.pcpl-ciemny #footer-widgets, body.pcpl-ciemny #footer-bottom { background-color: #070f15 !important; }
body.pcpl-ciemny #footer-widgets { border-top: 1px solid var(--pcpl-linia); }
body.pcpl-ciemny #footer, body.pcpl-ciemny #footer p, body.pcpl-ciemny #footer li, body.pcpl-ciemny #footer a, body.pcpl-ciemny #footer strong, body.pcpl-ciemny #copyright, body.pcpl-ciemny #copyright a { color: var(--pcpl-tekst-2) !important; }
body.pcpl-ciemny #footer a:hover { color: #fff !important; }
/* Logo w stopce: biała wersja logo (ta sama co w ciemnym nagłówku). */
body.pcpl-ciemny #footer .widget_media_image img { content: url("/assets/logo-prestigecar.svg"); }

/* Pole wielokrotnego wyboru (np. „Preferowany kolor”) – Gravity Forms rysuje je skryptem Chosen. */
body.pcpl-ciemny .gform_wrapper .chosen-container .chosen-choices,
body.pcpl-ciemny .gform_wrapper .chosen-container .chosen-single { background: var(--pcpl-tlo-2) !important; background-image: none !important; border: 2px solid var(--pcpl-linia) !important; box-shadow: none !important; color: #fff !important; }
body.pcpl-ciemny .gform_wrapper .chosen-container-active .chosen-choices { border-color: #af0202 !important; }
body.pcpl-ciemny .gform_wrapper .chosen-container .chosen-choices li.search-field input[type="text"] { color: #fff !important; background: transparent !important; border: 0 !important; }
body.pcpl-ciemny .gform_wrapper .chosen-container .chosen-choices li.search-choice { background: #1d2c39 !important; background-image: none !important; border: 1px solid var(--pcpl-linia) !important; box-shadow: none !important; color: #fff !important; }
body.pcpl-ciemny .gform_wrapper .chosen-container .chosen-drop { background: var(--pcpl-tlo-2) !important; border: 2px solid var(--pcpl-linia) !important; border-top: 0 !important; }
body.pcpl-ciemny .gform_wrapper .chosen-container .chosen-results li { color: var(--pcpl-tekst) !important; }
body.pcpl-ciemny .gform_wrapper .chosen-container .chosen-results li.highlighted { background: #af0202 !important; background-image: none !important; color: #fff !important; }
