/** HEADER **/

/* LOGO */

#header .header-top .header-top-wrapper .site-name,
#header .header-top .header-top-wrapper h1.site-name {
  max-width: 25%;
}

/* MENU */

@media (min-width: 768px) {
  .navigation-in ul li a b {
    font-weight: 500;
    font-size: 17px;
    color: black;
  }

  .navigation-in ul li a b:hover {
    color: white;
  }

  ul.menu-level-1 li:hover a b {
    color: white !important;
  }
}

@media (min-width: 768px) {
  .navigation-in > ul > li a {
    border-radius: 10px 10px 0px 0px;
  }

  .navigation-in ul.menu-level-2 a {
    color: black;
    font-weight: 400;
  }
  .navigation-in ul.menu-level-2 a:hover {
    color: black;
  }

  .navigation-in > ul > li.ext > ul > li > div > a {
    font-size: 18px;
    padding-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .navigation-in > ul > li.ext > ul {
    background: white;
    border-bottom: 1px;
  }
}
/* MEDIAQUERRY MIN-WIDTH: 992PX */

@media (min-width: 992px) {
  #header .header-top .header-top-wrapper {
    background: #e6e6e6;
  }

  .navigation-buttons a[data-target="search"] {
    background: #e6e6e6;
  }

  .navigation-buttons a[data-target="login"]:hover {
    background-color: #e6e6e6;
  }

  .navigation-buttons a[data-target="search"]:hover {
    background: #e6e6e6;
  }

  #header .header-top {
    background: #e6e6e6;
  }
  .navigation-buttons a[data-target="cart"]:hover {
    color: #fc004d;
  }
}
.fitted .navigation-in ul {
  justify-content: center;
  background: #e6e6e6;
}

.navigation-buttons a[data-target="search"]:hover {
  color: #fc004d;
}

/* MEDIAQUERY MAX-WIDTH: 768PX */

@media (max-width: 768px) {
  .fitted .navigation-in ul {
    justify-content: center;
    background: white;
  }

  #header .header-top .header-top-wrapper {
    background-color: #e6e6e6;
  }

  .navigation-buttons a[data-target="search"] {
    background-color: #e6e6e6;
  }

  .navigation-buttons a[data-target="navigation"] {
    background-color: #e6e6e6;
  }
}

/* MEDIAQUERY MIN-WIDTH: 768PX */

@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul,
  .navigation-in > ul > li.ext > ul > li {
    background: white;
  }

  .navigation-in > ul > li a {
    border-radius: 10px 10px 0 0;
    color: white;
  }

  .navigation-in > ul > li a:hover {
    color: white;
  }

  .homepage-group-title.h4 {
    font-size: 38px;
    letter-spacing: 1px;
  }

  .products-block > div .p .p-in .p-in-in .name {
    font-weight: 600;
    height: 25px;
    letter-spacing: 0.05px;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 20px;
  }
  */
    .products-block
    > div
    .p
    .p-in
    .p-bottom
    > div
    .prices
    .price-final
    strong {
    font-weight: 600;
    font-size: 20px;
  }
}

/* LOGIN */
.navigation-buttons a[data-target="login"] {
  background-color: #e6e6e6;
}

/* MENU LEVEL 3 */

ul.menu-level-3 {
  background-color: white !important;
}

ul.menu-level-3 a {
  font-size: 14px;
}

/* ÚPRAVA HEADER HLAVIČKY*/

@media (min-width: 768px) {
  #header .header-top .header-top-wrapper > div {
    flex-grow: 0;
    width: auto;
  }

  #header .header-top .header-top-wrapper .site-name {
    position: relative;
    right: 30%;
    margin-bottom: 20px;
    top: 10px;
  }
}

/* DOPLNKOVE BANERY */

.next-to-carousel-banners {
  margin-top: -1px;
  padding-top: 6px;
  background-color: #ffffff;
}

@media (min-width: 768px) {
  .next-to-carousel-banners {
    gap: 8px;
  }
}

/* BENEFIT BANER */

@media (max-width: 768px) {
  .benefitBanner.position--benefitHomepage {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    gap: 10px;
  }

  .benefitBanner .benefitBanner__title {
    display: inline-block;
    font-size: 16px;
    text-align: center;
  }

  .benefitBanner .benefitBanner__data {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
  }

  .benefitBanner .benefitBanner__item {
    flex: 0 0 100%;
    width: 100%;
    align-items: center;
  }

  .benefitBanner.position--benefitCategory {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: self-start;
    gap: 10px;
  }

  .benefitBanner .benefitBanner__data {
    font-size: 14px;
  }
}

strong.benefitBanner__title {
  color: #fc004d;
  text-transform: uppercase;
}

.benefitBanner .benefitBanner__data {
  font-size: 16px;
  color: black;
}

.benefitBanner .benefitBanner__picture img {
  max-height: 120%;
}

/* FOOTER */

#footer {
  background-color: #353535;
}

#footer h4 {
  color: #ff0000;
}

.footer-rows .custom-footer ul li {
  padding-bottom: 5px;
  color: white;
  font-weight: 400;
}

#footer a {
  padding-bottom: 5px;
  color: white;
  font-weight: 400;
}

.footer-bottom,
.footer-bottom-full-width {
  background-color: #353535;
}

#footer .footer-bottom {
  color: #fff;
  font-weight: 400;
}

#footer .footer-bottom a {
  color: #ff0000;
  font-weight: 600;
}

/* SITE COOKIE BOT */

.siteCookies__form {
  background-color: #ff0000;
}
.siteCookies__text {
  color: white;
}

.siteCookies__text a {
  color: #ff0000;
}

.siteCookies__text a:hover {
  color: #ff0000;
}

.siteCookies__link {
  border: 2px solid #ff0000;
  color: #ff0000;
}

.siteCookies__button {
  color: #ff0000;
}

@media (min-width: 768px) {
  .siteCookies--bottom.siteCookies--scrolled {
    background-color: #ff0000;
    box-shadow: 0 0 50px rgba(27, 25, 57, 0.5);
    left: 0;
    margin-left: 0;
    width: 100%;
  }
}

/* SIDE BAR */

.sidebar {
  background-color: #ffff;
}

.filter-section {
  background-color: #fff;
}

/* DETAIL PRODUKTU_popis */
.sidebar + .content .full-width {
  border-radius: 20px;
}

/* LIST SORTING */

:where(body.ums_a11y_category_page--on) .listSorting__control--current,
:where(body.ums_a11y_category_page--on)
  .listSorting__control--current:focus-visible {
  background-color: #ff0000;
  box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.09);
  color: #fff;
}

:where(body.ums_a11y_category_page--on) .category-header {
  background-color: #fff;
}

:where(body.ums_a11y_category_page--on) .listSorting__control {
  border-radius: 8px;
}

/* DETAIL FORM */

.p-detail-full-width {
  background: #fff;
}

.shp-tabs,
.shp-tabs-holder {
  background-color: #ffffff;
}

/* DISCUSION FORM */

.discussion-form {
  background-color: #ffff;
}

.p-detail-full-width #tab-content {
  border: 1px solid #ebebeb;
}

.shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab a {
  border: 1px solid #ebebeb;
}

/* LOGO */

@media (min-width: 992px) {
  #header .header-top .header-top-wrapper .site-name a img,
  #header .header-top .header-top-wrapper h1.site-name a img {
    max-height: auto;
    max-width: 120%;
  }
}

@media (max-width: 768px) {
  #header .header-top .header-top-wrapper .site-name,
  #header .header-top .header-top-wrapper h1.site-name {
    max-width: 120%;
  }
}

/* Značka v detaile produktu */

.p-detail-inner .brand-wrapper {
  font-size: 32px;
  font-weight: 400;
}

/* FOOTER - OTVÁRACIE HODINY */

.opening-hours {
  list-style: none;
  padding: 0;
}

.opening-hours li {
  display: grid;
  grid-template-columns: 120px auto;
  margin-bottom: 4px;
}

/* BUTTON - nezáväzná rezervácia */

.open-modal-btn {
  background-color: #292c32;
}

.open-modal-btn:hover {
  background-color: #ff0000;
  color: white;
}

/* FORMULÁR - nezáväzná rezervácia */

/* close modal */
.close-modal {
  color: white;
  background: black;
  border-radius: 5px;
  padding: 1px 8px 6px 8px;
  z-index: 9999;
}

.close-modal:hover {
  color: white;
  background: red;
}

h1#f-c1ea26c0-50e1-4d27-b3fb-abf615908f6f {
  margin-top: 20px;
}

div[id*="wt-form-wrapper-"] button[type="submit"] {
  background-color: #ff0000;
  border-color: none;
  color: #fff;
}

/* top navigation button */

.top-nav-button-login {
  background-color: #e6e6e6;
}

.top-nav-button-login:hover {
  background-color: #e6e6e6;
}

/* SKRYTIE SIVÝCH NÁHĽADOV PRODUKTOV - FOŤÁČIKOV */

@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul > li > a img {
    display: none;
  }
}

li.col-xs-12.col-sm-6.col-md-6.col-lg-3.col-xl-3 img {
  display: none;
}

/*** DETAIL PRODUKTU ***/
/* vypnutie hodnotenia v detaile produktu */

.p-detail .stars-wrapper {
  display: none;
}

/* SKRYTIE TLAČE a OPÝTAŤ SA */

.link-icons {
  display: none;
}

/* veľkosť ceny  */
.p-detail-inner .p-price-wrapper .price-final {
  font-size: 32px;
}

.subcategories {
  justify-content: unset;
}

/* mriežka v kategóriách produktov */

.product {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  margin: 10px;
}

.products-block {
  justify-content: center;
}

@media (min-width: 992px) {
  .columns-3 .products-block > div,
  .columns-4 .products-block > div {
    width: 31% !important;
  }
}

/* SKOVANIE NAJPREDÁVANEJŠIE - button */

button#listSortingControl-bestseller {
  display: none;
}

/* ZAROVNANIE SUBMENU V HOVER LISTE */
@media (min-width: 768px) {
  .submenu-visible .navigation-in > ul > li.ext.exp > ul {
    justify-content: flex-start;
  }
}
