/* =========================================
   SELINA – KONTAKTFORMULAR (ThemeREX override-sicher)
   ========================================= */

.selina-contact-form{
    max-width: 1000px;
    margin: 0 auto;
}

/* Labels */
.selina-contact-form label{
    display:block;
    margin-top:14px;
    font-weight:600;
}

/* Inputs / Select / Textarea */
.selina-contact-form input,
.selina-contact-form select,
.selina-contact-form textarea{
    width:100% !important;
    padding:10px 12px !important;
    margin-top:6px !important;
    border:1px solid #ccc !important;
    border-radius:6px !important;
    font-size:15px !important;
    box-shadow:none !important;
    background:#fff !important;
    outline:none !important;
    -webkit-appearance:none;
    appearance:none;
}

/* Select Pfeil bleibt vom Theme – ok. Wenn du willst, bauen wir ihn später sauber selbst. */
.selina-contact-form textarea{
    resize:vertical;
}

/* Grid
.selina-contact-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:24px;
    margin-bottom:10px;
}


/* Nachricht Block */
.selina-contact-message{
    margin-top:10px;
}

/* Hinweistext */
.selina-contact-note{
    font-size:14px;
    font-style:italic;
    opacity:.75;
    margin-top:8px;
    margin-bottom:18px;
}

/* Turnstile Abstand */
.selina-contact-form .cf-turnstile{
    margin: 14px 0 16px;
}

/* Button */
.selina-contact-form button{
    margin-top:10px;
    padding:12px 18px;
    font-size:16px;
    cursor:pointer;
}

/* Mobile */
@media (max-width:768px){
    .selina-contact-grid{
        grid-template-columns:1fr;
    }
}