.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sora;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sora;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2214 .elementor-element.elementor-element-5d2ceb5{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wpforms .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sora;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-wpforms .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sora;font-weight:var( --e-global-typography-secondary-font-weight );}#elementor-popup-modal-2214{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2214 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-2214 .dialog-close-button{display:flex;}#elementor-popup-modal-2214 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for wpforms, class: .elementor-element-cedc937 *//* ==========================================
   1. STYLIZACJA POPUPU (KONTENER I ZAMKNIĘCIE)
   ========================================== */

/* Usunięcie białego tła i ramki */
.dialog-widget-content {
    background-color: #0c0813 !important;
    border: 2px solid #3d275a !important;
    border-radius: 16px !important;
    box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.8) !important;
}

/* Marginesy wewnętrzne */
.dialog-message {
    padding: 30px !important;
}

/* Przycisk zamknięcia (X) */
.dialog-close-button {
    color: #bfaecf !important;
    background-color: transparent !important;
    font-size: 24px !important;
    top: 15px !important;
    right: 15px !important;
    transition: color 0.3s ease !important;
}

.dialog-close-button:hover {
    color: #8f44fd !important;
    background-color: transparent !important;
}


/* ==========================================
   2. STYLIZACJA ELEGANCKIEGO CHECKBOXA (STAŁY FIOLET)
   ========================================== */

/* Usunięcie marginesów kontenera WPForms */
.wpforms-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* Wyrównanie tekstu zgody do środka w pionie */
.wpforms-field-checkbox label {
    display: flex !important;
    align-items: flex-start !important;
    cursor: pointer !important;
    gap: 10px !important;
}

/* Tworzenie nowego wyglądu checkboxa - STAŁA WIDOCZNA RAMKA */
.wpforms-field-checkbox input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important; /* wyłączenie domyślnego systemowego wyglądu */
    
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    
    background-color: #120d1a !important; /* ciemne tło w środku */
    border: 2px solid #8f44fd !important; /* STAŁA jasnofioletowa ramka, widoczna od razu */
    border-radius: 4px !important;
    margin: 2px 0 0 0 !important;
    
    position: relative !important;
    cursor: pointer !important;
    display: inline-block !important;
    transition: all 0.2s ease-in-out !important;
}

/* Efekt po najechaniu myszką dla checkboxa */
.wpforms-field-checkbox input[type="checkbox"]:hover {
    box-shadow: 0 0 8px rgba(143, 68, 253, 0.6) !important;
    border-color: #a366ff !important;
}

/* Wygląd po zaznaczeniu (Checked) */
.wpforms-field-checkbox input[type="checkbox"]:checked {
    background-color: #8f44fd !important; /* wypełnienie fioletem */
    border-color: #8f44fd !important;
}

/* Rysowanie białego ptaszka (v) wewnątrz zaznaczonego pola */
.wpforms-field-checkbox input[type="checkbox"]:checked::after {
    content: '' !important;
    position: absolute !important;
    left: 5px !important;
    top: 1px !important;
    width: 4px !important;
    height: 8px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}


/* ==========================================
   3. PRZYCISK WYŚLIJ (DUŻY NA CAŁĄ SZEROKOŚĆ)
   ========================================== */
.wpforms-submit-container {
    text-align: center !important;
    padding: 0 !important;
    margin-top: 15px !important;
}

.wpforms-submit {
    width: 100% !important; /* potężny przycisk na całą szerokość */
    background: linear-gradient(135deg, #8f44fd 0%, #6f16f3 100%) !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 14px 30px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.wpforms-submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(143, 68, 253, 0.5) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d2ceb5 *//* Wymuszenie stałej widoczności otwartego popupa */
.elementor-popup-modal {
    pointer-events: none !important;
}

.elementor-popup-modal .dialog-widget-content {
    pointer-events: auto !important;
}

/* Zapobiega ukrywaniu okna przy akcjach na elementach formularza */
.elementor-popup-modal.dialog-show {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}/* End custom CSS */