/* =========================================================
   ZG · Slider Minimal Premium v2
   - Ziba-Group stays ABOVE slider (outside images)
   - Only slogan appears on image bottom
   - No big titles / no counters
========================================================= */

:root{
  --zgAirTop: clamp(14px, 2vw, 28px);
  --zgAirBottom: clamp(12px, 1.6vw, 24px);

  --zgSloganPadX: clamp(14px, 2vw, 26px);
  --zgSloganPadY: clamp(12px, 1.4vw, 18px);
  --zgSloganSize: clamp(13px, 1.35vw, 18px);

  --zgSloganBg: rgba(12,15,20,.52);
  --zgSloganInk: rgba(255,255,255,.96);
  --zgShadow: 0 10px 30px rgba(0,0,0,.14);
}

/* Header air */
header.site-header,
.lqd-site-header,
.elementor-location-header,
.elementor-location-header header{
  padding-top: var(--zgAirTop) !important;
  padding-bottom: var(--zgAirBottom) !important;
}

header.site-header,
.lqd-site-header,
.elementor-location-header{
  background: rgba(255,255,255,.97);
  backdrop-filter: saturate(130%) blur(6px);
  -webkit-backdrop-filter: saturate(130%) blur(6px);
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
}

/* Remove big titles and numbers INSIDE slider only */
.lqd-asym-slider h1,
.lqd-asym-slider h2,
.lqd-asym-slider h3,
.lqd-asym-slider .h1,
.lqd-asym-slider .h2,
.lqd-asym-slider .h3,
.lqd-asym-slider .lqd-asym-slider-counter,
.lqd-asym-slider .lqd-asym-slider-number,
.lqd-asym-slider .lqd-asym-slider-num,
.lqd-asym-slider .lqd-asym-slider-title,
.lqd-asym-slider .lqd-asym-slider-subtitle,
.lqd-asym-slider .lqd-asym-slider-desc{
  display:none !important;
}

/* Ensure top label (like Ziba-Group) ABOVE slider is untouched */
.lqd-asym-slider + *,
.lqd-asym-slider ~ *{
  position: relative;
  z-index: auto;
}

/* Slogan badge only on image bottom */
.lqd-asym-slider .lqd-asym-slider-img,
.lqd-asym-slider .lqd-asym-slider-img-inner,
.lqd-asym-slider .lqd-asym-slider-img figure{
  position: relative;
}

.lqd-asym-slider .zg-slide-slogan{
  position:absolute;
  left: var(--zgSloganPadX);
  right: var(--zgSloganPadX);
  bottom: var(--zgSloganPadY);
  z-index: 5;

  width: fit-content;
  max-width: calc(100% - (var(--zgSloganPadX) * 2));
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--zgSloganBg);
  color: var(--zgSloganInk);

  font-size: var(--zgSloganSize);
  line-height: 1.2;
  letter-spacing: .01em;
  font-weight: 500;

  box-shadow: var(--zgShadow);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

@media (max-width: 767px){
  .lqd-asym-slider .zg-slide-slogan{
    padding: 9px 12px;
    border-radius: 18px;
    font-size: clamp(13px, 3.8vw, 16px);
  }
}

/* Keep navigation */
.lqd-asym-slider [class*="nav"],
.lqd-asym-slider [class*="dots"],
.lqd-asym-slider [class*="pagination"]{
  z-index: 9;
}
