/* Temele barei de sus, alese din /admin/feed (core/header_theme.py).
   Se incarca doar cand tema nu e "original"; <html data-hdr="..."> alege varianta. */

/* ---------- comun: bara intunecata, text alb, fara "Beta" ---------- */
html[data-hdr] #main-header#main-header#main-header#main-header,
html[data-hdr] #main-header#main-header#main-header#main-header.header-scrolled {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 6px 20px -12px rgba(0,0,0,.5) !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  padding-top: env(safe-area-inset-top, 0px);
  overflow-x: clip;
}
html[data-hdr] #main-header .header-logo-wordmark,
html[data-hdr] #main-header a[href="/"] span[style*="color:#111"] { color: #fff !important; }
html[data-hdr] #main-header .header-logo-subtitle-inline,
html[data-hdr] #main-header .text-brand-muted:not(.hdr-dd-menu *) { color: rgba(255,255,255,.6) !important; }
html[data-hdr] #main-header .material-symbols-outlined:not(.hdr-dd-menu *),
html[data-hdr] #main-header .text-brand-accent:not(.hdr-dd-menu *),
html[data-hdr] #main-header .mobile-account-label { color: #fff !important; }
html[data-hdr] #main-header .header-nav-audience .nav-link { color: rgba(255,255,255,.8) !important; }
html[data-hdr] #main-header .header-nav-audience .nav-link.active { color: #fff !important; }
html[data-hdr] #main-header .hdr-dd-trigger,
html[data-hdr] #main-header .icon-btn-ghost { color: rgba(255,255,255,.8) !important; }
html[data-hdr] #main-header .hdr-dd-trigger:hover,
html[data-hdr] #main-header .icon-btn-ghost:hover { background: rgba(255,255,255,.08) !important; color: #fff !important; }
html[data-hdr] #main-header .header-divider { background: rgba(255,255,255,.18) !important; }
html[data-hdr] #main-header .login-pill { border-color: rgba(255,255,255,.3) !important; color: #fff !important; }
html[data-hdr] #main-header .header-search { border-bottom-color: rgba(255,255,255,.3) !important; }
html[data-hdr] #main-header .header-search input { color: #fff !important; }
html[data-hdr] #main-header .header-search input::placeholder { color: rgba(255,255,255,.5) !important; }
html[data-hdr] #main-header #stat-offers { color: #fff !important; }
html[data-hdr] .header-logo-beta,
html[data-hdr] #main-header a[href="/"] .text-brand-danger,
html[data-hdr] #main-footer .text-brand-danger.uppercase { display: none !important; }

/* ---------- temele (fiecare are si o culoare plina dedesubt, pentru Safari) ---------- */
html[data-hdr="verde-rosu"] #main-header#main-header#main-header#main-header,
  html[data-hdr="verde-rosu"] #info-header {
  background: radial-gradient(60% 260% at 100% 0%, rgba(31,122,85,.42), transparent 70%),
              radial-gradient(45% 240% at 0% 100%, rgba(179,58,50,.26), transparent 70%), #0d0e0f !important; }
html[data-hdr="rosu"] #main-header#main-header#main-header#main-header,
  html[data-hdr="rosu"] #info-header {
  background: radial-gradient(55% 260% at 0% 100%, rgba(179,58,50,.4), transparent 70%),
              radial-gradient(40% 220% at 100% 0%, rgba(179,58,50,.16), transparent 70%), #0d0e0f !important; }
html[data-hdr="violet"] #main-header#main-header#main-header#main-header,
  html[data-hdr="violet"] #info-header {
  background: radial-gradient(60% 280% at 0% 100%, rgba(124,58,237,.6), transparent 70%),
              radial-gradient(50% 260% at 100% 0%, rgba(59,130,246,.45), transparent 70%), #0b0b14 !important; }
html[data-hdr="ocean"] #main-header#main-header#main-header#main-header,
  html[data-hdr="ocean"] #info-header {
  background: radial-gradient(60% 280% at 100% 0%, rgba(6,182,212,.55), transparent 70%),
              radial-gradient(50% 240% at 0% 100%, rgba(37,99,235,.45), transparent 70%), #07121a !important; }
html[data-hdr="auriu"] #main-header#main-header#main-header#main-header,
  html[data-hdr="auriu"] #info-header { position: relative;
  background: radial-gradient(55% 260% at 50% 140%, rgba(212,168,67,.45), transparent 70%), #0d0c0a !important;
  border-bottom: 0 !important; }
html[data-hdr="auriu"] #main-header#main-header#main-header#main-header::after,
html[data-hdr="auriu"] #info-header::after {
  content: ""; display: block !important; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: linear-gradient(90deg, transparent, #d4a843 30%, #f3d98b 50%, #d4a843 70%, transparent); }
html[data-hdr="roz"] #main-header#main-header#main-header#main-header,
  html[data-hdr="roz"] #info-header {
  background: radial-gradient(60% 280% at 0% 100%, rgba(236,72,153,.6), transparent 70%),
              radial-gradient(50% 260% at 100% 0%, rgba(251,146,60,.4), transparent 70%), #140a10 !important; }
html[data-hdr="bordo"] #main-header#main-header#main-header#main-header,
  html[data-hdr="bordo"] #info-header {
  background: linear-gradient(100deg, #3b0d12 0%, #5c1620 50%, #2a0a0e 100%), #3b0d12 !important; }
html[data-hdr="neon"] #main-header#main-header#main-header#main-header,
  html[data-hdr="neon"] #info-header {
  background: radial-gradient(55% 280% at 0% 100%, rgba(255,106,0,.55), transparent 70%),
              radial-gradient(55% 280% at 100% 0%, rgba(0,153,255,.55), transparent 70%), #08080c !important; }
html[data-hdr="aurora"] #main-header#main-header#main-header#main-header,
  html[data-hdr="aurora"] #info-header {
  background: linear-gradient(110deg, rgba(16,185,129,.55), rgba(124,58,237,.5) 30%, rgba(59,130,246,.5) 55%, rgba(16,185,129,.55) 80%, rgba(124,58,237,.5)) 0 0 / 300% 100%, #1e1745 !important;
  animation: hdrAurora 16s ease-in-out infinite alternate; }
@keyframes hdrAurora { from { background-position: 0% 0, 0 0; } to { background-position: 100% 0, 0 0; } }
@media (prefers-reduced-motion: reduce) { html[data-hdr="aurora"] #main-header { animation: none !important; } }

/* ---------- paginile informative (Despre, Cookies, Termeni, Privacy, Ghid): aceeasi bara, pe toata latimea ---------- */
html[data-hdr] #info-header {
  max-width: none !important; width: auto !important; align-self: stretch;
  margin: calc(-1 * (1rem + env(safe-area-inset-top, 0px))) -1rem 2rem !important;
  padding: calc(18px + env(safe-area-inset-top, 0px)) 18px 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 6px 20px -12px rgba(0,0,0,.5);
}
@media (min-width: 768px) {
  html[data-hdr] #info-header { margin: -2rem -2rem 2.5rem !important; padding: 20px max(24px, calc((100vw - 48rem) / 2)) !important; }
}
html[data-hdr] #info-header span[style*="color:#111"] { color: #fff !important; }
html[data-hdr] #info-header span[style*="color:#999999"] { color: rgba(255,255,255,.6) !important; }
html[data-hdr] #info-header > a:last-child { color: rgba(255,255,255,.8) !important; }