/*** CUSTOM DIZAJN MP FLOWER ***/

/* LOGO */

#header .header-top .header-top-wrapper .site-name,
#header .header-top .header-top-wrapper h1.site-name {
  max-width: 20%;
}
@media (max-width: 768px) {
  #header .header-top .header-top-wrapper .site-name,
  #header .header-top .header-top-wrapper h1.site-name {
    max-width: 50%;
  }

  #header .header-top .header-top-wrapper .site-name a img,
  #header .header-top .header-top-wrapper h1.site-name a img {
    max-height: 150%;
  }
}

/* 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: #eaeaea;
  }

  .navigation-buttons a[data-target="search"] {
    background: #eaeaea;
  }

  .navigation-buttons a[data-target="login"]:hover {
    background-color: #eaeaea;
  }

  .navigation-buttons a[data-target="search"]:hover {
    background: #eaeaea;
  }

  #header .header-top {
    background: #eaeaea;
  }
  .navigation-buttons a[data-target="cart"]:hover {
    color: #fc004d;
  }
}
.fitted .navigation-in ul {
  justify-content: center;
  background: #eaeaea;
}

.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: #eaeaea;
  }

  .navigation-buttons a[data-target="search"] {
    background-color: #eaeaea;
  }

  .navigation-buttons a[data-target="navigation"] {
    background-color: #eaeaea;
  }
}

/* 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: #eaeaea;
}

/* 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;
  }
}

/* login */
@media (min-width: 768px) {
  .top-nav-button-login,
  a.top-nav-button-account {
    background: transparent;
  }

  .top-nav-button-login:focus-visible,
  .top-nav-button-login:hover {
    background-color: transparent;
  }
}

/* carousel control */

.carousel-control,
.carousel-control:hover {
  color: #e40050;
}

/* 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: 18px;
  line-height: 22px;
  color: black;
}

.benefitBanner .benefitBanner__picture img {
  max-height: 120%;
}

.benefitBanner .benefitBanner__picture img {
  max-height: 200% !important;
}

.benefitBanner__picture {
  max-width: 130px;
}

/* SITE COOKIE BOT */

.siteCookies__form {
  background-color: #018b3a;
}
.siteCookies__text {
  color: white;
}

.siteCookies__text a {
  color: #018b3a;
}

.siteCookies__text a:hover {
  color: #018b3a;
}

.siteCookies__link {
  border: 2px solid #018b3a;
  color: #018b3a;
}

.siteCookies__button {
  color: #018b3a;
}

@media (min-width: 768px) {
  .siteCookies--bottom.siteCookies--scrolled {
    background-color: #018b3a;
    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;
}

.sidebar + .content .full-width {
  border-radius: 20px;
  background: #fff;
}

.shp-tabs-holder {
  background-color: #fff;
}

.p-detail-full-width .tab-content {
  border: 1px solid #f0eeee;
}

@media (min-width: 768px) {
  .shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab a {
    border: 1px solid #f0eeee;
  }
}

.discussion-form {
  background-color: #fff;
}

/* DETAIL PRODUKTU */

/* veľkosť ceny  */
.p-detail-inner .p-price-wrapper .price-final {
  font-size: 32px;
}

/* mriežka v kategóriách produktov */

.product {
  border: 2px solid #e3e3e3;
  border-radius: 10px;
}

.products-block > div {
  padding: 25px;
  width: 100%;
}

@media (min-width: 992px) {
  .columns-3 .products-block > div,
  .columns-4 .products-block > div {
    width: 32.33333%;
  }

  /* odsadenie loga od menu listy margin bottom */
  #header .header-top .header-top-wrapper .site-name a img {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .products-block {
    gap: 15px;
  }
}

.products-wrapper.product-slider-holder.has-navigation .products-block {
  flex-wrap: nowrap;
}

a.name {
  font-size: 22px !important;
}

.price.price-final {
  font-size: 18px;
  font-weight: 700;
}

.products-block > div .p .p-in .p-bottom > div .prices .price-final strong {
  font-weight: 700;
}
p.p-desc {
  font-weight: 400;
}

/* FOOTER */

/* FOOTER - OTVÁRACIE HODINY */

.opening-hours {
  list-style: none;
  padding: 0;
}

.opening-hours li {
  display: grid;
  grid-template-columns: 120px auto;
  margin-bottom: 4px;
}

footer#footer h4,
footer#footer li,
footer#footer a {
  color: white;
}

footer#footer a:hover {
  text-decoration: underline;
}

/* FOOTER BOTTOM */

.footer-bottom,
.footer-bottom-full-width {
  background-color: #e40050;
}

#footer .footer-bottom {
  color: #fff;
  font-weight: 400;
}

#footer .footer-bottom a {
  color: #ffff;
  font-weight: 600;
}

@media (min-width: 768px) {
  .footer-bottom > span {
    width: auto;
  }
}

/* 4 produkty v detaile produktov */

@media (min-width: 992px) {
  .columns-3 .products-block > div,
  .columns-4 .products-block > div {
    width: 23.33333%;
  }
}