/*
 * ACCESIBILIDAD (WCAG 2.1 AA) - Kit Digital
 *
 * Se carga la ultima (despues del CSS de Lambda, WPBakery y el CSS adicional
 * del personalizador) desde functions.php -> gessteel_accesibilidad_css().
 *
 * Naranja de marca #e8763a (contraste 2,96:1 sobre blanco) -> #b9521a (4,9:1)
 * en textos y en fondos que llevan texto. Hover/activo -> #9a4315 (6,6:1).
 * Los elementos decorativos sin texto (lineas, puntos, iconos) mantienen el naranja original.
 */

/* ---------------------------------------------------------------
 * 1. TEXTOS Y ENLACES NARANJAS
 * ------------------------------------------------------------- */
a,
.btn-link,
.eyebrow,
.text-primary-color,
.orange-text,
.orange-text-footer,
p.g3-text1-map,
.product-mini,
.post-grid:hover .post-grid-content-title a,
.section-commerce .breadcrumb a,
.mini-cart-overview .buttons a:first-child,
.menu-item-object-oxy_mega_menu,
.sidebar > .widget_custom_html > .sidebar-header,
.sidebar > .widget_categories > .sidebar-header,
.topbar-cart-count {
	color: #b9521a;
}
a:hover,
a:focus {
	color: #9a4315;
}
h2.title1-contact,
h2.title-pagook,
h2.title-pagoko,
.breadcrumb-blog a,
.breadcrumb-blog .active,
.breadcrumb-blog li,
.breadcrumb-blog > li + li:before,
.button-noborder,
.button-white {
	color: #b9521a !important;
}

/* Menu principal: activo, hover y submenus */
.menu .nav > li > a:hover,
.menu .nav > li > a:focus,
.menu .nav > .active > a,
.menu .nav > .current-menu-parent > a,
.menu .nav > .current-menu-ancestor > a,
.menu .nav > .current-menu-item > a,
.menu .nav > .active > a:hover,
.menu .nav > .current-menu-parent > a:hover,
.menu .nav > .current-menu-ancestor > a:hover,
.menu .nav > .current-menu-item > a:hover,
.menu .dropdown-menu > li > a:hover,
.menu .dropdown-menu > .active > a,
.menu .dropdown-menu > .active > a:hover,
.menu .dropdown-menu > .active > a:focus,
.menu .open .dropdown-menu > li > a:hover,
.menu .open .dropdown-menu > li > a:focus,
.menu .open .dropdown-menu > li.active > a,
.menu-item-object-oxy_mega_menu .dropdown-menu > li > ul > li > a:hover,
.menu-item-object-oxy_mega_menu .dropdown-menu > li > ul > li.current-menu-item > a,
.menu .nav > .current-menu-item > a:focus,
.menu .nav > .current-page-parent > a,
.menu .nav > .active > a:focus,
.menu .nav li.dropdown.open > .dropdown-toggle,
.menu .nav li.dropdown.active > .dropdown-toggle,
.menu .nav li.dropdown.open.active > .dropdown-toggle,
.menu .nav li.current-menu-item > .dropdown-toggle,
.menu .nav li.current-menu-ancestor > .dropdown-toggle {
	color: #b9521a;
}

/* Secciones con fondo azul marino (#0a2540 / #16304a) o foto con capa negra
 * (hero de la portada): ahi el naranja oscuro no contrasta, se usa un naranja
 * mas claro (#f39a66: 7,1:1 y 6,2:1) */
.home-hero .eyebrow,
.background-overlay[style*="rgba(0,0,0,0.7)"] ~ .container .eyebrow,
.background-overlay[style*="rgba(10,37,64"] ~ .container .eyebrow,
.background-overlay[style*="rgba(10,37,64"] ~ .container a:not(.btn-primary):not(.button),
.background-overlay[style*="rgba(22,48,74"] ~ .container .eyebrow,
.background-overlay[style*="rgba(22,48,74"] ~ .container a:not(.btn-primary):not(.button) {
	color: #f39a66 !important;
}
.background-overlay[style*="rgba(10,37,64"] ~ .container a:not(.btn-primary):not(.button):hover,
.background-overlay[style*="rgba(22,48,74"] ~ .container a:not(.btn-primary):not(.button):hover {
	color: #ffffff !important;
}

/* ---------------------------------------------------------------
 * 2. BOTONES Y FONDOS NARANJAS CON TEXTO BLANCO
 * ------------------------------------------------------------- */
.btn-primary,
button,
input[type="submit"],
input[type="button"],
.button,
.label-primary,
.pagination > li > a,
.pagination > li > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pager > li > a,
.page-numbers li,
.post-navigation.pagination > .active > a,
.mini-cart-count,
.mini-cart-overview .buttons a:last-child,
.onsale,
.post-count,
.tag-list span,
.portfolio-title,
.pricing-price,
.panel-primary .panel-heading,
.alert-warning,
#reviews input[type="submit"],
.top-bar a.topbar-cart,
#cf7md-form .mdc-button--raised:not(:disabled),
#cf7md-form .mdc-button--unelevated:not(:disabled) {
	background-color: #b9521a;
}
.btn-primary,
.button-corporative {
	border-color: #b9521a;
}
.btn-primary:hover,
.btn-primary:focus,
.button:hover,
.button-corporative:hover,
.top-bar a.topbar-cart:hover,
#cf7md-form .mdc-button--raised:not(:disabled):hover,
#cf7md-form .mdc-button--unelevated:not(:disabled):hover {
	background-color: #9a4315;
	border-color: #9a4315;
}
.figure-caption-category a {
	background-color: rgba(185, 82, 26, 0.95);
}
#cf7md-form .mdc-button--outlined:not(:disabled) {
	color: #b9521a;
	border-color: #b9521a;
}
.gs-botton-simple button,
.gs-botton-simple a,
.gs-botton-info a,
.gs-botton-info button,
.wpforms-submit,
.btn-warning,
.alert-warning .btn,
.alert-warning .button {
	background-color: #b9521a !important;
	border-color: #b9521a !important;
}

/* Boton "Pago online" del menu */
.menu .nav-highlight > a::after {
	background-color: #b9521a;
}
.menu .nav-highlight > a:hover::after,
.menu .nav-highlight.active > a::after,
.menu .nav-highlight.active > a:hover::after {
	background-color: #9a4315;
}

/* ---------------------------------------------------------------
 * 3. COLORES PUESTOS A MANO EN EL CONTENIDO (WPBakery / entradas)
 * ------------------------------------------------------------- */
[style*="background-color: rgba(207,98,41,1)"],
[style*="background-color: rgba(232,118,58,1)"] {
	background-color: #b9521a !important;
}
[style*="background:#e8763a"],
[style*="background: #e8763a"] {
	background: #b9521a !important;
}
[style^="color: #ff6600"], [style*="; color: #ff6600"],
[style^="color: #fe7407"], [style*="; color: #fe7407"],
[style^="color: #f58220"], [style*="; color: #f58220"],
[style^="color: #e8763a"], [style*="; color: #e8763a"],
[style^="color:#ff6600"], [style^="color:#fe7407"], [style^="color:#e8763a"] {
	color: #b9521a !important;
}

/* Formulario de pago de WP Simple Pay (formulario 8000, pagina "Pago online").
 * El color se define en los ajustes del formulario con !important y un id,
 * por eso se repite aqui el id. Si se crea otro formulario, ponerle el color
 * #b9521a en sus ajustes de estilo. */
html body #simpay-form-8000 label,
html body .simpay-form-wrap[data-form-id="8000"] label {
	color: #b9521a !important;
}
html body #simpay-form-8000 .simpay-checkout-btn {
	background-color: #b9521a !important;
}

/* Avisos y errores (role="alert"): Lambda los pinta de #e85543 (3,6:1).
 * Rojo accesible #c62828 (5,6:1). El contador de resultados de la tienda
 * usa role="alert" al actualizarse y no es un error: mantiene su color. */
[role="alert"] {
	color: #c62828;
}
.woocommerce-result-count[role="alert"] {
	color: inherit;
}

/* ---------------------------------------------------------------
 * 4. SOBREHEADER Y PIE (fondo gris oscuro #4a4b4d)
 * ------------------------------------------------------------- */
.top-bar a:hover,
.top-bar a:focus {
	color: #f5b08a !important;
}
.footer-company p {
	color: #cfd1d4;
}
.footer-bottom,
#footer .subfooter,
#footer .subfooter small {
	color: #c9cbce;
}
.footer-bottom .footer-legal a {
	color: #c9cbce !important;
}
.footer-bottom .footer-legal a:hover,
.footer-bottom .footer-legal a:focus {
	color: #ffffff !important;
}

/* ---------------------------------------------------------------
 * 5. ENLACES DENTRO DE TEXTOS: SUBRAYADOS (no depender solo del color)
 * ------------------------------------------------------------- */
.wpb_text_column p a:not(.btn),
.wpb_text_column li a:not(.btn),
.wpb_text_column td a:not(.btn),
.wpb_text_column h1 a, .wpb_text_column h2 a, .wpb_text_column h3 a,
.wpb_text_column h4 a, .wpb_text_column h5 a, .wpb_text_column h6 a,
.col-text-1 p a:not(.btn),
.col-text-1 li a:not(.btn),
.col-text-1 h1 a, .col-text-1 h2 a, .col-text-1 h3 a,
.col-text-1 h4 a, .col-text-1 h5 a, .col-text-1 h6 a,
.post-body p a:not(.btn),
.post-body li a:not(.btn),
.woocommerce-product-details__short-description a,
.CookieDeclaration a {
	text-decoration: underline;
}

/* ---------------------------------------------------------------
 * 6. FOCO VISIBLE AL NAVEGAR CON TECLADO
 * ------------------------------------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #b9521a !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 5px #ffffff !important;
}
.top-bar a:focus-visible,
#footer a:focus-visible,
.btn-primary:focus-visible,
.top-bar a.topbar-cart:focus-visible {
	outline-color: #ffffff !important;
	box-shadow: 0 0 0 5px #1f1f1f !important;
}

/* ---------------------------------------------------------------
 * 7. ENLACE "SALTAR AL CONTENIDO" Y TEXTO SOLO PARA LECTORES DE PANTALLA
 * ------------------------------------------------------------- */
.gs-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	padding: 12px 20px;
	background: #1f1f1f;
	color: #ffffff !important;
	font-weight: 500;
	text-decoration: none;
}
.gs-skip-link:focus {
	left: 16px;
	top: 16px;
}
.gs-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}