/* ==========================================================================
   eDelikatesy - Navigace, zápatí, sidebar a benefit banner
   Tmavé menu a footer, barvy odkazů, kategorie v sidebaru,
   podkategorie a blok s benefity (ikony pod hlavičkou).
   Nahráno na: https://www.edelikatesy.cz/user/documents/css/navigace-zapati.css
   ========================================================================== */

/* Desktop menu - víceřádkové podkategorie bez "více" triggeru */
@media (min-width: 768px) {
  .navigation-in > ul > li.ext > ul > li > div > ul {
    max-height: 4.6em;
    overflow: visible !important;
  }
  #navigation .has-more-items .more-items-trigger {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .news-wrapper .news-item .news-image {
    max-height: 370px;
  }
}

/* Skrýt EAN v tabulce parametrů */
tr.productEan,
tr.productEan__value {
  display: none;
}

/* Mobilní menu - bílé pozadí položek */
@media (max-width: 768px) {
  .navigation-in > ul > li:hover { background-color: #fff !important; }
  .navigation-in > ul > li { background-color: #fff !important; }
}

/* Tmavá navigace a spodní lišta hlavičky */
.header-bottom { background: linear-gradient(0deg, #2d2d2d 0, #3a3a3a); }
#navigation { background: linear-gradient(0deg, #2d2d2d 0, #3a3a3a); }
.navigation-in > ul > li:hover { background-color: #000; opacity: 100%; }

@media (min-width: 768px) {
  .navigation-in > ul > li.exp > a,
  .navigation-in > ul > li > a,
  .navigation-in > ul > li > a:hover { color: #fff; }
}

#navigation .menu-level-2 { border-top: 6px solid #bd903e; }
#navigation { font-family: 'Nunito', sans-serif; }

/* Zápatí */
#footer { background: #282828; color: #999; }
#footer a { color: #999; }
#footer a:hover { color: #bd903e; }
#footer .banner-wrapper { color: #999; }
#footer h4 { color: #fff; }
.footer-bottom { background: #2c2c2c; color: #999; }

@media (min-width: 768px) {
  .desktop .banners-row { margin-top: 10px; }
}

/* Sidebar a kategorie */
.sidebar-inner > div,
.top-products li:before { border: none; }
.sidebar-inner .box-filters { border: none !important; }

.subcategories {
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  margin-bottom: 40px;
}

.categories a {
  padding-bottom: 6px;
  padding-right: 5px;
  padding-top: 6px;
}
.categories a:hover { color: #bd903e !important; }

#categories .expandable > .topic > a > span,
#categories .expandable > a > span { top: 10px; }

.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion { color: #fff !important; }

.breadcrumbs { margin-top: 20px; }

/* Benefit banner (ikony s výhodami pod hlavičkou) */
.benefitBanner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.benefitBanner__item {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.benefitBanner__picture { margin-bottom: 10px; }
.benefitBanner__img { max-width: 100%; height: auto; }
.benefitBanner__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@media (min-width: 992px) {
  .benefitBanner__item { flex: 1 1 16.6%; }
}
@media (max-width: 1200px) {
  .benefitBanner__item { width: 30%; }
}
@media (max-width: 768px) {
  .benefitBanner__item { width: 100%; }
}