/* EnergyZone — temă globală după neocomputer.md (header, bară meniu, footer). Încărcat din includes/header.php */
:root { --ez-grad: linear-gradient(89.99deg, #e10514 -117.24%, #ffc800 139.59%); --ez-dark: #3a3a3a; --ez-line: #eff0f3; --ez-muted: #808080; }

/* ── Header desktop: rând alb + bară de meniu portocalie ── */
#desktopHeader { border-bottom: 0 !important; box-shadow: none !important; }
#desktopHeader #searchFormDesktop { max-width: 760px; }
#desktopHeader #searchFormDesktop > div:first-child { background: #fff !important; border: 2px solid #fc6d18 !important; border-radius: 9999px !important; height: 44px; }
#desktopHeader #searchFormDesktop .search-input { font-size: 16px; font-weight: 500; color: #000; padding-left: 15px; }
#desktopHeader #dhNavRow { background: var(--ez-grad) !important; border-top: 0 !important; }
#desktopHeader #dhNavRow > .container-page > ul { height: 42px; }
#desktopHeader #dhNavRow .nav-pill { color: #fff !important; font-size: 15px; font-weight: 400; height: 42px; border-radius: 3px; background: transparent; }
#desktopHeader #dhNavRow .nav-pill:hover { background: rgba(255, 255, 255, .18) !important; color: #fff !important; }
#desktopHeader #catalogToggleBtn { background: transparent !important; color: #fff !important; font-size: 15px; font-weight: 700; height: 42px; border-radius: 3px !important; padding-left: 8px; }
#desktopHeader #catalogToggleBtn:hover { background: rgba(0, 0, 0, .12) !important; }
#desktopHeader #dhNavRow li:last-child > div { border-color: rgba(255, 255, 255, .7) !important; }
#desktopHeader #dhNavRow li:last-child > div a { color: #fff !important; background: transparent !important; }
#desktopHeader #dhNavRow li:last-child > div a[class*="bg-"] { background: #fff !important; color: #fc6d18 !important; }

/* ── Linkuri: negru, portocaliu la hover (ca pe neocomputer) ── */
.ez-bc { font-size: 12px; line-height: 18px; gap: 0 !important; }
.ez-bc a { color: var(--ez-muted); font-weight: 700; }
.ez-bc a:hover { color: #fc6d18; }
.ez-bc > span.text-gray-300 { font-size: 0; margin: 0 14px; display: inline-flex; align-items: center; height: 18px; }
.ez-bc > span.text-gray-300::before { content: ""; width: 6px; height: 6px; border-right: 1.5px solid var(--ez-muted); border-top: 1.5px solid var(--ez-muted); transform: rotate(45deg); }
.ez-bc > span:last-child { color: #fc6d18 !important; font-weight: 400; }

/* ── Footer ── */
.footer-ultra { background: var(--ez-dark) !important; }
.footer-ultra h4 { font-size: 20px !important; line-height: 30px; font-weight: 700; color: #fff; }
.footer-ultra ul a, .footer-ultra li a { color: #c5c6c9; font-size: 16px; line-height: 24px; }
.footer-ultra ul a:hover, .footer-ultra li a:hover { color: #fc6d18; }

/* ── Fundalul paginii: gri neocomputer (clasa bg-[#FAFAFA] de pe <body> îl suprascria) ── */
body { background: #eff0f3 !important; }

/* ── Header mobil: logo-ul lat nu mai împinge comutatorul de limbă ── */
#mobileHeader img.object-contain { height: auto !important; max-height: 2.5rem; max-width: 40vw; }

/* ── Fără bara de sus (program / promoții) — ca pe neocomputer ── */
.tub { display: none !important; }

/* ── Pictogramele din header în stil neocomputer: coș cu text în linie, cont = buton cu gradient ── */
#desktopHeader .ez-hdr-ico { width: 40px !important; height: 44px !important; color: #303030; }
#desktopHeader .ez-hdr-ico > span:not([id]) { display: none; }
#desktopHeader .ez-hdr-ico > span[id] { top: 0; right: 0; }
#desktopHeader .ez-hdr-cart { flex-direction: row !important; width: auto !important; height: 44px !important; gap: 10px; padding: 0 8px; color: #000; }
#desktopHeader .ez-hdr-cart > svg { color: #fc6d18; width: 26px; height: 26px; }
#desktopHeader .ez-hdr-cart > span:not([id]) { font-size: 15px; line-height: 22px; font-weight: 400; margin-top: 0; }
#desktopHeader .ez-hdr-cart > span[id] { top: 0; left: 22px; right: auto; }
#desktopHeader .ez-hdr-account { flex-direction: row !important; width: auto !important; height: 44px !important; gap: 12px; padding: 0 14px; border-radius: 11px !important; background: var(--ez-grad) !important; color: #fff !important; border: 1px solid transparent; }
#desktopHeader .ez-hdr-account:hover { background: #fff !important; color: #000 !important; border-color: #fc6d18; }
#desktopHeader .ez-hdr-account > span { font-size: 16px; line-height: 24px; font-weight: 400; margin-top: 0; max-width: 130px; }

/* ── Mega-meniu: bannerul categoriei fără imagine — gradient portocaliu în loc de albastru deschis (text alb lizibil) ── */
#catalogMega a.h-\[190px\] { background: var(--ez-grad) !important; }