/* ============================================ GLOBAL RESET — kills the white padding/margin that browsers (or plugin styles) add around , and removes bullet points from header nav
  • s. Lives here because header.css loads site-wide. !important is needed because Elementor's kit-10 CSS (loaded site-wide) has higher specificity. ============================================ */ html, body { margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; max-width: 100% !important; } .main-nav ul, .main-nav li { list-style: none !important; margin: 0 !important; padding: 0 !important; } /* ============================================ GLOBAL FONT — force Playfair Display site-wide. Overrides Elementor, Hello Elementor, and any widget-level font settings. Excludes icon containers (, , classes like .fa-*, .eicon-*, .*-icon) so Font Awesome / Elementor icon fonts continue to render correctly. ============================================ */ body, body *:not(i):not(svg):not(use):not(path):not([class*="icon"]):not([class*="eicon"]):not([class*="fa-"]) { font-family: 'Playfair Display', serif !important; } /* ============================================ HEADER STYLES - Full width, deep burgundy ============================================ */ .site-header, .site-header * { box-sizing: border-box !important; } .site-header { background: linear-gradient(90deg, #5C0F0F 0%, #881818 50%, #5C0F0F 100%) !important; width: 100% !important; max-width: 100vw !important; position: relative; z-index: 100; overflow: visible; } .site-header .header-inner { max-width: 1370px !important; width: 100% !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 30px !important; } .logo img { height: 70px; width: auto; display: block; } /* ============================================ NAV — 3 top-level items (HOME + 2 dropdowns). `> ul` scopes the flex layout to the top-level list only — nested dropdown menus stay as block (vertical) lists. ============================================ */ .main-nav > ul { display: flex; align-items: center; gap: 50px; } .main-nav .dropdown-menu { display: block; } .main-nav > ul > li { position: relative; } .main-nav a, .main-nav .dropdown-toggle { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600; color: #ffffff; letter-spacing: 1.5px; padding: 6px 0; position: relative; transition: color 0.3s ease; text-transform: uppercase; text-decoration: none !important; white-space: nowrap; } /* The .dropdown-toggle is a