/* ==========================================================================
   OVERRIDES CSS - BeachHome
   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 primary
   ========================================================================== */

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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