/* ============================================================
   vefogix-match HEADER + FOOTER restyle — applied SITE-WIDE.
   Pure CSS overrides on the seolounge header-style-twelve markup
   (.header, .header_top, .header_main, .menu-nav, .logo, footer)
   so we get the vefogix look without touching fragile theme PHP.
   Loaded globally from the child theme.
   ============================================================ */

body, .header, .header_main, .menu-nav, .footer {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ---- Promo / announcement bar (injected before header) ---- */
.vfx-promobar {
    background: linear-gradient(135deg, #29b6f6 0%, #4f46e5 55%, #7c3aed 100%);
    color: #fff; text-align: center; font-size: 13.5px; font-weight: 600;
    padding: 9px 16px; letter-spacing: .01em;
}
.vfx-promobar a { color: #ffe082; text-decoration: underline; font-weight: 700; }

/* ---- Top utility bar: lighten ---- */
.header .header_top {
    background: #f7f9fc !important;
    border-bottom: 1px solid #e8edf3 !important;
}
.header .header_top, .header .header_top a, .header .header_top * {
    color: #475569 !important;
}

/* ---- Main header: white, clean, subtle shadow ---- */
.header .header_main {
    background: #ffffff !important;
    box-shadow: 0 2px 18px rgba(15, 35, 95, .06) !important;
    border-bottom: 1px solid #eef2f7 !important;
}

/* ---- Nav links ---- */
.header .menu-nav > li > a,
.header .menu-main > li > a {
    color: #0f172a !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}
.header .menu-nav > li > a:hover,
.header .menu-nav > li.current-menu-item > a {
    color: #4f46e5 !important;
}

/* ---- Header action buttons become pills ---- */
.header .header_main_action_buttons a,
.header .header_main_action a.btn,
.header a.rt-button,
.header .header-cart-bar a.btn {
    border-radius: 9999px !important;
    background: linear-gradient(135deg, #29b6f6, #4f46e5) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 22px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 18px rgba(9,109,217,.28) !important;
}

/* ---- Footer: vefogix-style dark, clean columns ---- */
.footer, .footer-main, .site-footer {
    background: #0b1530 !important;
    color: #cbd5e1 !important;
}
.footer a, .footer-main a { color: #cbd5e1 !important; }
.footer a:hover, .footer-main a:hover { color: #ffffff !important; }
.footer h2, .footer h3, .footer h4, .footer .widget-title,
.footer-main h2, .footer-main h3, .footer-main h4 {
    color: #ffffff !important;
}