/* Aktywna pozycja: pogrubienie i kolor */
#sp-menu .sp-megamenu-parent > li.sp-menu-item.active > a,
#sp-menu .sp-megamenu-parent > li.sp-menu-item.current-item > a,
#sp-menu .sp-megamenu-parent > li.sp-menu-item.active > span,
#sp-menu .sp-megamenu-parent > li.sp-menu-item.current-item > span {
    font-weight: 700 !important;
    color: var(--sppb-menu-text-active-color, #c2185b) !important;
}

/* Podkreślenie linków przy najechaniu */
#sp-menu .sp-megamenu-parent > li.sp-menu-item > a:hover,
#sp-menu .sp-megamenu-parent > li.sp-menu-item > span:hover {
    text-decoration: underline !important;
}

/* Pionowe kreski między pozycjami menu */
#sp-menu .sp-megamenu-parent > li {
    position: relative;
    display: inline-block;
}

/* Dodaj separator przed każdą pozycją oprócz pierwszej */
#sp-menu .sp-megamenu-parent > li + li::before {
    content: "|";
    margin: 0 0.5rem;         /* mniejszy odstęp po lewej i prawej */
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
}

/* Zmniejsz wewnętrzny odstęp (padding) linków – bliżej siebie jak w Havas */
#sp-menu .sp-megamenu-parent > li > a,
#sp-menu .sp-megamenu-parent > li > span {
    padding-left: 0.5rem !important; /* domyślnie 0.75–1rem – zmniejszamy */
    padding-right: 0.2rem !important;
    margin: 0; /* usuwamy ewentualne marginesy */
}

/* Opcjonalnie usunięcie lewego paddingu listy */
#sp-menu .sp-megamenu-parent {
    padding-left: 0;
    list-style: none;
}

_______
#offcanvas-toggler span, .icon-bar > span {border-bottom: 2px solid white;}


/* CATVERTISER – transparent header over hero */
#sp-header{
  background: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  box-shadow: none !important;
  transition: background .25s ease, box-shadow .25s ease;
}

/* sticky state */
#sp-header.header-sticky{
  position: fixed; /* kluczowe */
background: linear-gradient(
  0deg,
  rgba(35, 35, 35, 0.7) 0%,
  rgba(59, 59, 59, 0.95) 100%
) !important;
  box-shadow: 0 0 4px 0 rgba(0,0,0,.1) !important;
}



/* ===============================
   CATVERTISER – HERO TITLE
================================ */

.catv-hero-title{
  margin:0;
  font-weight:900;
  text-transform:uppercase;
  line-height:.9;
}

.catv-hero-title span{
  display:block;
  font-size:clamp(50px,7vw,110px);
  letter-spacing:-2px;
  color:#ffffff;
}

.catv-hero-title .catv-accent{
  color:#c2185b;
}







/* ==============================================
   CATVERTISER – Menu CTA: Liquid Glass (z-wycena)
   ============================================== */

/* Elementy <a> i <span> z klasą z-wycena */
#sp-header .sp-megamenu-parent > li > a.z-wycena,
#sp-header .sp-megamenu-parent > li > span.z-wycena,
#sp-header a.z-wycena,
#sp-header span.z-wycena {
  position: relative;
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 17px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  border-radius: 5px !important;

  /* Liquid glass */
  background: rgba(255,255,255,0.2) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  box-shadow:
    0 4px 30px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(255,255,255,0.2) inset !important;

  /* rozmycie tła */
  backdrop-filter: blur(1px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(180%) !important;

  /* tekst */
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;

  overflow: hidden; /* pseudo-element pozostaje w obrębie przycisku */
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

/* Połysk i reflekcje – pseudo-element */
#sp-header .sp-megamenu-parent > li > a.z-wycena::after,
#sp-header .sp-megamenu-parent > li > span.z-wycena::after,
#sp-header a.z-wycena::after,
#sp-header span.z-wycena::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg,
    rgba(255,255,255,0.4) 0%,
    rgba(255,255,255,0.05) 100%);
  opacity: 0.7;
  mix-blend-mode: overlay; /* subtelny połysk */
}

/* Hover – lekkie uniesienie i rozjaśnienie */
#sp-header .sp-megamenu-parent > li > a.z-wycena:hover,
#sp-header .sp-megamenu-parent > li > span.z-wycena:hover,
#sp-header a.z-wycena:hover,
#sp-header span.z-wycena:hover {
  transform: translateY(-1px);
  filter: brightness(1.05) saturate(1.1);
  box-shadow:
    0 6px 36px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(255,255,255,0.25) inset !important;
}

/* Focus – podkreślenie krawędzi dla dostępności */
#sp-header .sp-megamenu-parent > li > a.z-wycena:focus,
#sp-header .sp-megamenu-parent > li > span.z-wycena:focus,
#sp-header a.z-wycena:focus,
#sp-header span.z-wycena:focus {
  outline: none !important;
  box-shadow:
    0 6px 36px rgba(0, 0, 0, 0.15),
    0 0 0 3px rgba(255,255,255,0.2),
    0 0 0 1px rgba(255,255,255,0.25) inset !important;
}

/* Usunięcie linii/underline dodawanej przez Helix */
#sp-header .sp-megamenu-parent > li > a.z-wycena::before,
#sp-header .sp-megamenu-parent > li > a.z-wycena::after,
#sp-header .sp-megamenu-parent > li > span.z-wycena::before,
#sp-header .sp-megamenu-parent > li > span.z-wycena::after,
#sp-header a.z-wycena::after,
#sp-header span.z-wycena::after {
  text-decoration: none !important;
}