/* ══════════════════════════════════════════════════════════════════════
   Marca DHL (amarillo #FFCC00 + rojo #D40511)
   Antes vivía como <style> inline en header.php (que copiaba el header de Astra).
   Ahora se carga desde functions.php, así Astra puede actualizarse sin conflicto.
   --dhl-red-aa: rojo más oscuro para TEXTO pequeño sobre amarillo / fondo del footer
   (el rojo puro sobre amarillo solo da 3.6:1; este da 4.8:1, cumple WCAG AA).
   ══════════════════════════════════════════════════════════════════════ */
:root {
    --dhl-yellow : #FFCC00;
    --dhl-red    : #D40511;
    --dhl-red-dk : #B0040E;
    --dhl-red-aa : #B0040E;
}

/* Enlaces globales */
a { color: var(--dhl-red); }
a:hover, a:focus { color: var(--dhl-red-dk); text-decoration: underline; }

/* Cabecera / barra de navegación */
.site-header,
.ast-primary-header-bar,
#masthead,
.main-header-bar {
    background-color: var(--dhl-yellow) !important;
    border-bottom: 3px solid var(--dhl-red) !important;
}

/* 提升 header 层级，确保移动菜单能覆盖 Elementor 英雄区块 */
.site-header,
#masthead {
    position: relative !important;
    z-index: 999999 !important;
}

/* Enlaces del menú */
.main-navigation a,
.ast-primary-header-bar .main-navigation a,
#site-navigation a {
    color: var(--dhl-red-aa) !important;
    position: relative;
    z-index: 10;
}
.main-navigation a:hover,
#site-navigation a:hover {
    color: #8A030B !important;
    background-color: rgba(212,5,17,.08) !important;
}

/* 移动端汉堡菜单按钮 */
.ast-mobile-menu-buttons,
button.menu-toggle,
.ast-menu-toggle,
#ast-mobile-header .ast-mobile-menu-buttons {
    cursor: pointer !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Submenús desplegables */
.main-navigation .sub-menu,
.main-navigation .children {
    z-index: 99999 !important;
}

/* Logo / título del sitio */
.site-title a,
.ast-site-identity a,
.ast-logo-title-wrap a {
    color: var(--dhl-red-aa) !important;
}

/* Botones */
.ast-button,
.button,
button[type="submit"],
input[type="submit"],
.wp-block-button__link,
.wpcd-btn,
.wpcd-coupon-button a,
.view-more-brand,
.get-deal-btn {
    background-color: var(--dhl-red) !important;
    color: #fff !important;
    border-color: var(--dhl-red-dk) !important;
}
.ast-button:hover,
.button:hover,
.wpcd-btn:hover,
.wpcd-coupon-button a:hover {
    background-color: var(--dhl-red-dk) !important;
    color: #fff !important;
}

/* Títulos de contenido.
   Solo h1/h3 "sueltos" dentro del contenido: se excluyen los componentes de las plantillas
   (clases BEM con "__", p. ej. .sshp4__cat-title) que definen su propio color,
   y el footer, que es rojo (rojo sobre rojo = texto invisible). */
.site-content h1:not([class*="__"]),
.site-content h3:not([class*="__"]),
h2.wpcd-group-title {
    color: var(--dhl-red) !important;
}

/* Paginación */
.wpcd-pagination a,
.wpcd-pagination .current {
    border-color: var(--dhl-red) !important;
}
.wpcd-pagination .current {
    background-color: var(--dhl-red) !important;
    color: #fff !important;
}
.wpcd-pagination a:hover {
    background-color: var(--dhl-yellow) !important;
    color: var(--dhl-red-aa) !important;
}

/* Directorio de marcas */
.brand-toggle-btn {
    background-color: var(--dhl-yellow) !important;
    color: var(--dhl-red-aa) !important;
    border: 1px solid var(--dhl-red) !important;
    font-weight: 700;
}
.brand-toggle-btn:hover {
    background-color: var(--dhl-red) !important;
    color: #fff !important;
}

/* Barra lateral */
.sidebar-recent-list a { color: var(--dhl-red-aa) !important; }

/* Footer: fondo rojo oscuro + texto amarillo (4.8:1) */
.site-footer,
.ast-small-footer {
    background-color: var(--dhl-red-dk) !important;
    color: var(--dhl-yellow) !important;
}
.site-footer a,
.ast-small-footer a { color: var(--dhl-yellow) !important; }
.site-footer a:hover,
.ast-small-footer a:hover { color: #fff !important; }
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6,
.site-footer .widget-title, .site-footer .widgettitle {
    color: var(--dhl-yellow) !important;
}

/* Títulos de widgets */
.widget-title, .widgettitle {
    color: var(--dhl-red-aa) !important;
    border-bottom: 2px solid var(--dhl-yellow) !important;
}

/* Skip link */
.skip-link:focus {
    background-color: var(--dhl-yellow) !important;
    color: var(--dhl-red-aa) !important;
}

/* Menú móvil: solo subir z-index para que flote sobre los bloques de Elementor */
.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
    z-index: 999999 !important;
    position: relative !important;
}