/* Studio: Formularz kontaktowy (0.8.5). Kolory linii i wypełnień liczone od currentColor, więc pola pasują do jasnego i ciemnego tła.
   Reguły z przedrostkiem :is(.studio-cf,#studio-cf-x) mają wagę identyfikatora — Kubio stylizuje [data-kubio] input/button/label,
   a motywy Kubio dokładają reguły z #kubio. Ten sam układ rysuje edytor (:is(.studio-cf,#studio-cf-x).is-editor). */
.studio-cf{--cf-accent:#254e3a;--cf-on-accent:#fff;--cf-radius:10px;--cf-gap:16px;--cf-line:rgba(127,127,127,.38);--cf-line-strong:rgba(127,127,127,.6);--cf-fill:rgba(127,127,127,.09);--cf-error:#c8372d;--cf-pad-y:12px;--cf-pad-x:14px;--cf-font:1rem;--cf-min-h:48px;position:relative;container-type:inline-size}
@supports (color:color-mix(in srgb,red,blue)){.studio-cf{--cf-line:color-mix(in srgb,currentColor 24%,transparent);--cf-line-strong:color-mix(in srgb,currentColor 45%,transparent);--cf-fill:color-mix(in srgb,currentColor 6%,transparent)}}
:is(.studio-cf,#studio-cf-x).is-size-compact{--cf-pad-y:9px;--cf-pad-x:12px;--cf-font:.95rem;--cf-min-h:42px}
:is(.studio-cf,#studio-cf-x).is-size-large{--cf-pad-y:15px;--cf-pad-x:18px;--cf-font:1.06rem;--cf-min-h:56px}
.studio-cf__anchor{position:absolute;top:-90px}

.studio-cf__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cf-gap)}
:is(.studio-cf,#studio-cf-x) .studio-cf__field{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}
:is(.studio-cf,#studio-cf-x) .studio-cf__field.is-half{grid-column:span 1}
@container (max-width:520px){:is(.studio-cf,#studio-cf-x) .studio-cf__field.is-half{grid-column:1/-1}}

:is(.studio-cf,#studio-cf-x) .studio-cf__label{display:block;margin:0 0 7px;padding:0;color:inherit;font-size:.9rem;font-weight:650;line-height:1.3;letter-spacing:normal;text-transform:none}
:is(.studio-cf,#studio-cf-x) legend.studio-cf__label{float:left;width:100%;margin-bottom:10px}
:is(.studio-cf,#studio-cf-x) legend.studio-cf__label+*{clear:both}
:is(.studio-cf,#studio-cf-x) .studio-cf__label.is-sr,.studio-cf__hp{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.studio-cf__hp{left:-9999px}
/* Gwiazdka pól wymaganych poza tekstem etykiety — tłumaczenie strony jej nie rusza. */
:is(.studio-cf,#studio-cf-x) .is-required::after{content:"*";margin-left:3px;color:var(--cf-accent);opacity:.85}

/* Pola: obrys (domyślnie), wypełnione, linia. */
:is(.studio-cf,#studio-cf-x) .studio-cf__input{display:block;width:100%;max-width:none;min-height:var(--cf-min-h);box-sizing:border-box;margin:0;padding:var(--cf-pad-y) var(--cf-pad-x);border:1px solid var(--cf-line);border-radius:var(--cf-radius);background:var(--cf-field-bg,transparent);box-shadow:none;color:inherit;font:inherit;font-size:var(--cf-font);line-height:1.45;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
:is(.studio-cf,#studio-cf-x) textarea.studio-cf__input{min-height:calc(var(--cf-min-h) * 2.4);resize:vertical}
:is(.studio-cf,#studio-cf-x) .studio-cf__input::placeholder{color:inherit;opacity:.5}
:is(.studio-cf,#studio-cf-x) .studio-cf__input:hover{border-color:var(--cf-line-strong)}
:is(.studio-cf,#studio-cf-x) .studio-cf__input:focus{border-color:var(--cf-accent);box-shadow:0 0 0 3px rgba(37,78,58,.18);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-accent) 22%,transparent)}
:is(.studio-cf,#studio-cf-x).is-style-filled .studio-cf__input{border-color:transparent;background:var(--cf-field-bg,var(--cf-fill))}
:is(.studio-cf,#studio-cf-x).is-style-filled .studio-cf__input:hover{border-color:var(--cf-line)}
:is(.studio-cf,#studio-cf-x).is-style-underline .studio-cf__input{padding-left:0;padding-right:0;border-width:0 0 1px;border-radius:0;background:var(--cf-field-bg,transparent)}
:is(.studio-cf,#studio-cf-x).is-style-underline .studio-cf__input:focus{box-shadow:0 1px 0 0 var(--cf-accent)}
:is(.studio-cf,#studio-cf-x).is-style-underline .studio-cf__select::after{right:2px}
:is(.studio-cf,#studio-cf-x) .studio-cf__select{position:relative;display:block}
:is(.studio-cf,#studio-cf-x) .studio-cf__select select{padding-right:calc(var(--cf-pad-x) + 22px);cursor:pointer}
.studio-cf__select::after{content:"";position:absolute;top:50%;right:calc(var(--cf-pad-x) + 2px);width:8px;height:8px;margin-top:-6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.6;transform:rotate(45deg);pointer-events:none}
.studio-cf__select option{color:#1d2327;background:#fff}
:is(.studio-cf,#studio-cf-x) input[type="date"].studio-cf__input{min-width:0}
:is(.studio-cf,#studio-cf-x) input[type="date"].studio-cf__input::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}

/* Wybór: kropki, pola wyboru, zgoda. */
:is(.studio-cf,#studio-cf-x) .studio-cf__choices{display:flex;flex-wrap:wrap;gap:10px 22px}
:is(.studio-cf,#studio-cf-x) .studio-cf__choice{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;color:inherit;font-size:var(--cf-font);font-weight:400;line-height:1.45;cursor:pointer}
:is(.studio-cf,#studio-cf-x) .studio-cf__choice input{flex:0 0 auto;width:19px;height:19px;min-height:0;margin:.13em 0 0;padding:0;accent-color:var(--cf-accent);cursor:pointer}
:is(.studio-cf,#studio-cf-x) .studio-cf__consent .studio-cf__choice{font-size:.88rem;opacity:.9}
:is(.studio-cf,#studio-cf-x) .studio-cf__consent a{color:inherit;text-decoration:underline}

/* Błędy i komunikaty. */
:is(.studio-cf,#studio-cf-x) .studio-cf__error{margin:6px 0 0;padding:0;color:var(--cf-error);font-size:.85rem;font-weight:500;line-height:1.35}
:is(.studio-cf,#studio-cf-x) .has-error .studio-cf__input{border-color:var(--cf-error)}
:is(.studio-cf,#studio-cf-x) .has-error .studio-cf__input:focus{box-shadow:0 0 0 3px rgba(200,55,45,.18)}
:is(.studio-cf,#studio-cf-x) .has-error .studio-cf__choice input{outline:2px solid var(--cf-error);outline-offset:1px}
:is(.studio-cf,#studio-cf-x) .studio-cf__notice{margin:0 0 var(--cf-gap);padding:12px 16px;border-radius:var(--cf-radius);background:rgba(200,55,45,.1);color:var(--cf-error);font-size:.95rem;font-weight:550;line-height:1.4}
.studio-cf [hidden]{display:none!important}

/* Przycisk. */
:is(.studio-cf,#studio-cf-x) .studio-cf__actions{display:flex;justify-content:flex-start;margin:calc(var(--cf-gap) + 4px) 0 0}
:is(.studio-cf,#studio-cf-x).is-btn-center .studio-cf__actions{justify-content:center}
:is(.studio-cf,#studio-cf-x).is-btn-right .studio-cf__actions{justify-content:flex-end}
:is(.studio-cf,#studio-cf-x) .studio-cf__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:calc(var(--cf-min-h) + 2px);margin:0;padding:0 30px;border:0;border-radius:var(--cf-radius);background:var(--cf-accent);box-shadow:0 10px 24px -14px rgba(0,0,0,.55);color:var(--cf-on-accent);font:inherit;font-size:var(--cf-font);font-weight:700;line-height:1.2;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
:is(.studio-cf,#studio-cf-x) .studio-cf__button:hover{background:var(--cf-accent);color:var(--cf-on-accent);filter:brightness(1.08);transform:translateY(-1px)}
:is(.studio-cf,#studio-cf-x) .studio-cf__button:focus-visible{outline:3px solid var(--cf-accent);outline-offset:3px}
:is(.studio-cf,#studio-cf-x).is-btn-full .studio-cf__button{width:100%}
:is(.studio-cf,#studio-cf-x).is-btn-outline .studio-cf__button,:is(.studio-cf,#studio-cf-x).is-btn-outline .studio-cf__button:hover{background:transparent;box-shadow:inset 0 0 0 2px var(--cf-accent);color:var(--cf-accent)}
:is(.studio-cf,#studio-cf-x).is-btn-outline .studio-cf__button:hover{background:rgba(37,78,58,.08);background:color-mix(in srgb,var(--cf-accent) 10%,transparent);filter:none}
:is(.studio-cf,#studio-cf-x).is-sending .studio-cf__button{cursor:progress;filter:saturate(.7);transform:none}
:is(.studio-cf,#studio-cf-x).is-sending .studio-cf__button::after{content:"";width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:studio-cf-spin .7s linear infinite}

/* Podziękowanie po wysłaniu. */
:is(.studio-cf,#studio-cf-x) .studio-cf__success{display:flex;align-items:center;gap:16px;padding:22px 24px;border:1px solid rgba(37,78,58,.3);border:1px solid color-mix(in srgb,var(--cf-accent) 35%,transparent);border-radius:var(--cf-radius);background:rgba(37,78,58,.08);background:color-mix(in srgb,var(--cf-accent) 9%,transparent);outline:none;animation:studio-cf-in .45s cubic-bezier(.2,.7,.2,1)}
:is(.studio-cf,#studio-cf-x) .studio-cf__success p{margin:0;color:inherit;font-size:1.05rem;font-weight:550;line-height:1.5}
.studio-cf__success-icon{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--cf-accent)}
.studio-cf__success-icon::after{content:"";position:absolute;left:15px;top:11px;width:9px;height:16px;border-right:3px solid var(--cf-on-accent);border-bottom:3px solid var(--cf-on-accent);transform:rotate(45deg)}

/* Tryb ciemny Studio: własne tło pól i tekst przycisku z obrysem w jasnym odpowiedniku akcentu. */
html.studio-dark :is(.studio-cf,#studio-cf-x){--cf-field-bg:var(--cf-field-bg-d,transparent)!important}
html.studio-dark :is(.studio-cf,#studio-cf-x).is-style-filled .studio-cf__input{background:var(--cf-field-bg-d,var(--cf-fill))}
html.studio-dark :is(.studio-cf,#studio-cf-x).is-btn-outline .studio-cf__button{box-shadow:inset 0 0 0 2px var(--cf-accent-ink-d,var(--cf-accent));color:var(--cf-accent-ink-d,var(--cf-accent))}
html.studio-dark :is(.studio-cf,#studio-cf-x){--cf-error:#ff8a80}

/* Edytor: klik w pole wybiera je w panelu bocznym. */
:is(.studio-cf,#studio-cf-x).is-editor .studio-cf__field{position:relative;cursor:pointer;border-radius:6px;outline:1px dashed transparent;outline-offset:5px;transition:outline-color .15s}
:is(.studio-cf,#studio-cf-x).is-editor .studio-cf__field:hover{outline-color:rgba(127,127,127,.5)}
:is(.studio-cf,#studio-cf-x).is-editor .studio-cf__field.is-active-field{outline:2px solid #3858e9}
:is(.studio-cf,#studio-cf-x).is-editor .studio-cf__input,:is(.studio-cf,#studio-cf-x).is-editor .studio-cf__choice input{pointer-events:none}
:is(.studio-cf,#studio-cf-x).is-editor .studio-cf__add{display:flex;align-items:center;justify-content:center;gap:8px;grid-column:1/-1;min-height:46px;margin:0;padding:0 16px;border:1px dashed var(--cf-line-strong);border-radius:var(--cf-radius);background:transparent;color:inherit;font:inherit;font-size:.92rem;opacity:.75;cursor:pointer}
:is(.studio-cf,#studio-cf-x).is-editor .studio-cf__add:hover{opacity:1}
.studio-editor-fields .components-button small{opacity:.7;font-size:11px}

@keyframes studio-cf-spin{to{transform:rotate(360deg)}}
@keyframes studio-cf-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.studio-cf *,.studio-cf *::after{animation:none!important;transition:none!important}}