/*
Theme Name: The7 Child (oficial)
Template: dt-the7
*/
/* === Fix contraste The7: quitar fondos en menú y headings === */
.masthead .dt-nav-menu .menu > li > a .menu-text,
.masthead .dt-nav-menu .menu > li > a .menu-text:before,
.masthead .dt-nav-menu .menu > li > a .menu-text:after,
.masthead.sticky .dt-nav-menu .menu > li > a .menu-text,
.masthead.sticky .dt-nav-menu .menu > li > a .menu-text:before,
.masthead.sticky .dt-nav-menu .menu > li > a .menu-text:after {
  background: transparent !important;
  box-shadow: none !important;
}

/* Headings con “badge/píldora” de The7 */
.the7-heading-title,
.the7-heading-title span,
.the7-heading-title mark,
.the7-heading-title::before,
.the7-heading-title::after {
  background: transparent !important;
  box-shadow: none !important;
  content: none !important;
}

/* (Opcional) Badge accesible corporativo si lo usas */
.the7-heading-title .dt-marker,
.the7-heading-title mark {
  background: #00689E !important;
  color: #fff !important;
}
/* Refuerzo máximo para menús con estilos inline tercos */
.masthead .dt-nav-menu .menu .menu-item > a .menu-text {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Refuerzo para cualquier variante de badge decorativo de The7 */
.the7-heading-title .dt-marker,
.the7-heading-title mark,
.the7-heading-title [class*="marker"],
.the7-heading-title [class*="badge"] {
  background: #00689E !important; /* buen contraste con blanco */
  color: #fff !important;
}
/* === STICKY HEADER — texto de menú legible y sin “pill” === */
.masthead.sticky .dt-nav-menu .menu > li > a .menu-text,
.masthead.sticky .dt-nav-menu .menu > li > a .menu-text:before,
.masthead.sticky .dt-nav-menu .menu > li > a .menu-text:after{
  background: transparent !important;
  box-shadow: none !important;
  color: #021228 !important;     /* texto oscuro sobre header claro */
}

/* Hover/activo en sticky: color corporativo oscuro accesible */
.masthead.sticky .dt-nav-menu .menu > li:hover > a .menu-text,
.masthead.sticky .dt-nav-menu .menu > li.current-menu-item > a .menu-text,
.masthead.sticky .dt-nav-menu .menu > li.current-menu-ancestor > a .menu-text{
  color: #00689E !important;     /* tu color de alto contraste guardado */
}

/* Submenús en sticky: fondo claro y texto oscuro (todo accesible) */
.masthead.sticky .dt-nav-menu .sub-nav{
  background: #ffffff !important;
}
.masthead.sticky .dt-nav-menu .sub-nav a{
  color: #021228 !important;
  background: transparent !important;
}
.masthead.sticky .dt-nav-menu .sub-nav a:hover{
  color: #00689E !important;
}
:focus {
    outline: 2px solid #00689E !important;
    outline-offset: 3px !important;
}