/* ==========================================
   css-custom.css
   Konsolidované inline styly pro hriste-piccolino.cz
   ========================================== */

/* GLOBAL */
body:not(.entrance-protection-wrapper) {
  opacity: 0;
  display: none;
}

.navigation-in {
  transition: none;
}

.menu-level-1 a {
  transition: none;
}

/* KOŠÍK */
.type-cart .cart-row .cart-summary:has(.discount-coupon) {
  display: block !important;
}

/* CAROUSEL / BANNER */
.extended-banner-text {
  color: #fff !important;
  text-shadow: none !important;
}

.before-carousel>div>.container #carousel .carousel-inner .item .extended-banner-texts .extended-banner-text,
.before-carousel>div>.container #carousel .carousel-inner .item .extended-banner-texts .extended-banner-title {
  -webkit-text-stroke: initial !important;
  -webkit-text-stroke-width: 0 !important;
  paint-order: inherit !important;
  text-shadow: none !important;
}

.before-carousel>div>.container #carousel .carousel-inner .item .extended-banner-texts .extended-banner-link {
  margin-top: 30px !important;
}

.extended-banner-text .special {
  font-weight: 800;
}

.extended-banner-text .special strong {
  color: #fef818;
}

.container #carousel .carousel-inner .item .extended-banner-title span {
  display: block;
  color: #fef818;
  font-size: 0.7em;
  margin-bottom: -10px;
}

.carousel-dots {
  bottom: 25px !important;
  left: 75px !important;
  transform: none !important;
}

.before-carousel>div>.container #carousel .carousel-inner .item .extended-banner-texts {
  display: flex;
  flex-direction: column;
  height: auto !important;
  left: 0;
  max-width: 510px;
  padding: 0 20px 0 70px !important;
  position: absolute;
  width: 100%;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.before-carousel>div>.container #carousel .carousel-inner .item .extended-banner-texts .extended-banner-title:before {
  background: url('https://www.hriste-piccolino.cz/user/documents/upload/Bannery/vlnka-slider.png') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

body .before-carousel>div>.container #carousel .carousel-inner .item .extended-banner-texts .extended-banner-title:before {
  bottom: -5px;
}

.carousel-control {
  max-height: unset !important;
}

@media (max-width: 767px) {
  .carousel-control {
    padding: 5px !important;
    height: 26px !important;
    width: 26px !important;
  }

  #carousel .item>a img {
    min-height: 500px !important;
  }

  .carousel-control:after {
    height: 14px !important;
    width: 14px !important;
  }

  #carousel .item .extended-banner-texts .extended-banner-title {
    font-size: 2rem !important;
    line-height: 1 !important;
    margin-top: 5px !important;
  }

  #carousel .item .extended-banner-texts .extended-banner-title span {
    margin-bottom: 5px !important;
  }

  #carousel .item .extended-banner-texts {
    gap: 0.5em !important;
  }

  #carousel .item .extended-banner-texts .extended-banner-link {
    font-size: 0.8rem !important;
    gap: .25em !important;
    padding: 4px 16px 6px !important;
  }

  #carousel .item .extended-banner-texts .extended-banner-link svg {
    width: 16px !important;
    height: 16px !important;
  }

  #carousel .carousel-dots {
    bottom: -25px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .benefitBanner {
    margin: 2.5em auto .5em !important;
  }
}

/* STRÁNKY - LAYOUT */
.type-page:not(.type-contact) .content-inner [itemprop=about] .page-section .page-template>.page-block.columns-2 .column.small:has(.image-grid) {
  display: block;
}

.type-page:not(.type-contact) .content-inner [itemprop=about] .page-section .page-template>.page-block.columns-2 .column.small .image-grid {
  height: 100%;
}

@media (max-width: 1470px) {
  #navigation-banner {
    display: none !important;
  }
}

.content-wrapper-in > #dlouhy-popis,
#dlouhy-popis:not(:last-of-type) {
  display: none;
}

/* STRÁNKOVÁNÍ */
.itemsTotal,
.loadMore {
  display: none;
}

.listingControls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.goToTop {
  order: -1;

  .goToTop__button {
    color: #2f3138;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #e5650a;
    display: flex;
    font-family: Nunito Sans, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    gap: 0.75em;
    line-height: 1.5rem;
    margin-top: auto;
    overflow: hidden;
    padding: 0.59375em 1em;
    width: -moz-max-content;
    width: max-content;

    &::after {
      background-image: url(https://cdn.myshoptet.com/usr/mirandamedia.myshoptet.com/user/documents/projects/hriste-piccolino/dist/assets/_hashed/1518b8e91178d2fadbc3..png);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      content: '' !important;
      display: grid !important;
      height: 24px;
      place-items: center;
      position: relative;
      top: 0;
      transition: all 0.15s ease-in-out;
      width: 24px;
      z-index: 1;
    }

    &:hover {
      background-color: transparent;

      &::after {
        animation: scrollUp 0.65s;
      }
    }
  }
}

.pagination__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 16px;

  a {
    text-decoration: none;
  }

  .pagination__link--next,
  .pagination__link--prev {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    border-width: 0px 1px 2px 1px;
    border-style: solid;
    border-color: #c2c7d0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;

    &::before {
      content: '';
      width: 12px;
      height: 12px;
      border: 2px solid #2f3138;
      border-style: none solid solid none;
      position: relative;
    }

    &:hover {
      background-color: #e5650a;
      border-color: #af4900;

      &::before {
        border-color: #fff;
      }
    }
  }

  .pagination__link--next::before {
    transform: rotate(-45deg);
    left: -2px;
  }

  .pagination__link--prev::before {
    transform: rotate(135deg);
    left: 2px;
  }
}

/* VYHLEDÁVÁNÍ - loadMore tlačítko */
body.type-search .listingControls .loadMore {
  display: flex !important;
  justify-content: center;
  width: 100%;
}

body.type-search .listingControls .loadMore .loadMore__button {
  align-items: center;
  background-color: #fff;
  border: 2px solid #e5650a;
  border-radius: 24px;
  color: #2f3138;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  gap: .75em;
  height: max-content;
  line-height: 1.5rem;
  padding: 10px 25px;
  text-decoration: none;
}

/* FLAGY */
.flag.flag-freeshipping {
  display: none;
}

/* SLEVOVÝ KUPÓN (Dominik Martini) */
.dm-coupon-div {
  border: solid 1px #ef2b00 !important;
  border-radius: 5px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  padding: 10px !important;
  font-size: 15px !important;
}

.dm-coupon-div span {
  color: #ef2b00 !important;
}

.dm-coupon-div:before {
  background-color: #ef2b00 !important;
  color: #ffffff !important;
  font-size: 15px !important;
}