/*
Theme Name: Theme enfant nirvana
Description: Theme enfant de Joêl nirvana
Author: Joël - naturaphotos.fr
Template: nirvana
Version: 0.6.0
*/

/* =====================================================
   FOOTER INVISIBLE (SAFE ELEMENTOR)
===================================================== */

#footer {
  background: transparent !important;
  border: 0 !important;
}

#footer2,
#footer2-inside,
#colophon {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#footer2-inside {
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* =====================================================
   BOUTON PASSKEY — STYLE GLOBAL (UTILISÉ SUR /newlogin/)
===================================================== */

#login-via-passkey {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    min-height: 48px !important;
    padding: 10px 15px !important;

    font: normal 15px "Default", sans-serif !important;
    font-weight: 200 !important; /* NORMAL */

    background: #3C5A57 !important;
    border: 1px solid #3A3B3D !important;
    border-radius: 5px !important;

    color: #f3f4e5 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

#login-via-passkey:hover {
    background-color: #3A3B3D !important;
}

#login-via-passkey span,
#login-via-passkey svg {
    color: #f3f4e5 !important;
    stroke: #f3f4e5 !important;
    flex-shrink: 0 !important;
}

/* =====================================================
   WIDGET LOGIN CLASSIQUE (Identifiant / Mot de passe)
===================================================== */

/* Bloc */
#members-widget-login-2 .members-login-form {
    border: none !important;
    padding: 15px !important;
}

/* Labels */
#members-widget-login-2 label,
#members-widget-login-2 .login-remember label {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

/* Champs */
#members-widget-login-2 input.input[type="text"],
#members-widget-login-2 input.input[type="password"] {
    width: 100% !important;
    background-color: #98bcb7 !important;
    border: 1px solid #61928C !important;
    color: #000 !important;
    padding: 6px 10px !important;
    transition: background-color .3s, border-color .3s;
}

/* Survol & Focus champs */
#members-widget-login-2 input.input:hover,
#members-widget-login-2 input.input:focus {
    background-color: #F3F4E5 !important;
    border-color: #3A3B3D !important;
    outline: none !important;
}

/* Bouton SE CONNECTER */
#members-widget-login-2 #wp-submit {
    width: 100% !important;
    height: 46px !important;
    padding: 12px 0 !important;

    background-color: #3C5A57 !important;
    color: #fff !important;

    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;

    font-size: 16px !important;
    font-weight: 600 !important; /* GRAS */

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#members-widget-login-2 #wp-submit:hover {
    background-color: #4f7a75 !important;
}

#members-widget-login-2 #wp-submit:active {
    background-color: #3A3B3D !important;
}

.members-login-error {
    animation: blinkError 2s infinite;
}

/* Animation de clignotement */
@keyframes blinkError {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* =====================================================
   WIDGET PASSKEY (Biométrie)
===================================================== */

/* Image */
#text-2 .textwidget img {
    display: block;
    margin: 10px auto 20px auto !important;
}

/* Alignement similaire au widget Login */
#secure-passkey-login-wrapper {
    padding: 10px !important;
    padding-left: 15px !important;
}

/* Bouton PASSKEY (version widget) */
#secure-passkey-login-wrapper #login-via-passkey {
    background-color: #3C5A57 !important;
    border: none !important;

    width: 98% !important;
    height: 46px !important;
    padding: 12px 0 !important;

    font-weight: 600 !important;

    border-radius: 4px !important;
    cursor: pointer !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#secure-passkey-login-wrapper #login-via-passkey:hover {
    background-color: #4f7a75 !important;
}

#secure-passkey-login-wrapper #login-via-passkey:active {
    background-color: #3A3B3D !important;
}

/* Messages d’alerte */
#secure-passkey-login-wrapper .notice {
    margin-top: 12px !important;
    padding: 10px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

#secure-passkey-login-wrapper .notice-error {
    background-color: #f8d7da !important;
    border-left: 4px solid #c82333 !important;
}

#secure-passkey-login-wrapper .notice-success {
    background-color: #d4edda !important;
    border-left: 4px solid #3C5A57 !important;
}

/* ===========================================
   WIDGET PASSKEY – AFFICHAGE APRÈS CONNEXION
   =========================================== */

/* Fond des éléments de la liste */
#text-2 .list-group-item {
    background-color: #F3F4E5 !important;
    border: 1px solid #444 !important;
    color: #f3f4e5 !important;
}

/* Texte principal */
#text-2 .list-group-item strong {
    color: #0a0a0a !important;
}

/* Texte secondaire (date, info) */
#text-2 .list-group-item .small {
    color: #0a0a0a !important;
}

/* Label "Active" */
#text-2 .list-group-item .label-success {
    background-color: #3C5A57 !important;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 3px 6px !important;
}

/* Bouton poubelle */
#text-2 .btn-delete-passkey {
    background-color: #a94442 !important;
    border: none !important;
    color: #fff !important;
    padding: 4px 7px !important;
    border-radius: 4px;
    cursor: pointer;
}

#text-2 .btn-delete-passkey:hover {
    background-color: #922d2b !important;
}