/* Aplicăm comportamentul special DOAR pe paginile care au hero */
body.cs-has-hero .cs-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition:
    background-color 0.25s ease,
    box-shadow 0.25s ease,
    border-radius 0.25s ease;
}

/* Pe hero: header transparent */
body.cs-has-hero:not(.cs-header-solid) .cs-header,
body.cs-has-hero:not(.cs-header-solid) .cs-header .elementor-container,
body.cs-has-hero:not(.cs-header-solid) .cs-header .e-con-inner {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Ascunde borderele interioare doar cât e peste hero */
body.cs-has-hero:not(.cs-header-solid) .cs-header * {
  color: white;
  border-color: transparent !important;
}

/* Hover meniu - doar când header-ul este transparent */
body.cs-has-hero:not(.cs-header-solid)
  .cs-header
  .elementor-nav-menu--main
  .elementor-item:hover,
body.cs-has-hero:not(.cs-header-solid)
  .cs-header
  .elementor-nav-menu--main
  .elementor-item:focus {
  color: #000000 !important;
}

/* Linia de underline de la Elementor pe hover - neagră */
body.cs-has-hero:not(.cs-header-solid)
  .cs-header
  .elementor-nav-menu--main
  .elementor-item:hover::after,
body.cs-has-hero:not(.cs-header-solid)
  .cs-header
  .elementor-nav-menu--main
  .elementor-item:focus::after {
  background-color: #000000 !important;
}

/* După ce treci de hero: header alb */
body.cs-has-hero.cs-header-solid .cs-header {
  background: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14) !important;
  border-bottom-left-radius: 42px !important;
  border-bottom-right-radius: 42px !important;
}

/* Admin bar WordPress */
body.admin-bar.cs-has-hero .cs-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar.cs-has-hero .cs-header {
    top: 46px;
  }
}

/* ================================
   MOBILE / TABLET HEADER MENU
   de la 1024px în jos
================================ */
@media (max-width: 1024px) {
  /* Când header-ul e transparent DAR meniul toggle e deschis */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header:has(.elementor-menu-toggle.elementor-active) {
    background: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14) !important;
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
  }

  /* Container-ele interioare să devină și ele albe */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header:has(.elementor-menu-toggle.elementor-active)
    .elementor-container,
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header:has(.elementor-menu-toggle.elementor-active)
    .e-con-inner {
    background: #ffffff !important;
  }

  /* Text / iconuri în header când meniul este deschis */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header:has(.elementor-menu-toggle.elementor-active)
    * {
    color: #000000 !important;
  }

  /* Fundal dropdown meniu */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown {
    background: #ffffff !important;
  }

  /* Link-uri din meniul mobile */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item {
    color: #000000 !important;
    background: #ffffff !important;
  }

  /* Hover pe meniul mobile */
  /* Hover / focus / click / item activ - meniu mobil */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:hover,
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:focus,
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:active,
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active,
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .current-menu-item
    > .elementor-item,
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .current_page_item
    > .elementor-item {
    color: #ffffff !important;
    background-color: #d282a6 !important;
  }

  /* Item activ / pagina curentă - roz, nu negru */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active,
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .current-menu-item
    > .elementor-item,
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-nav-menu--dropdown
    .current_page_item
    > .elementor-item {
    color: #d282a6 #ffffff !important;
    background: #ffffff !important;
  }

  /* Toggle icon când meniul e deschis */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header
    .elementor-menu-toggle.elementor-active {
    color: #000000 !important;
    background: transparent !important;
  }

  /* Toggle icon normal pe header transparent */
  body.cs-has-hero:not(.cs-header-solid) .cs-header .elementor-menu-toggle {
    color: #ffffff !important;
  }

  /* Toggle icon devine negru când meniul e deschis */
  body.cs-has-hero:not(.cs-header-solid)
    .cs-header:has(.elementor-menu-toggle.elementor-active)
    .elementor-menu-toggle {
    color: #000000 !important;
  }
}

@media (max-width: 1024px) {
  /* Item apăsat / focusat / activ în meniul mobil */
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:hover,
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:focus,
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:active,
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active,
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .current-menu-item
    > .elementor-item,
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .current_page_item
    > .elementor-item {
    background-color: #d282a6 !important;
    color: #ffffff !important;
  }

  /* Ca textul/link-ul din item să rămână alb */
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:hover
    *,
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:focus
    *,
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:active
    *,
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active
    * {
    color: #ffffff !important;
  }
}

@media (max-width: 1024px) {
  body.cs-has-hero
    .cs-header
    .elementor-nav-menu--dropdown
    .elementor-item:active {
    background-color: #d282a6 !important;
    color: #ffffff !important;
  }
}