/* Wygląd funkcji z wtyczek: ankiety, panel DJ-a, logowanie, formularz.
   Same kolory i kroje motywu — wtyczki zostają nietknięte. */

/* ---------------------------------------------------------------
   Treść podstron: akapity przy lewej krawędzi szerokiej kolumny
   --------------------------------------------------------------- */
.wp-block-post-content.is-layout-constrained > :where(p, ul, ol, h2, h3, h4, .wp-block-buttons, .djt),
.wp-block-post-content .is-layout-constrained > :where(p, ul, ol, .wp-block-buttons, .djt, .djs) {
	margin-left: max(0px, calc((100% - 1280px) / 2)) !important;
	margin-right: auto !important;
}
.djt { max-width: 36rem !important; }
.wp-block-post-content .dj-telefon a { font-size: clamp(2.6rem, 5vw, 4.2rem); }
.wp-block-post-content .wp-block-columns { margin-bottom: var(--wp--preset--spacing--40); }

/* Telefon: pływające przyciski (cookies, DJ Disco AI, „Zadzwoń”) nie mogą zasłaniać pola daty w hero. */
@media (max-width: 781px) {
	.wp-block-post-content .wp-block-columns { gap: var(--wp--preset--spacing--30); }
}

/* ---------------------------------------------------------------
   Ankiety (wtyczka DJ Ankieta) — ekran hasła w stylu strony
   --------------------------------------------------------------- */
body #daw-haslo-wrapper,
body #dau-haslo-wrapper,
body #dap-haslo-wrapper {
	max-width: 30rem; margin: 2rem 0; padding: 2rem;
	background: var(--wp--preset--color--scena); border: 1px solid var(--wp--preset--color--deski);
	border-radius: 18px; box-shadow: none; text-align: left;
	font-family: var(--wp--preset--font-family--tekst); color: var(--wp--preset--color--dym);
}
body #daw-haslo-wrapper .daw-haslo-ikona,
body #dau-haslo-wrapper .daw-haslo-ikona,
body #dap-haslo-wrapper .daw-haslo-ikona { display: none; }
body #daw-haslo-wrapper .daw-haslo-tytul,
body #dau-haslo-wrapper .daw-haslo-tytul,
body #dap-haslo-wrapper .daw-haslo-tytul {
	font-family: var(--wp--preset--font-family--scena); font-size: 2.2rem; font-weight: 800; line-height: 1; color: var(--wp--preset--color--dym);
}
body #daw-haslo-wrapper .daw-haslo-info,
body #dau-haslo-wrapper .daw-haslo-info,
body #dap-haslo-wrapper .daw-haslo-info { color: var(--wp--preset--color--popiol); }
body #daw-haslo-input, body #dau-haslo-input, body #dap-haslo-input {
	background: var(--wp--preset--color--noc); color: var(--wp--preset--color--dym);
	border: 1px solid var(--wp--preset--color--deski); border-radius: 999px; padding: .9rem 1.2rem; font-size: 1.05rem;
}
body #daw-haslo-input:focus, body #dau-haslo-input:focus, body #dap-haslo-input:focus {
	border-color: var(--wp--preset--color--bursztyn); box-shadow: 0 0 0 3px rgba(255, 176, 46, .25);
}
body #daw-haslo-btn, body #dau-haslo-btn, body #dap-haslo-btn {
	background: var(--wp--preset--color--bursztyn); color: var(--wp--preset--color--noc);
	border-radius: 999px; font-family: var(--wp--preset--font-family--tekst); font-weight: 700;
}
body #daw-haslo-btn:hover:not(:disabled), body #dau-haslo-btn:hover:not(:disabled), body #dap-haslo-btn:hover:not(:disabled) {
	background: var(--wp--preset--color--zar); opacity: 1; transform: none;
}

/* Sam formularz ankiety jest długi — zostaje jasną „kartką” do wypełnienia, w krojach strony. */
body #daw-formularz-wrapper,
body #dau-formularz-wrapper,
body #dap-formularz-wrapper {
	max-width: 52rem; margin: 2rem 0; padding: clamp(1.25rem, 4vw, 2.5rem);
	background: #fffaf3; border-radius: 18px; color: #2a1d14;
	font-family: var(--wp--preset--font-family--tekst);
}
body #daw-formularz-wrapper .daw-naglowek h1,
body #dau-formularz-wrapper .daw-naglowek h1,
body #dap-formularz-wrapper .daw-naglowek h1 { font-family: var(--wp--preset--font-family--scena); color: #2a1d14; }
body #daw-formularz-wrapper a, body #dau-formularz-wrapper a, body #dap-formularz-wrapper a { color: #a35a00; }

/* ---------------------------------------------------------------
   Logowanie (panel DJ-a) i inne formularze WordPressa na stronie
   --------------------------------------------------------------- */
.wp-block-post-content #loginform,
.wp-block-post-content form[name="loginform"] {
	max-width: 26rem; padding: 1.75rem; display: grid; gap: .25rem;
	background: var(--wp--preset--color--scena); border: 1px solid var(--wp--preset--color--deski); border-radius: 18px;
}
.wp-block-post-content #loginform label { font-weight: 700; font-size: .95rem; }
.wp-block-post-content #loginform input[type="text"],
.wp-block-post-content #loginform input[type="password"] {
	width: 100%; padding: .85rem 1.1rem; margin-top: .35rem;
	background: var(--wp--preset--color--noc); color: var(--wp--preset--color--dym);
	border: 1px solid var(--wp--preset--color--deski); border-radius: 999px; font: inherit;
}
.wp-block-post-content #loginform input[type="submit"] {
	padding: .85rem 1.6rem; border: 0; border-radius: 999px; cursor: pointer;
	background: var(--wp--preset--color--bursztyn); color: var(--wp--preset--color--noc); font: 700 1rem/1.2 var(--wp--preset--font-family--tekst);
}
.wp-block-post-content #loginform input[type="submit"]:hover { background: var(--wp--preset--color--zar); }

/* ---------------------------------------------------------------
   Poprawki po przeglądzie: formularz, ankiety, pole daty
   --------------------------------------------------------------- */
/* Formularz „Zapytaj o termin” w stylu strony (Montserrat, granat, złota pigułka). */
.djf { --djf-tlo: #0b0e14; --djf-pole: #121722; --djf-linia: #262c38; --djf-zloto: #f0b955; --djf-pomarancz: #f0b955; font-family: var(--wp--preset--font-family--tekst) !important; }
.djf input, .djf textarea, .djf button, .djf select { font-family: var(--wp--preset--font-family--tekst) !important; }
.djf__forma { background: linear-gradient(170deg, #121827, #0b0e14 60%) !important; border-color: #262c38 !important; border-radius: 14px !important; }
.djf__tytul { font-family: var(--wp--preset--font-family--scena) !important; font-weight: 800 !important; color: #fff !important; font-size: 1.6rem !important; }
.djf__wyslij {
	border-radius: 999px !important; background: linear-gradient(100deg, #f8d27a 0%, #efb24a 55%, #e59a2f 100%) !important; color: #121826 !important;
	text-transform: uppercase; letter-spacing: .06em; font-size: .85rem !important; padding: 1rem 2rem !important; box-shadow: 0 10px 30px -10px rgba(240, 185, 85, .55) !important;
}
.djf__rodzaj input:checked + span { border-color: #f0b955 !important; background: rgba(240, 185, 85, .16) !important; }
.djf__rzad { align-items: start; }
@media (max-width: 640px) { .djf { padding: 0 !important; } }

/* Ankiety: karta z hasłem przy lewej krawędzi, bez powtórzonego tytułu, w krojach strony. */
.wp-block-post-content.is-layout-constrained > #daw-haslo-wrapper,
.wp-block-post-content.is-layout-constrained > #dau-haslo-wrapper,
.wp-block-post-content.is-layout-constrained > #dap-haslo-wrapper,
.wp-block-post-content.is-layout-constrained > #daw-formularz-wrapper,
.wp-block-post-content.is-layout-constrained > #dau-formularz-wrapper,
.wp-block-post-content.is-layout-constrained > #dap-formularz-wrapper {
	margin-left: max(0px, calc((100% - 1280px) / 2)) !important; margin-right: auto !important;
}
body #daw-haslo-wrapper .daw-haslo-tytul, body #dau-haslo-wrapper .daw-haslo-tytul, body #dap-haslo-wrapper .daw-haslo-tytul,
body #daw-haslo-wrapper .daw-haslo-info, body #dau-haslo-wrapper .daw-haslo-info, body #dap-haslo-wrapper .daw-haslo-info { display: none; }
body #daw-haslo-wrapper::before, body #dau-haslo-wrapper::before, body #dap-haslo-wrapper::before {
	content: "Hasło do ankiety"; display: block; margin-bottom: .8rem; font-weight: 800; font-size: 1.15rem; color: #fff;
}
body #daw-haslo-wrapper, body #dau-haslo-wrapper, body #dap-haslo-wrapper { background: #10141d; border-color: #262c38; border-radius: 14px; }
body #daw-haslo-input, body #dau-haslo-input, body #dap-haslo-input { font: inherit !important; background: #0b0e14; border-color: #262c38; }
body #daw-haslo-btn, body #dau-haslo-btn, body #dap-haslo-btn {
	background: linear-gradient(100deg, #f8d27a 0%, #efb24a 55%, #e59a2f 100%); color: #121826;
	text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; padding: 1rem;
}

/* Logowanie panelu DJ-a — złota pigułka. */
.wp-block-post-content #loginform input[type="submit"] { background: linear-gradient(100deg, #f8d27a 0%, #efb24a 55%, #e59a2f 100%); color: #121826; text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; }

/* ---------------------------------------------------------------
   Baner cookies (mu-plugins/djdisco-zgody.php) w stylu strony
   --------------------------------------------------------------- */
.djz { font-family: var(--wp--preset--font-family--tekst) !important; background: #10141d !important; border-color: #262c38 !important; border-radius: 16px !important; }
.djz__tytul { font-weight: 800; }
.djz__btn {
	border-radius: 999px !important; font-family: var(--wp--preset--font-family--tekst) !important;
	text-transform: uppercase; letter-spacing: .06em; font-size: .78rem !important;
	background: linear-gradient(100deg, #f8d27a 0%, #efb24a 55%, #e59a2f 100%) !important; border: 0 !important; color: #121826 !important;
}
.djz__btn--obrys { background: transparent !important; border: 1.5px solid #f0b955 !important; color: #fff !important; }
.djz__btn--obrys:hover { background: rgba(240, 185, 85, .12) !important; }
.djz__ustawienia { font-family: var(--wp--preset--font-family--tekst) !important; }
.djz__kat { background: #0b0e14 !important; border-color: #262c38 !important; }
.djz__kat input { accent-color: #e59a2f !important; }
.djz a, .djz__szczegoly summary { color: #f0b955 !important; }
.djz-ikona { background: #10141d !important; color: #f0b955 !important; border-color: #262c38 !important; }
/* Telefon: gdy wisi baner, pływające przyciski nie zasłaniają hero. */
@media (max-width: 600px) {
	body:has(#djz-baner:not([hidden])) .djai,
	body:has(#djz-baner:not([hidden])) .lz-zadzwon { display: none !important; }
}

/* ---------------------------------------------------------------
   DJ Disco AI (wtyczka statystyk) w stylu strony
   --------------------------------------------------------------- */
.djai { --djai-tlo: #0b0e14; --djai-karta: #121722; --djai-linia: #262c38; --djai-zloto: #f0b955; --djai-pomarancz: #f0b955; font-family: var(--wp--preset--font-family--tekst) !important; }
.djai button, .djai input { font-family: var(--wp--preset--font-family--tekst) !important; }
.djai__panel { max-height: calc(100vh - var(--djai-dol) - var(--djai-pasek, 0px) - 180px) !important; border-radius: 16px; }
.djai__termin { background: linear-gradient(160deg, #161c2a, #0f131c) !important; border-color: rgba(240, 185, 85, .35) !important; }
.djai__termin-naglowek { color: #f8d27a !important; }
.djai__sprawdz, .djai__akcja--glowna {
	border-radius: 999px !important; background: linear-gradient(100deg, #f8d27a 0%, #efb24a 55%, #e59a2f 100%) !important; color: #121826 !important;
	text-transform: uppercase; letter-spacing: .05em; font-size: .75rem !important;
}
.djai__data { border-color: #262c38 !important; background: #0b0e14 !important; }
.djai__rada, .djai__odpowiedz { background: #121722 !important; border-color: #262c38 !important; }
.djai__chip { background: #121722 !important; border-color: #262c38 !important; }
.djai__chip[aria-expanded="true"] { border-color: #f0b955 !important; background: rgba(240, 185, 85, .14) !important; }
.djai__dymek { background: #121722 !important; border-color: rgba(240, 185, 85, .4) !important; }
.djai__dymek::after { background: #121722 !important; border-color: rgba(240, 185, 85, .4) !important; }
.djai__znaczek { background: #f0b955 !important; }