/* ==========================================================================
Quick Fix Overrides (safe space)
--------------------------------------------------------------------------
This file is loaded AFTER theme.css, so rules here win by default.
Use it for small fixes (header/menu/blog tweaks) without touching core CSS.
========================================================================== */
/* Example:
#site-header { outline: 1px solid red; }
*/
.home #site-header {
background-color: #1a1a2e !important;
backdrop-filter: none !important;
}
/* Schimbă culoarea header-ului doar pe prima pagină */
body.home .site-header {
background-color: #0b0b1a !important; /* Codul culorii din imaginea ta */
border-bottom: none !important;
}
/* Opțional: Dacă textul din meniu devine greu de citit */
body.home .site-header a {
color: #ffffff !important;
}
/* ============================================================
HAMBURGER MENU FIX - mobile homepage
------------------------------------------------------------
Ensures the mobile menu toggle (#mobile-menu-toggle) is
visible and clickable on the homepage at viewports < 1024px.
The button is in header.php with class 'lg:hidden' so it
already auto-hides on desktop. These rules add a strong
fallback so it can never be hidden by other stylesheets,
gives it a circular gold background for contrast over the
dark hero, and keeps it on top of the hero (z-index).
------------------------------------------------------------
To CHANGE the icon background colour: edit 'background' below.
To CHANGE the icon colour: edit 'color' below.
To DISABLE this fix: delete this whole block.
============================================================ */
@media (max-width: 1023px) {
#site-header { z-index: 60 !important; }
#mobile-menu-toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
visibility: visible !important;
opacity: 1 !important;
position: relative;
z-index: 70 !important;
width: 44px;
height: 44px;
padding: 0 !important;
margin-left: 8px;
background: #c9a84c; /* gold pill, change here */
color: #0b0b1a !important; /* icon colour, change here */
border: 0;
border-radius: 999px;
cursor: pointer;
box-shadow: 0 4px 14px rgba(0,0,0,.25);
}
#mobile-menu-toggle:hover { background:#d6b455; }
#mobile-menu-toggle svg { width:22px; height:22px; stroke: currentColor; }
/* Make sure the hero/sections never sit above the header */
#hero, .hero, section.hero { z-index: 1; }
}
@media (min-width: 1024px) {
#mobile-menu-toggle { display: none !important; }
}
/* ============================================================
MOBILE HAMBURGER DRAWER - centered links + gold colour
------------------------------------------------------------
Affects ONLY the mobile drawer (#mobile-menu in header.php).
Desktop nav is untouched (it is hidden on mobile and this
rule is wrapped in a max-width:1023px media query anyway).
------------------------------------------------------------
Gold #b8860b = same colour as the phone CTA button.
To change the link colour: edit 'color' below.
To change the hover colour: edit ':hover { color: ... }'.
To make links left-aligned again: delete 'text-align:center'.
============================================================ */
@media (max-width: 1023px) {
#mobile-menu ul,
#mobile-menu li,
#mobile-menu .mobile-nav-item { text-align: center !important; list-style: none; }
#mobile-menu a {
text-align: center !important;
color: #b8860b !important; /* button gold */
font-weight: 600;
letter-spacing: .02em;
justify-content: center;
}
#mobile-menu a:hover,
#mobile-menu a:focus,
#mobile-menu .current-menu-item > a {
color: #d6a51b !important; /* lighter gold on hover */
}
/* Submenu links inherit the same treatment */
#mobile-menu .sub-menu a { color: #b8860b !important; }
}
/* ============================================================
MOBILE MENU - center 'Blog' (parent with submenu) row
------------------------------------------------------------
În nav-walkers.php, item-urile cu submenu sunt randate ca: