/* ================================== GLOBAL================================== */
/* heureka */
#heurekaTableft{
  margin-top: 40vh !important;
}
/* ================================== HEADER SHADOW BOTTOM FIXED================================== */
.header-top {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
/* ================================== BENEFIT BANNERS (homepage, category, product )================================== */
.benefitBanner {
  justify-content: center !important;
  padding-top: 40px !important;
}

.benefitBanner__item {
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
}

.benefitBanner__picture {
  margin-right: 0px !important;
  max-width: 125px !important;
  margin-bottom: 30px !important;
}

.benefitBanner__content {
  padding-right: 0px !important;
}
@media (max-width: 768px) {
  .benefitBanner__item {
    margin-bottom: 45px;
  }
  .benefitBanner__picture {
    max-width: 200px !important;
  }
}
/* category */
.type-category .benefitBanner.position--benefitCategory{
  width: 100% !important;
}

/* ================================== SLIDER LOGO ================================== */
/*
.logo-slider.slick-initialized.slick-slider{
  margin-top:60px;
}
.slick-initialized .slick-slide {
  display: flex;
  justify-content: center;
}
.logo-slider__item{
  padding:30px;
}
*/

.logo-slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom:20px;
  justify-content: center;
}

.logo-slider__item {
  display: flex;
  width: 20%;
  justify-content: center;
  padding: 20px;
}

.logo-slider__item img {
  max-width: 180px;
}

/* Responsive adjustments */
@media (max-width: 1199px) {
  .logo-slider__item {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .logo-slider {
    margin-top: 40px;
  }
  .logo-slider__item {
    width: 50%;
    padding: 15px;
  }

  .logo-slider__item img {
    max-width: 150px;
  }
}

@media (max-width: 390px) {
  .logo-slider__item {
    width: 50%;
    padding: 10px;
  }

  .logo-slider__item img {
    max-width: 120px;
  }
}

/* =================== KATEGORIE ICONS (+/-) rozbalení ================================= */
#categories .expandable>a>span {
  top: 11px !important;
}
#categories .expandable>.topic>a>span {
  top: 18px !important;
}

/* ================================== PRODUCT DETAIL  =========================================== */
/*LIGHTBOX*/
#cboxOverlay, #colorbox {
  z-index: 1004;
}
/*RICH CONTENT*/
@media (min-width: 992px) {
  .webit-description-flex.half {
    margin: 30px 0;
    display: flex;
  }
}
@media (max-width: 991px) {
  .webit-description-flex.half {
    margin: 30px 0;
    display: grid;
    flex-direction: column;
  }

}
@media (min-width: 992px) {
  .webit-description-flex.image-right .webit-description-flex-text, .webit-description-flex.image-left .webit-description-flex-image {
    padding: 0 0 0 30px;
  }
}

/*úpravy*/
.type-detail .benefitBanner,
.in-index .benefitBanner {
  overflow: hidden;
}
.type-detail .benefitBanner .slick-slide,
.in-index .benefitBanner .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.type-detail .benefitBanner .slick-dots,
.in-index .benefitBanner .slick-dots {
  text-align: center;
  margin-top: 10px;
}
.type-detail .benefitBanner .slick-dots li,
.in-index .benefitBanner .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.type-detail .benefitBanner .slick-dots,
.in-index .benefitBanner .slick-dots {
  margin: auto;
  padding: 0;
}
.type-detail .benefitBanner .slick-dots li button,
.in-index .benefitBanner .slick-dots li button {
  background-color: #ccc;
  border: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-size: 0;
}
.type-detail .benefitBanner .slick-dots li.slick-active button,
.in-index .benefitBanner .slick-dots li.slick-active button {
  background-color: #333;
}
.type-detail .benefitBanner .slick-arrow,
.in-index .benefitBanner .slick-arrow {
  display: none !important;
}
.logo-slider .logo-slider__item img {
  filter: grayscale(100%);
}
.logo-slider .logo-slider__item img:hover {
  filter: grayscale(0%);
}
.content-inner a {
  text-decoration: underline;
}
.price-claim {
  max-width: 690px;
  margin-bottom: 50px;
  margin-top: 20px;
}
.price-claim a {
  font-weight: 700;
  text-decoration: underline;
}
.customer-page .sidebar-left > .sidebar-inner ul {
  padding-left: 0
}
.customer-page .sidebar-left > .sidebar-inner li {
  background-color: #F1F3F7;
  padding: 5px 12px;
  margin-top: 5px
}
.customer-page .sidebar-left > .sidebar-inner li:first-child, .customer-page .sidebar-left > .sidebar-inner li.logout {
  background-color: transparent;
  padding-left: 0;
}
.customer-page .sidebar-left > .sidebar-inner .logout a {
  border-color: black;
}
.customer-page li::marker {
  content: '';
}
@media only screen and (max-width: 1040px) and (min-width: 768px) {
  #content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.webit-description-flex.half {
  margin: 0px;
}
.webit-description-flex.half.image-right {
  flex-direction: row-reverse;
}

.webit-description-flex.half.image-right .webit-description-flex-image
{
  padding: initial;
}
.messages {
  text-align: center
}
.msg-success .container span {
  display: inline-block;
  justify-content: center
}
.message-btn {
  border: 1px solid white;
  display: inline-block;
  margin: 5px 10px;
  padding: 10px;
}
/* =================== UPDATE V3 - CLIENT CENTER =====================*/
.customer-page thead tr {
  background-color: #F1F3F7 !important;
}
/* cílené na iPhony - odražky none*/
@media only screen and (max-width: 768px) {
  .box.box-sm.box-bg-transparent.client-center-box ul {
    list-style: none !important;
  }
}
/* =================== UPDATE V3 - MSG-NOTIFIER-BTNS - ADD-TO-CART =====================*/
.custom-cart-link {
  display: inline-block;
  background-color: transparent;
  font-weight: 400 !important;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 24px;
  margin-left: 20px !important;
  border: 1px solid #ffffff;
  border-radius: 0px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.custom-cart-link:hover {
  background-color: #ffffff;
  color: #64BC64 !important;
  border-color: #ffffff;
}
.close-btn {
  position: absolute;
  top:3%;
  right:50%;
  transform: translateX(-50%) translateX(300px);
  text-align: center;
  align-items: top;
  background: transparent;
  color: #FFFFFF;
  border: none;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.2s ease, color 0.2s ease;
}

.close-btn:hover {
  color: #000000;
  transform: translateX(-50%) translateX(300px);
}
@media(max-width: 768px){
  .custom-cart-link {
    margin-top:10px;
  }
  .close-btn {
    transform: translateX(-50%) translateX(180px);
  }
}

/* =================== KOSIK BTN OFFSET =====================*/
.next-step-forward
{
  text-underline-offset: 3px !important;
}

.ordering-process.id--9 #fvstudio-delivery-info .cart-tip .price-range, .ordering-process.id--9 #fvstudio-delivery-info .extra.delivery .price-range, .content-window.cart-window #fvstudio-delivery-info .extra.delivery .price-range {
  position: relative;
}

.ordering-process.id--9 #fvstudio-delivery-info .extra.delivery, .content-window.cart-window #fvstudio-delivery-info .extra.delivery {
  max-width: 100%;
}

#hodnoceniobchodu {
  margin-bottom: 60px;
}

@media (max-width: 499px) {
  #hodnoceniobchodu .shop-eval .vote-wrap:nth-child(n+2) {
    display: none !important;
  }

  .user-action-in .popup-widget.cart-widget {
    top: 50px !important;
  }
}
