/* Continue the supplied Credo background through the opaque menu sections. */
:where(
  body.page-id-3278 .elementor-3278,
  body.page-id-3289 .elementor-3289,
  body.page-id-3300 .elementor-3300
) {
  position: relative;
  isolation: isolate;
  background-color: #000;
}

:where(
  body.page-id-3278 .elementor-3278,
  body.page-id-3289 .elementor-3289,
  body.page-id-3300 .elementor-3300
)::before {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  width: min(100vw, 595px);
  z-index: 0;
  pointer-events: none;
  transform: translateX(-50%);
  /* pictura vine din blocul final al fișierului */
}

:where(
  body.page-id-3278 .elementor-3278,
  body.page-id-3289 .elementor-3289,
  body.page-id-3300 .elementor-3300
) > .e-con.e-parent {
  position: relative;
  z-index: 1;
}

body.page-id-3278 .elementor-3278 > .e-con.e-parent:not([data-id='79ab99a']),
body.page-id-3289 .elementor-3289 > .e-con.e-parent:not([data-id='e7eaa2d']),
body.page-id-3300 .elementor-3300 > .e-con.e-parent:not([data-id='4230eee']) {
  background-color: transparent !important;
  background-image: none !important;
}

/* Elementor's newer atomic sections keep their own background color. */
body.page-id-3278 .elementor-3278 > .e-atomic-element {
  background-color: transparent !important;
}

:where(
  body.page-id-3278,
  body.page-id-3289,
  body.page-id-3300
) footer {
  position: relative;
  z-index: 2;
}

/* ---------------------------------------------------------------------------
   Versiunile RU / EN ale paginilor QR.
   Reguli ADĂUGATE, în oglindă cu cele de mai sus — niciun selector existent
   nu e modificat. Id-urile de container (data-id) sunt identice între limbi,
   fiindcă WPML a duplicat paginile.
   RO 3278 -> RU 5011, EN 5014 | RO 3289 -> RU 5421, EN 5417 | RO 3300 -> RU 5230, EN 5261
   --------------------------------------------------------------------------- */
:where(
  body.page-id-5011 .elementor-5011,
  body.page-id-5014 .elementor-5014,
  body.page-id-5421 .elementor-5421,
  body.page-id-5417 .elementor-5417,
  body.page-id-5230 .elementor-5230,
  body.page-id-5261 .elementor-5261
) {
  position: relative;
  isolation: isolate;
  background-color: #000;
}

:where(
  body.page-id-5011 .elementor-5011,
  body.page-id-5014 .elementor-5014,
  body.page-id-5421 .elementor-5421,
  body.page-id-5417 .elementor-5417,
  body.page-id-5230 .elementor-5230,
  body.page-id-5261 .elementor-5261
)::before {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  width: min(100vw, 595px);
  z-index: 0;
  pointer-events: none;
  transform: translateX(-50%);
  /* pictura vine din blocul final al fișierului */
}

:where(
  body.page-id-5011 .elementor-5011,
  body.page-id-5014 .elementor-5014,
  body.page-id-5421 .elementor-5421,
  body.page-id-5417 .elementor-5417,
  body.page-id-5230 .elementor-5230,
  body.page-id-5261 .elementor-5261
) > .e-con.e-parent {
  position: relative;
  z-index: 1;
}

body.page-id-5011 .elementor-5011 > .e-con.e-parent:not([data-id='79ab99a']),
body.page-id-5014 .elementor-5014 > .e-con.e-parent:not([data-id='79ab99a']),
body.page-id-5421 .elementor-5421 > .e-con.e-parent:not([data-id='e7eaa2d']),
body.page-id-5417 .elementor-5417 > .e-con.e-parent:not([data-id='e7eaa2d']),
body.page-id-5230 .elementor-5230 > .e-con.e-parent:not([data-id='4230eee']),
body.page-id-5261 .elementor-5261 > .e-con.e-parent:not([data-id='4230eee']) {
  background-color: transparent !important;
  background-image: none !important;
}

body.page-id-5011 .elementor-5011 > .e-atomic-element,
body.page-id-5014 .elementor-5014 > .e-atomic-element {
  background-color: transparent !important;
}

:where(
  body.page-id-5011,
  body.page-id-5014,
  body.page-id-5421,
  body.page-id-5417,
  body.page-id-5230,
  body.page-id-5261
) footer {
  position: relative;
  z-index: 2;
}

/* ---------------------------------------------------------------------------
   Fundalul paginilor QR — culorile din referința clientului (26.08.2026).
   Valorile de mai jos sunt CITITE din imaginea de referință, nu alese:
     fundal sub meniu   #010000 măsurat -> livrat #000 (diferența e sub prag)
     banda de la bază    #250604 măsurat pe toată lățimea -> livrat identic
   (#290604 apare doar ca vârf punctual în benzile marginale; media benzii, care e
   ce se vede efectiv, e #250604 — aceasta e valoarea din cod, la linia de mai jos)
   Varianta anterioară punea fotografia luminată (brightness 1.42) sub tot
   conținutul. Fotografia ridica fundalul din negru la #2f2726, iar roșul de
   deasupra se amesteca în ea: R rămânea mare, dar G și B urcau la ~34/29, deci
   roșul vira spre maro — efectul „șters" reclamat. Fotografia nu mai apare aici;
   în referință ea e doar în header, unde o pune oricum secțiunea Elementor.
   În referință banda roșie e uniformă pe toată lățimea (#250604 de la o margine
   la alta), deci degradeul e LINIAR vertical, nu o elipsă în colț ca înainte.
   Un singur strat, ::before, fix la derulare; conținutul stă deasupra (z-index 1).
   --------------------------------------------------------------------------- */
:where(
  body.page-id-3278 .elementor-3278,
  body.page-id-5011 .elementor-5011,
  body.page-id-5014 .elementor-5014,
  body.page-id-3289 .elementor-3289,
  body.page-id-5421 .elementor-5421,
  body.page-id-5417 .elementor-5417,
  body.page-id-3300 .elementor-3300,
  body.page-id-5230 .elementor-5230,
  body.page-id-5261 .elementor-5261
)::before {
  /* Pe desktop, coloana de 595px lasa banda rosie ca un dreptunghi suspendat, cu
     doua muchii verticale dure (masurat la 1440px: muchii la x=423 si x=1018).
     Fotografia disparuta era singurul motiv pentru care stratul era ingustat, deci
     il lasam pe toata latimea — asa banda merge de la o margine la alta, ca in referinta. */
  left: 0;
  right: 0;
  width: auto;
  transform: none;
  filter: none;
  background: linear-gradient(to bottom, #000 0%, #000 72%, #250604 97%, #250604 100%);
}

/* ---------------------------------------------------------------------------
   Racordul dintre fotografia din header și fundal (cerere client, 26.08.2026):
   „La moment este trecere bruscă de la poză la fon negru."
   Aveam racord doar pe Meniul Bar, așezat pe containerul de după erou, cu
   deplasare negativă — pe Meniul Libanez și pe Wine Card fotografia tăia direct
   în negru. Regula aceea e înlocuită de aceasta: uniformă pe toate cele nouă
   pagini și pusă pe containerul-erou însuși, deci nu mai depinde de ce urmează
   după el. Cele trei data-id-uri sunt chiar containerele exceptate de la
   transparentizare mai sus, adică exact cele care poartă fotografia.
   Pseudo-elementul se pictează sub widgeturile containerului (copiii au
   position: relative), deci logo-ul și textul rămân neatinse.
   Reglajul se face dintr-un singur loc, `height`: mai mare = trecere mai lungă
   și mai moale.
   --------------------------------------------------------------------------- */
body.page-id-3278 .elementor-3278 > .e-con.e-parent[data-id='79ab99a'],
body.page-id-5011 .elementor-5011 > .e-con.e-parent[data-id='79ab99a'],
body.page-id-5014 .elementor-5014 > .e-con.e-parent[data-id='79ab99a'],
body.page-id-3289 .elementor-3289 > .e-con.e-parent[data-id='e7eaa2d'],
body.page-id-5421 .elementor-5421 > .e-con.e-parent[data-id='e7eaa2d'],
body.page-id-5417 .elementor-5417 > .e-con.e-parent[data-id='e7eaa2d'],
body.page-id-3300 .elementor-3300 > .e-con.e-parent[data-id='4230eee'],
body.page-id-5230 .elementor-5230 > .e-con.e-parent[data-id='4230eee'],
body.page-id-5261 .elementor-5261 > .e-con.e-parent[data-id='4230eee'] {
  position: relative;
}

body.page-id-3278 .elementor-3278 > .e-con.e-parent[data-id='79ab99a']::after,
body.page-id-5011 .elementor-5011 > .e-con.e-parent[data-id='79ab99a']::after,
body.page-id-5014 .elementor-5014 > .e-con.e-parent[data-id='79ab99a']::after,
body.page-id-3289 .elementor-3289 > .e-con.e-parent[data-id='e7eaa2d']::after,
body.page-id-5421 .elementor-5421 > .e-con.e-parent[data-id='e7eaa2d']::after,
body.page-id-5417 .elementor-5417 > .e-con.e-parent[data-id='e7eaa2d']::after,
body.page-id-3300 .elementor-3300 > .e-con.e-parent[data-id='4230eee']::after,
body.page-id-5230 .elementor-5230 > .e-con.e-parent[data-id='4230eee']::after,
body.page-id-5261 .elementor-5261 > .e-con.e-parent[data-id='4230eee']::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 52%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.10) 30%,
    rgba(0, 0, 0, 0.32) 54%,
    rgba(0, 0, 0, 0.62) 74%,
    rgba(0, 0, 0, 0.88) 90%,
    #000 100%
  );
}