/* KUPELNET.SK style */

/* HEADER */

/* TOP NAVIGATION BAR */
@media (min-width: 768px) {
  .top-navigation-bar {
    background-color: #e0007b;
    border-bottom-color: none;
    border-top-color: none;
  }

  .top-nav-button-login {
    background-color: transparent;
    color: #fff;
    font-size: 15px;
  }

  .top-navigation-contacts,
  .top-navigation-menu {
    background-color: #e0007b;
  }
}

.top-navigation-bar a,
.top-navigation-bar a:hover {
  color: #fff;
  font-size: 15px;
}

.top-navigation-menu-trigger:before,
.top-navigation-menu-trigger:before:hover {
  color: #fff;
}

.top-navigation-bar-menu li:before {
  color: #fff;
}

.top-navigation-menu-trigger:hover:before {
  color: #fff;
}

.top-navigation-menu-trigger:before {
  color: #fff;
}

.top-navigation-bar-menu li a,
.top-navigation-bar-menu-helper li a {
  text-transform: math-auto;
}

:where(body.ums_a11y_login--on) .top-nav-button-login:focus-visible,
:where(body.ums_a11y_login--on) .top-nav-button-login:hover {
  background-color: transparent;
  color: #fff;
}

/* SITE NAME - LOGO */

#header .site-name a img {
  max-height: 80px;
}

/* HEADER - PADDING */

@media (min-width: 768px) {
  .header-top {
    padding-top: 12px;
  }
}

.navigation-in ul li a b {
  font-weight: 600;
  font-size: 15px;
}
.navigation-in {
  font-size: 15px;
  line-height: 14px;
}

@media (min-width: 768px) {
  #navigation {
    height: 52px;
  }
  .navigation-in > ul > li > a {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

.homepage-box {
  padding-top: 0px;
  padding-bottom: 0px;
}

.menu-helper:after {
  height: 50px;
  align-content: center;
  top: 10px;
  position: relative;
}

.menu-helper > ul > li a b {
  font-weight: 600;
  font-size: 15px;
}

/* KONKURENČNÉ VÝHODY */
.benefitBanner__item {
  flex-direction: column;
  text-align: center;
}

.benefitBanner__title {
  color: #0088bf;
  font-size: 18px;
}

.benefitBanner__data {
  font-size: 16px;
}

@media (max-width: 768px) {
  .benefitBanner.position--benefitHomepage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }
}

.h4.homepage-group-title,
h4.homepage-group-title {
  font-size: 36px;
  text-align: center;
  margin-bottom: 75px;
  font-weight: 600;
}

/* PRODUCT - NÁHĽAD */

.products-block.products .p .name {
  font-size: 18px;
  font-weight: 600;
  color: black;
}
.products-block.products .p .price span,
.products-block.products .p .price strong {
  font-size: 22px;
}

.flags-extra .flag .price-save,
.flags-extra .flag .price-standard {
  font-size: 16px;
  font-weight: 500;
}

.btn,
a.btn {
  font-size: 16px;
  font-weight: 400;
}

.products-block .ratings-wrapper .availability {
  font-size: 16px;
}

.products-block.products > div {
  padding: 20px;
}

/* POSLEDNÉ KOMENTÁRE - HIDE */

.latest-contribution-wrapper {
  display: none;
}

/* FOOTER */

footer#footer {
  background-color: #0088bf;
  margin-top: 75px;
}

.custom-footer,
.footer-bottom,
.footer-links-icons {
  background-color: #0088bf;
}

#footer > .container {
  background-color: #0088bf;
}

:where(body.ums_page_element_headings--on) .pageElement__heading {
  color: white;
  font-size: 18px;
  font-weight: 500;
}

.custom-footer ul li {
  color: white;
}

#footer ul a {
  color: #fff;
  font-size: 15px;
}

label.whole-width,
label.whole-width a {
  color: white;
}

span.copyright {
  color: white;
}

span.copyright a {
  color: white;
}

#signature a,
#signature a:hover {
  color: #fff;
}

/* FLAG - DISCOUNT */

.flag.flag-discount {
  background-color: #0088bf;
}

/* Výmena loga vo footri */

.footer-rows .site-name img {
  display: none;
}

.footer-rows .site-name a {
  display: block;
  width: 200px; /* prípadne uprav podľa potreby */
  height: 60px; /* prípadne uprav podľa potreby */
  background-image: url("/user/documents/upload/kupelnet_white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}