/* ==========================================================================
   Tema Oașa — varianta „albastru-petrol"
   --------------------------------------------------------------------------
   Se încarcă DOAR când în Administrare > Setări Grafice este selectat
   șablonul „Albastru-petrol (Oașa)", imediat DUPĂ tema-oasa.css.

   Nu atinge tipografia și așezarea din tema-oasa.css; adaugă peste ele doar
   nuanțele auxiliare reci și tratamentul fotografiei din hero.

   PALETA PRINCIPALĂ NU SE AFLĂ AICI. Culorile (--primary-color,
   --secondary-color, --background-color, --text-color, --header-bg-start,
   --header-bg-end, precum și fundalul și textul footerului) vin din presetul
   „petrol" din includes/theme-colors.php și sunt emise de generate_theme_css().
   Astfel ele rămân vizibile și în selectoarele din panoul de administrare, iar
   footerul nu are nevoie de nicio suprascriere aici.

   Nuanțele de mai jos nu au corespondent în paleta administrabilă, de aceea
   sunt fixate în acest fișier.
   ========================================================================== */

:root {
  /* --oasa-auriu se derivă automat din --secondary-color (#C9A15A) în
     tema-oasa.css, deci nu se repetă aici. */
  --oasa-auriu-inchis: #A9843F;
  --oasa-crem-2:       #E4ECEE;  /* cercurile din spatele iconițelor */
  --oasa-muted:        #5E6B72;
  --oasa-contur:       #DDE5E7;
  --oasa-text-clar:    #F6EBD3;
}

/* --------------------------------------------------------------------------
   HERO — armonizarea fotografiei cu paleta rece
   --------------------------------------------------------------------------
   `backdrop-filter` se aplică peste fundalul hero-ului (imaginea încărcată din
   administrare plus vălul de culoare), fără să repete URL-ul imaginii. Prin
   urmare continuă să funcționeze și dacă imaginea de fundal se schimbă din
   Setări Grafice.

   - saturate(.7)      stinge verdele pădurii
   - hue-rotate(6deg)  îl trage ușor spre albastrul lacului
   - gradientul întunecă doar partea de jos, pentru lizibilitatea butonului

   Notă: `backdrop-filter` nu este suportat în toate browserele vechi. Acolo
   unde lipsește, se vede doar gradientul — fotografia rămâne lizibilă, doar
   fără armonizarea cromatică.
   -------------------------------------------------------------------------- */

body .hero {
  position: relative;
  isolation: isolate;
}

body .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-backdrop-filter: saturate(.7) hue-rotate(6deg);
          backdrop-filter: saturate(.7) hue-rotate(6deg);
  background: linear-gradient(180deg,
              rgba(31, 63, 78, 0)   0%,
              rgba(31, 63, 78, 0)   50%,
              rgba(20, 42, 52, .35) 100%);
}

/* Conținutul hero-ului rămâne deasupra vălului. */
body .hero > .container {
  position: relative;
  z-index: 1;
}