/* ==========================================================================
   OVERRIDES CSS - Beta Repuestos
   Reglas de alta especificidad para sobrescribir estilos de plugins/tema padre.

   NOTA: Estas reglas usan !important porque necesitan ganar a estilos
   inline de Elementor, WooCommerce y plugins. Todos los colores usan
   variables CSS de global.css para facilitar re-theming.
   ========================================================================== */


/* ==========================================================================
   1. Ocultar header/footer nativo de Hello Elementor
   El header/footer PHP standalone (template-parts/) reemplaza los nativos.
   ========================================================================== */

.site-header,
.site-footer {
    display: none !important;
}


/* ==========================================================================
   2. Header nav: texto blanco, hover naranja
   ========================================================================== */

.br-hdr-nav-link,
.woocommerce-page .br-hdr-nav-link,
.woocommerce .br-hdr-nav-link {
    color: var(--br-text-white) !important;
}

.br-hdr-nav-link:hover,
.woocommerce-page .br-hdr-nav-link:hover {
    color: var(--br-primary-light) !important;
}

.br-hdr-icon-link i {
    color: var(--br-secondary) !important;
}

.br-hdr-icon-link:hover i {
    color: var(--br-primary) !important;
}


/* ==========================================================================
   3. Footer: colores de texto correctos sobre fondo oscuro
   ========================================================================== */

.br-ftr-nl-title {
    color: var(--br-text-white) !important;
}

.br-ftr-nl-subtitle {
    color: var(--br-text-silver) !important;
}

.br-ftr-logo-text {
    color: var(--br-text-white) !important;
}

.br-ftr-slogan {
    color: var(--br-primary) !important;
}

.br-ftr-desc {
    color: var(--br-text-dim) !important;
}

.br-ftr-col-title {
    color: var(--br-text-white) !important;
}

.br-ftr-col-links a {
    color: var(--br-text-muted) !important;
}

.br-ftr-col-links a:hover {
    color: var(--br-primary) !important;
}

.br-ftr-col-contact li span {
    color: var(--br-text-muted) !important;
}

.br-ftr-social a {
    color: var(--br-text-muted) !important;
}

.br-ftr-social a:hover {
    color: var(--br-text-white) !important;
}

.br-ftr-nl-legal {
    color: var(--br-text-subtle) !important;
}

.br-ftr-nl-legal a {
    color: var(--br-text-subtle) !important;
}

.br-ftr-nl-legal a:hover {
    color: var(--br-primary) !important;
}

.br-ftr-payment-label {
    color: var(--br-text-muted) !important;
}

.br-ftr-payment-item {
    color: var(--br-text-muted) !important;
}

.br-ftr-copyright {
    color: var(--br-text-faint) !important;
}


/* ==========================================================================
   4. WooCommerce checkout: boton texto blanco
   ========================================================================== */

.wc-proceed-to-checkout a,
.wc-proceed-to-checkout .checkout-button,
.br-cart-checkout-actions a {
    color: var(--br-text-white) !important;
}