/* ==========================================================================
   Neuros - drobne korekty wdrozenia SilverStripe
   (wszystko, co nie pochodzi z eksportu WordPressa, trzymamy w tym pliku)
   ========================================================================== */

/* Eksport nie zawiera fontu eicons; ikona odtwarzania korzysta z fontello. */
.eicon-play:before {
    font-family: "fontello";
    content: '\e813';
}

/* Podglad pojedynczej sekcji w CMS - sekcja nie ma wtedy naglowka strony. */
body.neuro-section-preview .body-container { padding-top: 0; }

/* --- lightbox wideo (zamiennik lightboxa Elementora) --------------------- */
.neuros-lightbox { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; }
.neuros-lightbox__bg { position: absolute; inset: 0; background: rgba(0, 0, 0, .88); }
.neuros-lightbox__frame { position: relative; width: min(1100px, 92vw); aspect-ratio: 16 / 9; }
.neuros-lightbox__frame iframe { width: 100%; height: 100%; border: 0; border-radius: 12px; }
.neuros-lightbox__close { position: absolute; top: -44px; right: 0; width: 36px; height: 36px; border: 0; border-radius: 50%;
    background: #fff; color: #1f1f1f; font-size: 22px; line-height: 1; cursor: pointer; }

/* --- formularz sekcji Neuro ---------------------------------------------- */
.neuro-form-trap { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.wpforms-confirmation-container-full { padding: 18px 20px; border-radius: 12px; background: rgba(226, 76, 74, .1); color: #1f1f1f; }
.wpforms-error-container { margin-bottom: 16px; padding: 12px 18px; border-radius: 10px; background: rgba(226, 76, 74, .14); color: #b3352f; font-size: 14px; }

/* --- domyslny gradient wyroznienia w naglowku ----------------------------
   Arkusze Elementora definiuja gradient tylko dla wybranych elementow, a
   motyw przycina tlo do liter (background-clip:text, przezroczyste litery).
   Bez tej reguly wyroznienie w sekcji spoza eksportu jest niewidoczne. */
.neuros-heading .neuros-heading-content del {
    background-color: transparent;
    background-image: linear-gradient(262deg, #386BB7 0%, #E24C4A 100%);
}