/* ======================================
   CUSTOM JM STYLY - E-shop RENOMAG
   Verze: 1.0.0
   Datum: 2025-11-26
   
   POZNÁMKA: Miranda má své vlastní styly v záhlaví:
   - .sidebar h1.category-title (display:none)
   - .sidebar .category-perex (display:none)
   - .subcategories.with-image li a .image img (max-height:unset)
   - .variants-wrapper (margin-top:24px)
   - .param-filter-top (display:block)
   
   Tyto JM styly jsou NAVÍC k Miranda stylům.
   ====================================== */

/* ======================================
   1. ODDĚLENÍ KATEGORIÍ OD PRODUKTŮ
   ====================================== */

/* JM Oddělení kategorií od produktů */
.subcategories-with-image,
.category-top {
  padding-bottom: 30px !important;
  border-bottom: 3px solid #A40019 !important;
  margin-bottom: 40px !important;
}

/* ======================================
   2. SOUVISEJÍCÍ ZBOŽÍ
   ====================================== */

/* Přejmenování "Doporučujeme" na "Související zboží" */
h2.products-related-header.homepage-group-title {
  font-size: 0 !important;
  line-height: 0 !important;
}

h2.products-related-header.homepage-group-title::after {
  content: "SOUVISEJÍCÍ ZBOŽÍ" !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  display: block !important;
}

/* ======================================
   3. NAVIGACE A MENU
   ====================================== */

/* Šedé pozadí pro celé dropdown menu */
#navigation .navigation-in .menu-level-1 .menu-level-2-helper {
  background: #f5f5f5 !important;
}

#navigation .navigation-in .menu-level-1 .menu-level-2-helper .menu-level-2 {
  background-color: #f5f5f5 !important;
  padding: 24px !important;
}

/* Šedé pozadí pro levé boční menu */
.menu-wrapper {
  background-color: #f5f5f5 !important;
}

.menu-wrapper .menu-level-1 {
  background-color: transparent !important;
}

.menu-wrapper .menu-level-1 > li {
  background-color: transparent;
}

.menu-wrapper .menu-level-1 > li:hover {
  background-color: #e8e8e8 !important;
}

/* Červená spodní linka pod dropdown menu */
#navigation .navigation-in .menu-level-1 .menu-level-2-helper {
  border-bottom: 3px solid #A40019 !important;
}

/* ======================================
   4. ODSTRANĚNÍ POZADÍ SEKCÍ
   ====================================== */

/* Odstranění pozadí se šestuúhelníky */
section.product-section.product-section-3 {
  background-image: none !important;
  background-color: white !important;
}

/* Fix zarovnání barevných sekcí */
section.product-section.product-section-bg {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* ======================================
   5. ZRUŠENÍ ZAOBLENÍ MENU PRVKŮ
   ====================================== */

/* Zrušení zaoblení prvků menu */
.new-menu a {
  border: 2px solid #b00;
  border-radius: 0 !important;
  padding: 8px 12px;
  box-sizing: border-box;
}

.navigation-in.menu.fitted .btn.btn-primary.catalog-btn,
.navigation-in.menu.fitted .btn.btn-primary.catalog-btn::before,
.navigation-in.menu.fitted .btn.btn-primary.catalog-btn::after {
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* ======================================
   6. CENY - Změna priority (bez DPH větší)
   ====================================== */

/* Cena s DPH - menší a méně výrazná */
.price-additional {
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  order: 2 !important;
}

/* Cena bez DPH - více výrazná a nahoře */
.price-final {
  font-weight: 700 !important;
  font-size: 2.4rem !important;
  order: 1 !important;
}

/* ======================================
   7. FILTRY
   ====================================== */

/* Jemné podbarvení hlaviček filtrů */
h4[data-click-bound="true"] {
  background-color: #f8f8f8 !important;
  padding: 10px !important;
  border: 1px solid #A40019 !important;
  margin-bottom: 12px !important;
}

/* Kontejner s vybranými filtry */
.active-filters {
  background-color: #f5f5f5 !important;
  padding: 10px 20px !important;
  margin: 20px 0 !important;
}

/* Dlaždice s filtry - tmavě šedá */
.active-list label {
  background-color: #555555 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* ======================================
   8. REGISTRACE A KATEGORIE
   ====================================== */

/* Skrytí sekce "TYP ZÁKAZNÍKA" v registračním formuláři */
fieldset.box-bg-transparent.co-box.co-registration {
  display: none !important;
}

/* Category perex max-width */
.category-perex {
  max-width: 100%;
}

/* Mobile aspect ratio fix pro subcategories */
@media (max-width: 767px) {
  .type-category .subcategories li a .image,
  .type-category .subcategories li a .image img {
    aspect-ratio: unset !important;
  }
}

/* ======================================
   9. PSČ A REGIONY
   ====================================== */

/* Skrytí select regionu (ne celý wrapper) */
#deliveryRegionId,
select[name="deliveryRegionId"],
#billRegionId,
select[name="billRegionId"] {
  display: none !important;
}

/* Skrytí label pro Region */
label[for="deliveryRegionId"],
label[for="billRegionId"] {
  display: none !important;
}

/* Skrytí helpNote pod regionem */
em.helpNote {
  display: none !important;
}

/* PSČ tlačítko styling */
button#pscChangeZipBtn {
  min-height: 45px;
  margin-top: 0;
}

/* Přejmenování tlačítka "Potvrdit zvolené PSČ" */
button#pscSubmit.psc-btn.psc-btn--primary {
  font-size: 0;
}

button#pscSubmit.psc-btn.psc-btn--primary::after {
  content: "Potvrdit zvolené PSČ";
  font-weight: 700 !important;
  font-size: 1.5rem;
}

/* ======================================
   10. CAROUSEL - FIX PRO OBRÁZKY
   ====================================== */

/* Přiblížení k textu - různé breakpointy */
@media screen and (min-width: 1701px) {
  #carousel .item-new .img {
    max-width: calc(100% - 580px) !important;
  }
}

@media screen and (min-width: 1501px) and (max-width: 1700px) {
  #carousel .item-new .img {
    max-width: calc(100% - 520px) !important;
  }
}

@media screen and (min-width: 1331px) and (max-width: 1500px) {
  #carousel .item-new .img {
    max-width: calc(100% - 470px) !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1330px) {
  #carousel .item-new .img {
    max-width: calc(100% - 440px) !important;
  }
}

/* Výška obrázku - VYŠŠÍ, aby nebyl oříznutý */
#carousel .item-new .img {
  max-height: 540px !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
}

@media screen and (min-width: 1024px) and (max-width: 1500px) {
  #carousel .item-new .img {
    max-height: 500px !important;
  }
}

#carousel .item-new .img img {
  max-height: 100% !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* ======================================
   KONEC CUSTOM JM STYLŮ
   ====================================== */