/* =========================================================
   CONTENEUR DU FORMULAIRE (carte premium)
   ========================================================= */
.atlas-form-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 0px;
    padding: 28px !important;
    margin-top: 20px;
}

/* =========================================================
   INPUTS SEBLOD — style par défaut
   ========================================================= */
.atlas-form-card input[type="text"],
.atlas-form-card input[type="email"],
.atlas-form-card input[type="tel"],
.atlas-form-card textarea,
.atlas-form-card .form-control,
.atlas-form-card .inputbox {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 2px !important;
    color: white !important; /* texte foncé par défaut */
    padding: 12px 14px !important;
    width: 100% !important;
    transition: all 0.25s ease !important;
}

/* Placeholder lisible */
.atlas-form-card input::placeholder,
.atlas-form-card textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}


/* =========================================================
   ÉTAT FOCUS — couleur corrigée (bleu foncé #213c50)
   ========================================================= */
.atlas-form-card input:focus,
.atlas-form-card textarea:focus,
.atlas-form-card .form-control:focus,
.atlas-form-card .inputbox:focus {
    outline: none !important;
    background-color: #213c50 !important; /* fond bleu foncé stable */
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #213c50 !important;

}

/* =========================================================
   TEXTAREA
   ========================================================= */
.atlas-form-card textarea {
    min-height: 130px;
    resize: vertical;
}

/* =========================================================
   BOUTON — design premium Atlas
   ========================================================= */
.atlas-form-card button,
.atlas-form-card .btn,
.atlas-form-card .button {
    background: linear-gradient(90deg, #1F67FF, #0D48A1) !important;
    border: none !important;
    border-radius: 2px !important;
    padding: 14px 20px !important;
    width: 100% !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 12px rgba(0, 80, 255, 0.25);
}

.atlas-form-card button:hover,
.atlas-form-card .btn:hover,
.atlas-form-card .button:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* =========================================================
   FIXES YooTheme / UIKit
   ========================================================= */
.uk-panel.atlas-form-card .cck_form input,
.uk-panel.atlas-form-card .cck_form textarea {
    background: rgba(255, 255, 255, 0.05) !important;
}

.uk-input,
.uk-textarea {
    background-color: transparent !important;
}

/* =========================================================
   BOUTON ENVOYER — Seblod
   ========================================================= */
#seblod_form_m118 #envoyer,
.atlas-form-card #envoyer,
.atlas-form-card button.button,
.atlas-form-card .cck_form_button_submit .btn {
    display: block !important;
    width: 160px !important;
    margin: 20px 0 0 auto !important;
    padding: 10px 0 !important;
    background: linear-gradient(90deg, #1F67FF, #0D48A1) !important;
    border-radius: 2px !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: 0 0 12px rgba(0, 80, 255, 0.25);
    transition: all 0.3s ease !important;
}

#seblod_form_m118 #envoyer:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Désactivation UIKIT */
#seblod_form_m118 #envoyer.uk-button {
    background: transparent !important;
    padding: 0 !important;
}

/* Correction padding Seblod */
.cck_form_button_submit button {
    padding: 0 !important;
}
