/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

/* Correcciones de accesibilidad */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}

/* Aumentar contraste mínimo (WCAG AA) */
body, p, span, a, li {
  color: #222 !important;
}

a:hover, a:focus {
  color: #000 !important;
}

/* Textos sobre fondos oscuros */
.qode-dark-section, .dark-section, .qode-dark {
  color: #fff !important;
}

/* ======== ACCESIBILIDAD: ampliar áreas táctiles ======== */

/* Enlaces y botones mínimos 44x44px */
a,
button {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Flechas de navegación (Flexslider, Swiper, etc.) */
a.flex-prev,
a.flex-next {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  min-height: 48px;
  padding: 12px;
  background: transparent; /* no cambia su estilo visual */
  touch-action: manipulation;
}

/* Permitir hacer clic en todo el área pero no alterar el icono */
a.flex-prev i,
a.flex-next i {
  pointer-events: none;
}

/* Añadimos foco visible (teclado) */
a:focus,
button:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}

/* OPCIONAL: solo aplicar esto en móviles (por debajo de 1024px) */
@media (max-width: 1024px) {
  a.flex-prev,
  a.flex-next {
    min-width: 56px;
    min-height: 56px;
    padding: 14px;
  }
}

/* 🔹 Correcciones de contraste mínimo (WCAG 2.1 nivel AA) */

/* Campos de formulario */
input.wpcf7-form-control {
  background-color: #ffffff !important;
  color: #222222 !important;
  border: 1px solid #333 !important;
}

input.wpcf7-form-control::placeholder {
  color: #555 !important; /* mayor contraste del placeholder */
}

/* Hover y foco accesibles */
input.wpcf7-form-control:focus {
  outline: 2px solid #004080 !important;
  outline-offset: 2px;
  background-color: #fff !important;
}

/* Cabecera (header_bottom) */
.header_bottom.clearfix {
  background-color: #ffffff !important;
  color: #111 !important;
}

/* Textos generales (para spans o bloques con bajo contraste) */
span, p, div.q_elements_item {
  color: #222 !important;
}

/* Buscador adminbar (solo visible para administradores logueados) */
#adminbar-search input.adminbar-input {
  background-color: #fff !important;
  color: #000 !important;
}

/* Botones generales */
button, input[type="submit"], .qbutton {
  background-color: #004080 !important;
  color: #fff !important;
}

button:hover, input[type="submit"]:hover, .qbutton:hover {
  background-color: #002e5c !important;
}