/* ============================================================
   Accesibilidad WCAG 2.1 AA — correcciones de contraste
   Cargado SOLO en la home (index.html) por ahora.
   Cuando se valide, enlazar este mismo archivo en el resto de páginas.
   Se carga DESPUÉS de style.css/responsive.css para sobrescribir.

   Nota: se usa !important porque algunas secciones de la plantilla
   definen el color con selectores más específicos que estos. El
   !important se acota SOLO a secciones de fondo claro, para no afectar
   al texto blanco sobre fondo oscuro (secciones .sec-title.light).
   ============================================================ */

/* --- 1. Barra superior (dirección / horario / teléfono) — fondo blanco ---
   Antes #9898a0 = 2.86:1  ->  #6f6f78 ≈ 4.98:1 */
.list-style-one li,
.list-style-one li a {
  color: #6f6f78 !important;
}

/* --- 2. Subtítulos naranja de sección sobre fondo claro ---
   Antes #f07400 = 2.91:1  ->  #b35900 ≈ 4.8:1
   Se aplica a TODOS los subtítulos salvo los de secciones de fondo oscuro
   (.sec-title.light), donde el subtítulo es blanco y no debe tocarse. */
.sec-title:not(.light) .sub-title {
  color: #b35900 !important;
}

/* --- 3. Texto de párrafos de la sección de título (fondo blanco) ---
   Antes #797f7d = 4.08:1  ->  #6b6f6d ≈ 5:1 */
.pricing-section .sec-title .text,
.pricing-section .sec-title .text p {
  color: #6b6f6d !important;
}

/* --- 4. Texto de los testimonios (tarjetas blancas) ---
   Antes #797f7d = 4.08:1  ->  #6b6f6d ≈ 5:1 */
.testimonial-block-two .inner-content .text {
  color: #6b6f6d !important;
}

/* --- 5. Footer: fondo oscuro REAL para que axe calcule bien el contraste.
   El footer se ve oscuro mediante una imagen overlay en position:absolute,
   pero sin background-color real axe asume fondo blanco y marca como fallo
   el texto claro. Con esto el texto claro pasa a ~5.8:1 sobre #1d1d29
   SIN cambiar el aspecto visual. */
.main-footer {
  background-color: #1d1d29;
}

/* --- 6. Línea de copyright del footer (© ... Made with love by CRDiseny) ---
   Antes #797f7d sobre #1d1d29 = 4.08:1  ->  #9898a0 ≈ 5.8:1 */
.footer-bottom .inner-container > p {
  color: #9898a0 !important;
}

/* --- 7. Enlace "CRDiseny" dentro del texto del copyright ---
   No se distinguía del texto que lo rodea solo por color: se añade subrayado
   para distinguirlo sin depender del color (WCAG 1.4.1). */
.footer-bottom .inner-container > p a {
  text-decoration: underline !important;
}

/* --- 8. Enlace del menú con el ítem activo ("current") naranja sobre blanco ---
   Antes #f07400 = 2.91:1  ->  #b35900 ≈ 4.8:1 */
.main-menu .navigation > li.current > a {
  color: #b35900 !important;
}

/* --- 9. Títulos de las tarjetas de precios (Aerotermia, Biomasa, ...) ---
   Tarjeta de fondo blanco (#fff). Antes #f07400 = 2.91:1.
   Texto grande (20px bold) solo exige 3:1, pero usamos #b35900 (≈4.8:1)
   para mantener el mismo naranja accesible que el resto. */
.pricing-block .title {
  color: #b35900 !important;
}

/* --- 10. Texto descriptivo de las tarjetas de precios sobre blanco ---
   Antes #797f7d = 4.08:1  ->  #6b6f6d ≈ 5:1 */
.pricing-block .text,
.pricing-block .text p {
  color: #6b6f6d !important;
}

/* --- 11. Texto destacado en cursiva sobre blanco (p. ej. página Biomasa) ---
   Antes #ef8904 sobre blanco = ~2.9:1  ->  #b35900 ≈ 4.8:1 (naranja accesible). */
.italic-text.text-center,
.italic-txt {
  color: #b35900 !important;
}

/* --- 12. Texto de contenido de las páginas de servicios sobre blanco ---
   (.inner-column > .text, listas de checks). Antes #797f7d = 4.08:1 -> #6b6f6d ≈ 5:1.
   Se usa el combinador hijo (>) para NO afectar al texto blanco de las
   secciones de fondo oscuro (.sec-title.light .text, que cuelga de .sec-title). */
.inner-column > .text,
.inner-column .list-style-two > li,
.inner-column .list-style-two .text {
  color: #6b6f6d !important;
}

/* --- 14. Página Contacto: datos de contacto (teléfono, email, dirección) ---
   Antes #797f7d = 4.08:1 sobre blanco  ->  #6b6f6d ≈ 5:1 */
.contact-details__info .text,
.contact-details__info .text a,
.contact-details__info .text span {
  color: #6b6f6d !important;
}

/* --- 13. Footer: evitar que los enlaces legales y el copyright se solapen.
   Al añadir "Declaración de accesibilidad" la fila no cabía en una línea
   (era flex space-between). Con wrap + gap se reparten o bajan de línea. */
.footer-bottom .inner-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 24px;
}