/**
 * shen-ti.pl — fix hero slideshow flash on first paint.
 * Owl Carousel hides .owl-carousel until JS adds .owl-loaded.
 */

/* Show first slide before Owl initializes */
.sppb-slider-fullwidth-wrapper #slide-fullwidth.owl-carousel:not(.owl-loaded) {
  display: block;
}

.sppb-slider-fullwidth-wrapper #slide-fullwidth.owl-carousel:not(.owl-loaded) > .sppb-slideshow-fullwidth-item.item:not(:first-child) {
  display: none;
}

.sppb-slider-fullwidth-wrapper #slide-fullwidth.owl-carousel:not(.owl-loaded) > .sppb-slideshow-fullwidth-item.item:first-child {
  display: block;
}

/* Reserve viewport height for hero while carousel boots */
.sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper {
  min-height: 100vh;
}

.sppb-slider-fullwidth-wrapper #slide-fullwidth.owl-carousel:not(.owl-loaded) .sppb-slide-item-bg {
  height: 100vh;
}

/* First-slide text visible before .owl-item.active exists */
.sppb-slider-fullwidth-wrapper #slide-fullwidth.owl-carousel:not(.owl-loaded) .sppb-slideshow-fullwidth-item.item:first-child .sppb-wow,
.sppb-slider-fullwidth-wrapper #slide-fullwidth.owl-carousel:not(.owl-loaded) .sppb-slideshow-fullwidth-item.item:first-child .sppb-wow.sppb-animated {
  display: block;
  visibility: visible !important;
  animation: none;
  opacity: 1;
}

.sppb-slider-fullwidth-wrapper #slide-fullwidth.owl-carousel:not(.owl-loaded) .sppb-slideshow-fullwidth-item.item:first-child .sppb-fullwidth-title {
  display: inline-block;
}

@media (max-width: 767.98px) {
  .sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper,
  .sppb-slider-fullwidth-wrapper #slide-fullwidth.owl-carousel:not(.owl-loaded) .sppb-slide-item-bg {
    min-height: 100vh;
    height: 100vh;
  }
}

/*
 * Footer social icons (SP Page Builder addon 1530772600891):
 * Tablet: footer 3-column layout narrows the middle column; large horizontal
 * padding caused Instagram (3rd icon) to wrap. Mixed fa / fab icon fonts also
 * sit on different baselines when using inline-block.
 */
@media (min-width: 768px) and (max-width: 1199.98px) {
  #sp-bottom #sppb-addon-1530772600891 .sppb-icons-group-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: center;
  }

  #sp-bottom #sppb-addon-1530772600891 .sppb-icons-group-list li {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    float: none;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0;
  }

  #sp-bottom #sppb-addon-1530772600891 .sppb-icons-group-list li a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0 !important;
    margin: 0;
    vertical-align: middle;
  }

  #sp-bottom #sppb-addon-1530772600891 .sppb-icons-group-list li a i {
    display: block;
    line-height: 1;
    font-size: 24px;
  }
}

/* Header social icons — same tablet range (visible from lg up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  #sp-top1 .social-icons {
    display: flex;
    align-items: center;
  }

  #sp-top1 .social-icons > li {
    display: flex;
    align-items: center;
  }

  #sp-top1 .social-icons > li a {
    display: inline-flex;
    align-items: center;
    line-height: 1;
  }

  #sp-top1 .social-icons > li a span {
    display: block;
    line-height: 1;
  }
}

/*
 * Menu: hide empty Helix badges (red #d60000 pill) and caret when there
 * is no real submenu. Items with children keep their dropdown indicator.
 */
.sp-megamenu-parent > li > a > .sp-menu-badge:empty {
  display: none !important;
}

.sp-megamenu-parent > li.sp-has-child:not(:has(.sp-dropdown-inner .sp-menu-item, .sp-dropdown-inner .sp-module, .sp-dropdown-inner .row)) > a::after,
.sp-megamenu-parent > li.sp-has-child:has(> .sp-dropdown .sp-dropdown-inner:empty) > a::after {
  content: none !important;
  display: none !important;
}
