/* =====================================================
   NUMMERI AIO UI 1.0C
   SPRINT 01.1
   WPFORMS PREMIUM
===================================================== */

/* ==========================================
   KONTENER FORMULARZA
========================================== */

.wpforms-container{

    max-width:980px;
    margin:40px auto;
}

.wpforms-container form{

    background:#ffffff;

    border:1px solid rgba(111,44,255,.14);

    border-radius:22px;

    padding:38px;

    position:relative;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:
        0 10px 35px rgba(15,23,42,.08);
}

.wpforms-container form::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:22px;

    border:1px solid rgba(181,134,234,.20);

    pointer-events:none;

    transition:.35s;
}

.wpforms-container form:hover{

    transform:translateY(-2px);

    box-shadow:
        0 18px 50px rgba(111,44,255,.14);
}

.wpforms-container form:hover::before{

    border-color:rgba(181,134,234,.45);
}

/* ==========================================
   ETYKIETY
========================================== */

.wpforms-field-label{

    font-size:16px !important;

    font-weight:700 !important;

    color:#2d2d2d !important;

    margin-bottom:10px !important;

    letter-spacing:.2px;
}

/* Opis pola */

.wpforms-field-description{

    font-size:13px !important;

    color:#7a7a7a !important;

    margin-top:6px !important;

    line-height:1.5;
}

/* ==========================================
   ODSTĘPY
========================================== */

.wpforms-container .wpforms-field{

    margin-bottom:26px !important;
}


/* ==========================================
   INPUT
========================================== */

.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=number],
.wpforms-container input[type=tel],
.wpforms-container input[type=date],
.wpforms-container textarea,
.wpforms-container select{

    width:100%;

    background:#ffffff;

    border:1px solid rgba(111,44,255,.18) !important;

    border-radius:12px !important;

    padding:14px 18px !important;

    font-size:15px;

    color:#2d2d2d;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .20s ease;
}

/* Hover */

.wpforms-container input:hover,
.wpforms-container textarea:hover,
.wpforms-container select:hover{

    border-color:#7b32ff !important;
}

/* Focus */

.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus{

    outline:none;

    border-color:#7b32ff !important;

    box-shadow:
        0 0 0 4px rgba(181,134,234,.18);

    transform:translateY(-1px);
}

/* Textarea */

.wpforms-container textarea{

    min-height:180px;

    resize:vertical;
}



/* =====================================================
   NUMMERI AIO UI 1.0C
   SPRINT 01.1A
   INFO CARD
===================================================== */

.na-info-card{

    position:relative;

    background:#ffffff;

    border:1px solid rgba(111,44,255,.12);

    border-radius:22px;

    padding:34px 38px;

    margin:40px auto;

    box-shadow:
        0 12px 35px rgba(95,14,190,.08);

    overflow:hidden;
	

    transition:.35s ease;
}

.na-info-card:hover{

    transform:translateY(-2px);

    box-shadow:
        0 18px 45px rgba(95,14,190,.14);
}


/* ==========================================
   LAWENDOWA LINIA
========================================== */

.na-info-card::before{

    content:"";

    position:absolute;

    left:28px;

    top:30px;

    bottom:30px;

    width:5px;

    border-radius:50px;

    background:linear-gradient(
        180deg,
        #d9b8ff 0%,
        #b586ea 45%,
        #8f5de8 100%
    );
}


/* ==========================================
   HEADER
========================================== */

.na-info-header{

    display:flex;

    align-items:center;

    gap:18px;

    margin-left:48px;

    margin-bottom:28px;
	
	
}

.na-info-header i{

    font-size:34px;

    color:#7b32ff;
	
	
}

.na-info-header h3{
	

	

   margin:0;

	font-size:36px;

    font-weight:700;

    color:#2d2d2d;
	
	font-family: inherit !important; 
}


/* ==========================================
   LISTA
========================================== */

.na-info-list{

    list-style:none;

    margin:0;

    padding:0 0 0 48px;
}

.na-info-list li{

    display:flex;

    align-items:flex-start;

	gap:18px;

    margin-bottom:22px;

    line-height:1.7;

    color:#4d4d4d;

    font-size:20px;
}

/* ==========================================
   PTASZKI
========================================== */

.na-info-list li::before{

    content:"✓";

    width:34px;

    height:34px;

    flex:0 0 34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:18px;

    font-weight:700;

    color:#ffffff;

    background:linear-gradient(
        135deg,
        #5f0ebe 0%,
        #7b32ff 55%,
        #b586ea 100%
    );

    box-shadow:
        0 8px 18px rgba(95,14,190,.18);
}




/* ==========================================================
   Sprint 01.4
   Wypełnione pola formularza
========================================================== */

.wpforms-container input.na-filled,
.wpforms-container textarea.na-filled,
.wpforms-container select.na-filled{

    border-color:#7b32ff !important;

    box-shadow:
        0 0 0 2px rgba(181,134,234,.10);
}





/* ==========================================================
   NUMMERIAIO – Nagłówki sekcji formularza
========================================================== */

.wpforms-field.na-section {
    margin: 42px 0 28px;
    padding: 0 22px;
    min-height: 80px;

    display: flex;
    align-items: center;

    background: #faf7ff;
    border-left: 4px solid #5f0ebe;
    border-radius: 12px;
}

.wpforms-field.na-section .wpforms-field-label {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    min-height: 80px;

    color: #5f0ebe;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
 


.wpforms-field.na-section input {
    display: none;
}


.wpforms-field.na-section .wpforms-field-description,
.wpforms-field.na-section .wpforms-description {
    margin-top: 8px;
    color: #666;
    font-size: 15px;
    line-height: 1.6;
}

.wpforms-field.na-section:last-child {
    margin-bottom: 10px;
}


/* ==========================
 * CHECKBOXY
============================*/


/* ==========================================================
   NUMMERIAIO UI
   CHECKBOX v1.0
   Sprint 01.3A - Fundament
========================================================== */

.wpforms-field.na-check ul {
    margin: 0;
    padding: 0;
}

.wpforms-field.na-check li {

    display: flex;
    align-items: center;

    gap: 16px;

    margin-bottom: 14px;
    padding: 16px 18px;

    list-style: none;

   /* border: 2px solid #ebe3fb; */
	
	border: 1px solid rgba(111,44,255,.18);
    border-radius: 14px;

    background: #ffffff;

    transition: .25s ease;
}

.wpforms-field.na-check input[type="checkbox"] {

    width: 22px;
    height: 22px;

    margin: 0;

    accent-color: #5f0ebe;

    flex-shrink: 0;

    cursor: pointer;
}

.wpforms-field.na-check label {

    flex: 1;

    margin: 0;

    display: flex;
    align-items: center;

    cursor: pointer;

    line-height: 1.5;
}




/* ==========================================================
   Sprint 01.3B – Hover
========================================================== */

.wpforms-field.na-check li:hover {

    background: #faf7ff;

    border-color: #7b32ff;

    transform: translateY(-1px);

    box-shadow:
        0 4px 12px rgba(95,14,190,.08); 
}


.wpforms-field.na-check li:hover label {

    color: #2d2145;
}




/* ==========================================================
   Sprint 01.3C – Selected
========================================================== */

.wpforms-field.na-check li.wpforms-selected{

    background:#faf7ff;

    border-color:#7b32ff;

    box-shadow:
        0 0 0 4px rgba(181,134,234,.14);

    transform:translateY(-1px);
}









/* ==========================================================
   Premium Checkbox - Etap 1
========================================================== */

.wpforms-container .wpforms-field-checkbox li{
    position:relative;
}

.wpforms-container .wpforms-field-checkbox label.wpforms-field-label-inline{

    display:flex;
    align-items:center;
    gap:12px;

    cursor:pointer;
	position:relative;

}

.wpforms-container .wpforms-field-checkbox label.wpforms-field-label-inline::before{

    content:"";

    width:20px;
    height:20px;

    border:2px solid #cfd3dc;

    border-radius:5px;

    background:#fff;

    box-sizing:border-box;

    transition:all .25s ease;

    flex-shrink:0;

}


/* Etap 2 - ukrycie natywnego checkboxa */

.wpforms-container .wpforms-field-checkbox input[type="checkbox"]{

    position:absolute;

    opacity:0;

    width:20px;

    height:20px;

    margin:0;

    pointer-events:none;

}


/* Etap 3 */

.wpforms-container .wpforms-field-checkbox li.wpforms-selected label::before{

    background:#8b5cf6;
    border-color:#8b5cf6;

}






/* ==========================================================
   Premium Checkbox - Etap 4
========================================================== */

.wpforms-container .wpforms-field-checkbox label::after{

    content:"";

    position:absolute;

    left:19px;
    top:48%;

    width:7px;
    height:14px;
	

    border:solid #ffffff;
    border-width:0 2px 2px 0;

    transform:translateY(-50%) rotate(45deg) scale(1);

    opacity:0;

    transition:all .18s ease;

}

.wpforms-container .wpforms-field-checkbox li.wpforms-selected label::after{

    transform:translateY(-50%) rotate(45deg) scale(1);

    opacity:1;

}






/* ==========================================
   KOMUNIKAT SUKCESU
========================================== */

/* ==========================================
   SUCCESS CARD - ETAP 1
========================================== */

.wpforms-confirmation-container-full{
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
 /*   margin:40px 0 !important; */
    box-shadow:none !important;
}


/* ==========================================
   SUCCESS CARD - ETAP 1
========================================== */

.wpforms-confirmation-container-full .na-success-card{
	


     position:relative;

    background:#ffffff;

    border:1px solid rgba(111,44,255,.12);

    border-radius:22px;
	
	padding:48px 48px 48px 70px;

  /*  padding:34px 38px; */

    box-shadow:
        0 12px 35px rgba(95,14,190,.08);

    overflow:hidden;
}

.na-success-card h3{

    display:flex;
    align-items:flex-start;
    gap:18px;

    margin:0 0 22px;

    font-size:32px !important;
    font-weight:700 !important;
    line-height:1.3;
    font-family:inherit !important;
    color:#2d2d2d !important;
    letter-spacing:0 !important;

}

.na-success-card p{

    margin: 0 0 16px;

    font-size: 18px;

    line-height: 1.8;

    color: #555555;

}

.na-success-card::before{
    content:"";
    position:absolute;
    left:24px;
    top:45px;
    bottom:45px;
    width:4px;
    border-radius:20px;
    background:linear-gradient(
        180deg,
        #5f0ebe 0%,
        #7b32ff 60%,
        #b586ea 100%
    );
}

.na-success-card h3::before{

    content:"✓";

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(
        180deg,
        #5f0ebe 0%,
        #7b32ff 100%
    );

    color:#fff;

    font-size:22px;

    font-weight:700;

    flex-shrink:0;
	
	margin-top:4px;

}






/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:768px){

.na-info-card{

    padding:28px 24px;
}

.na-info-card::before{

    left:18px;
}

.na-info-header{

    margin-left:28px;

    gap:14px;
}

.na-info-header h3{

    font-size:24px;
}

.na-info-list{

    padding-left:28px;
}

.na-info-list li{

    font-size:15px;
}

}



/* Przycisk Wyślij formularz */
.wpforms-container .wpforms-submit-container{
    display:flex;
    justify-content:flex-end;
}