/* =========================================================
   TRACTOREX - ACCESIBILIDAD
   Header y Footer
   ========================================================= */


/* =========================================================
   LOGO DEL HEADER - FOCO DE TECLADO
   ========================================================= */

.et-l--header .et_pb_image a:focus-visible {
    outline: 3px solid #1F4D2B !important;
    outline-offset: 4px !important;
}


/* =========================================================
   FOCO VISIBLE
   Navegación mediante teclado
   ========================================================= */

.et_pb_menu a:focus-visible,
.et_pb_menu button:focus-visible,
.et_pb_menu input:focus-visible,
.et_pb_menu select:focus-visible,
.et_pb_menu textarea:focus-visible,
.et_pb_menu .mobile_menu_bar:focus-visible,
.et-l--footer a:focus-visible,
.et-l--footer button:focus-visible,
.et-l--footer input:focus-visible,
.et-l--footer select:focus-visible,
.et-l--footer textarea:focus-visible {

    outline: 3px solid #1F4D2B !important;
    outline-offset: 3px !important;

}


/* =========================================================
   HEADER OSCURO
   El foco no depende únicamente del color
   ========================================================= */

.et_pb_menu .et-menu > li > a:focus-visible {

    outline: 3px solid #FFFFFF !important;
    outline-offset: 4px !important;

    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 4px !important;

}


/* ==========================================================
   MENÚ HAMBURGUESA DIVI 5
   ========================================================== */

.mobile_menu_bar:focus,
.mobile_menu_bar:focus-visible {

    outline: 3px solid #FFFFFF !important;
    outline-offset: 4px !important;
    border-radius: 4px;
    box-shadow: 0 0 0 3px #7EBF5C;

}

/* =========================================================
   ENLACES - FOCO VISIBLE
   ========================================================= */

a:focus-visible {

    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;

}

/* =========================================================
   FOCO VISIBLE - ENLACES DE POLÍTICA Y AVISO LEGAL
   ========================================================= */

.et_pb_text a:focus-visible {
    outline: 3px solid #1F4D2B !important;
    outline-offset: 4px !important;
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 4px !important;
}


/* =========================================================
   EVITAR DOBLE FOCO CON EL RATÓN
   ========================================================= */

:focus:not(:focus-visible) {

    outline: none;

}

/* =========================================================
   RESPETAR REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .et_pb_menu *,
    .et-l--footer * {

        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;

    }

}

/* =========================================================
   TRACTOREX - ACCESIBILIDAD CONTACT FORM 7
   ========================================================= */

/* ---------------------------------------------------------
   FOCO VISIBLE EN CAMPOS DEL FORMULARIO
   --------------------------------------------------------- */

.wpcf7-form input:focus-visible,
.wpcf7-form textarea:focus-visible,
.wpcf7-form select:focus-visible,
.wpcf7-form button:focus-visible {
    outline: 3px solid #1F4D2B !important;
    outline-offset: 3px !important;
}


/* ---------------------------------------------------------
   ETIQUETAS DE LOS CAMPOS
   --------------------------------------------------------- */

.wpcf7-form label {
    display: inline-block;
    margin-bottom: 6px;
    font-weight: 600;
    line-height: 1.4;
}

/* ---------------------------------------------------------
   CAMPOS DEL FORMULARIO
   --------------------------------------------------------- */

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100%;
}

/* ---------------------------------------------------------
   CHECKBOX DE PRIVACIDAD
   --------------------------------------------------------- */

.wpcf7-form input[type="checkbox"] {
    width: 22px;
    height: 22px;
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 3px;
}

.wpcf7-form input[type="checkbox"]:focus-visible {
    outline: 3px solid #1F4D2B !important;
    outline-offset: 3px !important;
}

/* ---------------------------------------------------------
   TEXTO Y ENLACE DE PRIVACIDAD
   --------------------------------------------------------- */

.wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    line-height: 1.5;
}

.wpcf7-acceptance .acept a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wpcf7-acceptance .acept a:focus-visible {
    outline: 3px solid #1F4D2B !important;
    outline-offset: 3px !important;
    text-decoration-thickness: 2px !important;
}

/* ---------------------------------------------------------
   TEXTO INFORMATIVO SOBRE LOS DATOS
   --------------------------------------------------------- */

.wpcf7-form .info-datos {
    font-size: 14px;
    line-height: 1.5;
    color: #F1F3F4;
}

/* ---------------------------------------------------------
   RESPETAR REDUCCIÓN DE MOVIMIENTO
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .wpcf7-form *,
    .wpcf7-form *::before,
    .wpcf7-form *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =====================================================
   TRACTOREX · FOCO DE TECLADO
   ===================================================== */

:where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid #2F6B2F;
    outline-offset: 4px;
}

/* =========================================================
   CONTACT FORM 7 - CONTRASTE DE ENLACES con fondo negro
   ========================================================= */

.wpcf7-form a {
    color: #7EBF5C !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.wpcf7-form a:focus-visible {
    outline: 3px solid #7EBF5C !important;
    outline-offset: 3px !important;
}

/* =========================================================
   COMPLIANZ - MAPA DE GOOGLE
   Botón de contenido bloqueado
   ========================================================= */

.cmplz-blocked-content-notice,
.cmplz-accept-category {
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 16px;
    line-height: 1.4;
}

/* Hover */

.cmplz-blocked-content-notice:hover,
.cmplz-accept-category:hover {
    background-color: #fff !important;
    color: #000 !important;
}

/* Foco de teclado */

.cmplz-blocked-content-notice:focus-visible,
.cmplz-accept-category:focus-visible {
    outline: 3px solid #7EBF5C !important;
    outline-offset: 4px !important;
}

/* =========================================================
   COMPLIANZ - POLÍTICA DE COOKIES
   ========================================================= */

/* Texto de la política */

#cmplz-document p {
    font-size: 16px !important;
    line-height: 1.6;
}

/* Checkboxes */

input.cmplz-consent-checkbox {
    width: 24px;
    height: 24px;
    margin: 10px;
    cursor: pointer;
}

/* Foco visible de los checkboxes */

input.cmplz-consent-checkbox:focus-visible {
    outline: 3px solid #1F4D2B !important;
    outline-offset: 3px !important;
}

/* Separación del texto */

input.cmplz-consent-checkbox + label,
input.cmplz-consent-checkbox {
    margin-bottom: 12px;
}

/* ======================================= */
/* BOTÓN VOLVER ARRIBA - TRACTOREX */
/* ======================================= */

.et_pb_scroll_top.et-pb-icon {
    background-color: #4f9f2f;
    border-radius: 10px 0 0 10px;
    border-right: 4px solid #2f6b2f;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    /* Evitamos el icono de fuente de Divi */
    font-family: initial !important;
}

/* FLECHA HACIA ARRIBA */
.et_pb_scroll_top.et-pb-icon:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: rotate(-45deg);
    margin-top: 5px;
}

/* HOVER */
.et_pb_scroll_top.et-pb-icon:hover {
    background-color: #2f6b2f;
    transform: translateY(-2px);
}

/* FOCO DE TECLADO */
.et_pb_scroll_top.et-pb-icon:focus {
    outline: 3px solid red !important;
    outline-offset: 3px !important;
}