.sidebar-inner .box-categories #categories .categories {
  background-color: #f9f9f9;
  border: 1px solid #dadada;
  border-radius: 8px;
  margin-bottom: 8px;
  transition: all 0.2s ease-in-out;
}

.sidebar-inner .box-categories #categories .categories .topic a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2d2d2d; 
  padding: 10px 14px;
  text-decoration: none;
  font-size: 15px;
}


.sidebar-inner .box-categories #categories .categories .topic a .cat-trigger {
  display: none; 
}

.sidebar-inner .box-categories #categories .categories:hover .topic a,
.sidebar-inner .box-categories #categories .categories.active .topic a {
  background-color: #CF181F !important;
  transform: translateY(-2px) !important;
  color: #f9f9f9 !important;
  box-shadow: 0 4px 8px rgba(207, 24, 31, 0.2) !important;
  border-color: #CF181F !important;
}

.sidebar-inner .box-categories #categories .categories:active .topic a {
  background-color: #CF181F;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(207, 24, 31, 0.2);
  border-color: #CF181F;
}

.sidebar-inner .box-categories #categories .categories:hover .topic a {
  color: #f9f9f9 !important;
}

.sidebar-inner .box-categories #categories .categories .topic a img.category-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-left: 10px;
  border: 1px solid #ffffff;
  border-radius: 2px;
  background-color: #ffffff;
}


.sidebar-inner .box-categories #categories a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}


.sidebar-inner .box-categories #categories ul a img.category-icon {
  width: 20px !important;
  height: 20px !important;
}


.sidebar-inner .box-categories #categories .categories .topic a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #2d2d2d !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  font-size: 15px !important;
  gap: 8px !important;
}

.sidebar-inner .box-categories #categories .categories .topic a,
.sidebar-inner .box-categories #categories ul li a {
  display: flex !important;
  align-items: center !important;
}

.sidebar-inner .box-categories #categories .categories .topic a img.arrow-icon:first-of-type,
.sidebar-inner .box-categories #categories .categories .topic a img.category-icon:first-of-type,
.sidebar-inner .box-categories #categories ul li a img.arrow-icon:first-of-type,
.sidebar-inner .box-categories #categories ul li a img.category-icon:first-of-type {
  margin-left: auto !important;
}


.sidebar-inner .box-categories #categories .categories .topic a img.arrow-icon,
.sidebar-inner .box-categories #categories ul li a img.arrow-icon {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  transition: transform 0.2s ease !important;
  filter: invert(16%) sepia(87%) saturate(5654%) hue-rotate(355deg) brightness(92%) contrast(101%) !important;
}


.sidebar-inner .box-categories #categories .categories.expanded > .topic a img.arrow-icon,
.sidebar-inner .box-categories #categories ul li.expanded > a img.arrow-icon {
  transform: rotate(180deg) !important;
}


.sidebar-inner .box-categories #categories .categories .topic a img.category-icon,
.sidebar-inner .box-categories #categories ul li a img.category-icon {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

.sidebar-inner .box-categories #categories .categories:hover .topic a img.arrow-icon,
.sidebar-inner .box-categories #categories .categories.active .topic a img.arrow-icon,
.sidebar-inner .box-categories #categories .categories.expanded .topic a img.arrow-icon,
.sidebar-inner .box-categories #categories ul li:hover > a img.arrow-icon,
.sidebar-inner .box-categories #categories ul li.active > a img.arrow-icon,
.sidebar-inner .box-categories #categories ul li.expanded > a img.arrow-icon {
  filter: brightness(0) invert(1) !important;
}

.sidebar-inner .box-categories #categories ul li a img.arrow-icon {
  display: none !important;
}

.custom-icon {
    width: 28px; 
    height: 28px;
    display: inline-block;
    vertical-align: middle;

    filter: brightness(0) saturate(100%) invert(44%) sepia(3%) saturate(103%) hue-rotate(330deg) brightness(95%) contrast(88%);
    transition: filter 0.3s ease, transform 0.3s ease;
}


.toggle-window:hover .custom-icon,
[data-testid="signin"]:hover .custom-icon,
[data-testid="headerCart"]:hover .custom-icon,
[data-testid="linkSearchIcon"]:hover .custom-icon {

    filter: brightness(0) saturate(100%) invert(18%) sepia(87%) saturate(4529%) hue-rotate(345deg) brightness(91%) contrast(97%);
    transform: scale(1.15); 
}
.id-691 header[itemprop="headline"] h1,
.id-27 header[itemprop="headline"] h1,
.id-39 header[itemprop="headline"] h1,
.id-29 header[itemprop="headline"] h1 {
    display: none !important;
}


body.id-1 {
    background-image: 
        url('/user/documents/upload/a15-shade.svg'),
        url('/user/documents/upload/b20a-shade.svg') !important;

    background-repeat: 
        no-repeat,
        no-repeat !important;


    background-position: 
        left 250px bottom -95%,
        right -50px top 95% !important;

    
    background-size: 
        450px auto,
        450px auto !important;

}


#content-wrapper,
.content-wrapper-in {
    background-color: transparent !important;
}

@media (max-width: 768px) {
    body.id-1 {
        background-size: 280px auto, 280px auto !important;
        background-position: left -40px bottom 5%, right -40px top 80px !important;
    }
}

.eshop-rozcestnik .category-tile:hover{
				background-color: #cf181f !important;
}

@media (max-width: 992px) {
    body.id-1 {
        background-image: none !important;
    }
}

@media (max-width: 992px) {
  
    .custom-footer > div {
        text-align: center !important;
        margin-bottom: 35px !important;
    }

    /* 2. Vystředění prvního loga/badge */
    .footer-badge {
        margin: 0 auto !important;
    }

    /* 3. Oprava nadpisu "Informace pro vás" a odstranění ustřelené čáry vlevo */
    .custom-footer__articles .pageElement__heading {
        text-align: center !important;
    }
    .custom-footer__articles .pageElement__heading::before,
    .custom-footer__articles .pageElement__heading::after,
    .custom-footer__articles .pageElement__heading span::before,
    .custom-footer__articles .pageElement__heading span::after {
        display: none !important; /* Odstraní Shoptet čáru vlevo */
    }

    /* Zarovnání seznamu odkazů */
    .custom-footer ul {
        padding-left: 0 !important;
        list-style: none !important;
        text-align: center !important;
    }

    /* 4. Oprava Rychlého kontaktu – zarovnání ikonek i s textem přesně na střed */
    .footer-contact-banner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* Čára pod nadpisem "Rychlý kontakt" přesně na střed */
    .footer-contact-banner .heading-line {
        margin: 0 auto 18px auto !important;
    }

    /* Řádky s ikonkou – přerovnání pod sebe na střed */
    .footer-contact-banner .info-row {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        margin-bottom: 16px !important;
    }

    /* Správná pozice ikonek */
    .footer-contact-banner .icon-svg {
        margin-top: 0 !important;
    }

    /* Kontaktní formulář na střed */
    .footer-contact-banner .form-link-row {
        justify-content: center !important;
    }
}