/* ---------------------- VB-Forma Plugin Styles -------------------*/

.pasiteiravimas-container.wp-block-group {margin-block-start: 1.5rem;}

/* --- Form Container & Wrapper --- */
.pasiteiravimas-container {
    /* Galite palikti šią klasę bendram bloko stiliui, jei reikia */
}

.pasiteiravimas-form-wrapper {
    max-width: 650px;
    margin: 0 auto;
    padding: 1.5rem; /* Padidinau paddingą šiek tiek */
    border-radius: 4px;
    background-color: #ffffff;
    margin-block-start: 2rem; /* Pridėjau viršutinę paraštę */
    margin-block-end: 2rem; /* Pridėjau apatinę paraštę */
}

/* --- Input Fields --- */
.input-field {
    position: relative; /* Reikalinga, jei norėsite pridėti ikonėlių ar pan. */
    margin-block-end: 1rem; /* Padidinau tarpą tarp laukų */
}

.input-field input[type="text"],
.input-field input[type="email"],
.input-field input[type="tel"] /* Pridėtas tel tipas */
{
    width: 100%;
    box-sizing: border-box;
    padding: .75rem 1.5rem; /* Pakeičiau į vienodesnį paddingą */
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 1.05rem;
    line-height: 1.5rem;
    transition: border-color .2s ease, box-shadow .2s ease;
    font-family: inherit; /* Užtikrina temos šrifto paveldėjimą */
}

/* --- Checkbox Specific Styles --- */
.input-field.checkbox-container {
    margin-block-start: 1.5rem; /* Padidintas tarpas prieš checkbox'us */
    margin-block-end: 1rem;
}

.input-field.checkbox-container fieldset { /* Stilius fieldset elementui */
    border: none;
    padding: 0;
    margin: 0;
}

.input-field.checkbox-container legend.screen-reader-text {
     /* Stilius paslėptai legendai */
     /* Jau yra screen-reader-text stilius žemiau */
}


.input-field.checkbox-container input[type="checkbox"] {
    width: auto;
    margin-block-end: 0.5rem;
    transform: scale(1.2);
    margin-right: 0.5em; /* Tarpas tarp checkbox ir teksto */
    vertical-align: middle; /* Lygiavimas su tekstu */
}

.vb-form-checkbox-text {
    font-size: 1.05rem;
    line-height: 1.5; /* Geresnis suderinamumas */
    color: #333333;
    vertical-align: middle; /* Lygiavimas su checkbox */
    display: inline-block; /* Leidžia geriau valdyti lygiavimą */
}

/* --- Error State Styling --- */
.input-field.has-error input[type="text"],
.input-field.has-error input[type="email"],
.input-field.has-error input[type="tel"] {
    border-color: #dc3232; /* Raudonas rėmelis */
    box-shadow: 0 0 0 1px #dc3232; /* Papildomas šešėlis */
}

/* --- Focus State Styling --- */
.input-field input:focus {
    border-color: #1368b0; /* Naudojam mygtuko spalvą fokusavimui */
    outline: none;
    box-shadow: 0 0 0 3px rgba(19, 104, 176, 0.3); /* Atitinkamas išorinis šešėlis */
}

/* --- Focus State When Field ALSO has Error --- */
.input-field.has-error input:focus {
    border-color: #dc3232; /* Paliekam raudoną rėmelį */
    box-shadow: 0 0 0 1px #dc3232, 0 0 0 3px rgba(220, 50, 50, 0.3); /* Raudonas vidinis ir išorinis šešėlis */
}

/* --- Submit Button --- */
.pasiteiravimas-form-wrapper .wp-block-buttons {
    justify-content: center;
    margin-block-start: 1.5rem; /* Padidintas tarpas prieš mygtuką */
    margin-block-end: 0; /* Nulinis tarpas po mygtuku, jei po jo eina meta tekstas */
}

.wp-element-button,
.wp-block-button__link {
    background-color: #1368b0;
    color: #FFFFFF;
    border: 1px solid #1368b0;
    border-radius: 3px;
    padding: 8px 20px; /* Supaprastintas padding */
    font-size: 1.1rem;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease; /* Pridėta tranzicija */
    text-decoration: none; /* Nuimam pabraukimą, jei tai nuoroda */
    display: inline-block; /* Geresniam atvaizdavimui */
    text-align: center;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
    background-color: #10568f; /* Šiek tiek tamsesnė hover spalva */
    border-color: #10568f;
    color: #FFFFFF;
    opacity: 0.95; /* Švelnus permatomumas hover metu */
}

/* --- Form Meta Text --- */
.pasiteiravimas-form-meta p {
    margin-block-start: 1.2rem;
    margin-block-end: 0rem;
    font-size: 0.92rem;
    color: #444444;
    line-height: 1.5rem;
    text-align: center;
}

/* --- Message Boxes (Replaces .uzklausos-atsakymas-container) --- */
.vb-forma-message {
    max-width: 650px; /* Išlaikom tą patį plotį kaip formos */
    margin: 0 auto; /* Centravimas */
    padding: 1em 1.5em;
    margin-block-start: 2rem;
    margin-block-end: 2rem;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f8f8f8; /* Default background */
}

.vb-forma-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.vb-forma-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.vb-forma-error p,
.vb-forma-success p,
.vb-forma-success h3 { /* H3 gali būti sėkmės pranešime */
    margin: 0; /* Nuimam numatytas paragrafų/antraštės paraštes viduje */
    text-align: center;
    line-height: 1.4;
}
.vb-forma-success h3 {
    font-size: 1.2em; /* Šiek tiek didesnė sėkmės antraštė */
   /*  font-weight: bold; */
}


/* --- Preparing Message --- */
#vbFormPreparingMessage {
    text-align: center;
    padding: 1.5rem 0;
    font-weight: 600;
    display: none; /* Pradinė būsena valdoma per PHP onsubmit */
    color: #333;
}

/* --- Accessibility --- */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important; /* Svarbu */
    width: 1px;
    word-wrap: normal !important; /* Svarbu */
}

/* --- reCAPTCHA Badge --- */
.grecaptcha-badge {
    transform: scale(0.90);
    -webkit-transform: scale(0.90);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    /* Apsvarstykite position: fixed; bottom: 15px; right: 15px; jei norite fiksuoti */
}

/* --- Responsive Adjustments --- */
@media (max-width: 880px) {
    /* Paliekam seną taisyklę, bet galbūt reikės daugiau korekcijų */
    .pasiteiravimas-form-wrapper {
        padding: 0.5rem; /* Sumažinam paddingą mažesniuose ekranuose */
    }
    .vb-forma-message {
         padding: 1em; /* Sumažinam pranešimų paddingą */
    }
}

@media (max-width: 600px) {
     .pasiteiravimas-form-wrapper {
        padding: 0rem; /* Dar sumažinam */
    }
    .input-field input[type="text"],
    .input-field input[type="email"],
    .input-field input[type="tel"] {
        padding: .6rem 1rem; /* Sumažintas paddingas laukuose */
        font-size: 1rem;
    }
     .vb-form-checkbox-text {
        font-size: 1rem;
    }
     .wp-element-button,
    .wp-block-button__link {
        font-size: 1rem;
        padding: 6px 15px;
    }
     .grecaptcha-badge {
        transform: scale(0.80); /* Dar sumažinam reCAPTCHA ženklelį */
        transform-origin: 0 0;
    }
}