/*
Theme Name: Kadence Child
Theme URI: https://tudominio.com
Description: Tema hijo de Kadence
Author: Tu Nombre
Author URI: https://tudominio.com
Template: kadence
Version: 1.0
*/

/* Importar estilos del tema padre */
@import url("../kadence/style.css");

/* ===========================================================
 * WORDFENCE MFA – Versión estable sin solapes
 * =========================================================== */

/* Referencia de la columna izquierda ("Acceder") */
.woocommerce .col2-set .col-1 {
    position: relative;
}

/* Overlay MFA como bloque normal, sin posición absoluta */
#wfls-prompt-overlay {
    position: static !important;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;   /* separa del título/inputs */
    margin-bottom: 1.5rem;
    pointer-events: none; /* solo la tarjeta recibe clics */
}

/* Tarjeta MFA */
#wfls-prompt-wrapper {
    pointer-events: auto;

    width: 100%;
    max-width: 440px;
    padding: 2rem 2rem;

    background: #f7f4f7;
    border: 1px solid #e0d8e5;
    border-radius: 18px;
    box-shadow: 0 10px 26px rgba(0,0,0,0.08);

    text-align: center;
    font-size: 1rem;
}

/* Título */
#wfls-prompt-wrapper p:first-child {
    margin-bottom: 1.4rem !important;
    font-weight: 600;
    font-size: 1.2rem;
    color: #2e2536;
}

/* Icono ayuda */
#wfls-prompt-wrapper .wfls-2fa-code-help {
    margin-left: 0.35rem;
    color: #7a688f;
}

/* Campo código 2FA centrado */
#wfls-token {
    display: block !important;
    margin: 0 auto 1.3rem auto !important;

    width: 150px;
    padding: 0.7rem;
    font-size: 1.5rem;
    text-align: center !important;
    letter-spacing: 0.22em;

    border-radius: 12px;
    border: 1px solid #c9bed6;
    background: #ffffff;
    color: #2e2536;
}

/* Foco accesible */
#wfls-token:focus {
    outline: none;
    border-color: #7a688f;
    box-shadow: 0 0 0 3px rgba(122, 104, 143, 0.25);
}

/* Botón Acceder */
#wfls-token-submit.button-primary {
    width: 100%;
    padding: 0.8rem;
    border-radius: 25px !important;
    border: none;

    background-color: #6c5a81 !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 1rem !important;
    cursor: pointer;

    box-shadow: 0 6px 14px rgba(0,0,0,0.13);
}

#wfls-token-submit.button-primary:hover {
    background-color: #59476c !important;
}

#wfls-token-submit.button-primary:active {
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

/* Responsive */
@media (max-width: 768px) {
    #wfls-prompt-wrapper {
        width: 92%;
        padding: 1.8rem 1.4rem;
    }

    #wfls-token {
        width: 140px;
        font-size: 1.4rem;
    }
}
/* ===========================================================
 * Mensaje ENS dentro del formulario MFA
 * Añadido bajo el título de la tarjeta
 * =========================================================== */

#wfls-prompt-wrapper p:first-child::after {
    content: "Este sistema utiliza autenticación robusta conforme a las medidas del Esquema Nacional de Seguridad (ENS). No compartas este código y utiliza un dispositivo confiable.";
    display: block;
    margin-top: 0.8rem;
    font-size: 0.85rem;
    line-height: 1.35;
    color: #5b4f63; /* tono suave acorde a tu diseño */
    font-weight: 400;
}