/* GreenTouch — corecție header (global, izolat).
   Pe paginile de conținut (≠ homepage), header-ul primește fundal opac chiar și în starea
   extinsă (sus), astfel încât logo-ul mărit să nu se mai suprapună vizual peste titlurile
   paginilor. Efectul de logo mărit → compact la scroll rămâne neschimbat; mobilul rămâne compact.
   Nu modificăm cele 5 CSS aprobate; doar adăugăm un strat de fundal condiționat de context. */

body:not(.home) .hdr {
	background: rgba(250, 247, 240, .92);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 1px 0 rgba(29, 32, 25, .08);
}

/* Dimensiunea logo-ului, forțată pe TOATE paginile (inclusiv checkout, unde stiluri externe
   o suprascriau → logo uriaș). Efectul extins → compact la scroll rămâne (clasa .compact). */
.hdr .hdr-logo-wrap .custom-logo,
.hdr img.custom-logo,
.hdr .custom-logo,
.hdr .hdr-logo {
	height: 26px !important;
	width: auto !important;
	max-height: 26px !important;
}
.hdr.compact .hdr-logo-wrap .custom-logo,
.hdr.compact img.custom-logo,
.hdr.compact .custom-logo,
.hdr.compact .hdr-logo {
	height: 22px !important;
	max-height: 22px !important;
}

/* Compatibil cu bara WordPress Admin (header fix sub bara de 32px/46px). */
body.admin-bar .hdr { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar .hdr { top: 46px; }
}

/* „Pentru companii" — dropdown CSS-only, izolat (.gt-corp*). Nu modifică înălțimea/sticky/stilul
   headerului; panoul e position:absolute (overlay). Desktop: hover + focus-within. */
.gt-corp{position:relative;display:inline-flex;align-items:center}
.gt-corp-toggle{display:inline-flex;align-items:center;gap:5px}
.gt-corp-toggle::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:5px;margin-top:-3px;opacity:.6;transition:transform .18s ease}
.gt-corp-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);min-width:210px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(29,32,25,.16);padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:60}
.gt-corp-menu a{display:block;padding:10px 14px;border-radius:10px;white-space:nowrap;font-weight:600;color:var(--green-900,#1C3527);text-decoration:none}
.gt-corp-menu a:hover,.gt-corp-menu a:focus-visible{background:var(--green-pale,#EAF0E2)}
.gt-corp:hover .gt-corp-menu,
.gt-corp:focus-within .gt-corp-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(2px)}
.gt-corp:hover .gt-corp-toggle::after,
.gt-corp:focus-within .gt-corp-toggle::after{transform:rotate(-135deg);margin-top:2px}
@media (prefers-reduced-motion:reduce){.gt-corp-menu{transition:none}.gt-corp-toggle::after{transition:none}}
/* Dropdown-ul e pentru navigația desktop; pe mobil nav-ul e ascuns, iar linkurile sunt în #menu. */

/* Meniul are acum 2 dropdown-uri (Evenimente + Companii). Între 1025–1366px reducem DISCRET
   doar gap-ul dintre elementele .nav ca să încapă fără overflow — fără a schimba font-size-ul. */
@media (min-width:1025px) and (max-width:1366px){
	.nav{gap:18px}
}
@media (min-width:1367px) and (max-width:1500px){
	.nav{gap:22px}
}
