/* Banner */
@media only screen and (max-width: 1200px) {
    .footer-banners,
    .middle-banners-wrapper,
    .next-to-carousel-banners {
        display: flex;      
        flex-wrap: nowrap;
        gap: 5px;
    }
}

/* Veľkosť obrázkov v kategórii */
.navigation-in>ul>li.ext>ul>li>a img {
display: block;
max-width: 100%;
height: auto;
max-height: 100%; 
}

/* Podkategórie vypnuté */
[class^="menu-level-3"] {
  display: none !important;
}

.site-msg.information, div.message.notice-message {
background: #d2d9fa;
color: var(--color-primary);
}

.color-badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: conic-gradient(
        #FFFF00 0% 8.33%,    
        #FFCC00 8.33% 16.66%, 
        #FF7F00 16.66% 25%,  
        #FF3300 25% 33.33%,  
        #FF0099 33.33% 41.66%, 
        #9900FF 41.66% 50%,  
        #6600FF 50% 58.33%,  
        #0033FF 58.33% 66.66%, 
        #00CCCC 66.66% 75%,  
        #00FF66 75% 83.33%, 
        #33FF00 83.33% 91.66%, 
        #FFFF00 91.66% 100%   
    );
    border: 1px solid #ccc;
    display: block;
    margin: 8px auto;
}

/* Spodná časť stránky, rozdelenie kontentu od seba */
footer .custom-footer {
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}


/* Ikony na konci stránky */
footer .footer-links-icons .footer-icons .footer-icon img {
width: 25%;
height: auto;
}

@media (max-width: 768px) {
  footer .footer-links-icons .footer-icons .footer-icon img {
    width: 70%;
  }
}

footer .footer-links-icons .footer-icons {
border: 1px solid #fff;
}

footer .footer-links-icons .footer-icons .footer-icon {
border-right: 1px solid #fff;
}


/* Najpredávanejšie */
.products-inline.products .product img {
  width: auto !important;
  height: auto !important;
  max-width: 100px;
  max-height: 100px;
  object-fit: contain; 
}
.products-inline.products .product .p {
    background: white;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 15px;
    width: 100%;
}


/* Banner bez pozadia */
@media only screen and (max-width:1200px) {
  #carousel .carousel-slide-caption,
  #carousel .extended-banner-texts,
  .footer-banners .carousel-slide-caption,
  .footer-banners .extended-banner-texts,
  .middle-banners-wrapper .carousel-slide-caption,
  .middle-banners-wrapper .extended-banner-texts,
  .type-category .banner-category .carousel-slide-caption,
  .type-category .banner-category .extended-banner-texts,
  .type-index .body-banners .carousel-slide-caption,
  .type-index .body-banners .extended-banner-texts {
    background: none !important;
  }
}

/* Banner v kategórii */
.type-category .products-block+.banner-category {
margin-top: 15px;
margin-bottom: 15px;
}


/* Banner */
@media only screen and (max-width: 480px) {
    .benefitBanner .benefitBanner__item {
        width: 50%;
        padding: 15px;
        max-width: 100%;
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 480px) {
  .benefitBanner {
    margin-top: 30px; 
  }
}


/* FAQ */
.faq-wrapper {
  margin: 20px 0;
}
.faq-item {
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 10px;
}
.faq-item label {
  display: block;
  cursor: pointer;
  font-weight: normal;
  font-size: 18px;
  width: 100%;
}
.faq-item input {
  display: none;
}
.faq-item div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-item input:checked ~ div {
  max-height: 2000px;
}
.faq-item table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
  text-align: center;
  border: 1px solid #ccc;
}
.faq-item th {
  background: #f7f7f7;
}
.faq-item th, .faq-item td {
  padding: 5px;
  border: 1px solid #ccc;
}


/* Šípka sa otočí, keď je otázka otvorená */
.faq-item input:checked + label .faq-arrow {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/* Voliteľné: štýl šípky */
.faq-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}


/* Padding na počítači */
@media (min-width: 1024px) {
    .p-detail div.col-xs-12.p-info-wrapper,
    .p-detail div.p-info-wrapper {
        padding-bottom: 0 !important; 
    }
}

/* HomeCredit */
.p-detail .price-line .price-final {
line-height: 1em;
color: #1e1e1c!important;
font-size: 1.7em;
font-weight: 500;
display: block;
letter-spacing: -.5px;
margin-bottom: 10px;
}


/* Veľkosť Loga */
#header .site-name img {
max-height: auto;
max-width: 290px; 
}
#header .search-form {
margin-left: 70px;
}
@media only screen and (max-width:2000px)
#carousel, .footer-banners, .middle-banners-wrapper, .type-category .banner-category, .type-index .body-banners {
padding: 0;
}


/* Veľkosť loga v objednávke */
.payment-logo, .payment-shipping-price {
width: 120px;
}


/* Prvok - Blog */
aside.sidebar .box .news-item-widget h5 a {
font-weight: 700;
}


/* Bannery vedľa Carouselu bez marginu */
.next-to-carousel-banners .banner-wrapper {
margin-bottom: 0px;
line-height: 0;
}


/* Veľkosť obrázkov v podkategórii */
.subcategories.with-image li a .image {
width: 100px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 100px;
height: 70px;
position: relative;
top: -1px;
border-radius: 4px;
overflow: hidden;
text-align: center;
margin: 5px 4px 5px 0;
}


/* Veľkosť img a farby v produkte ako variant */
.product-top .detail-parameters tr.variant-list .hidden-split-parameter .advanced-parameter .advanced-parameter-inner {
width: 50px;
height: 50px;
border-radius: 0;
padding: 0;
margin-right: 13px;
}


/* Články na úvodnej strane, zarovnanie veľkosti */
.homepage-blog-wrapper.blog-wrapper .news-item .image img, .homepage-blog-wrapper .news-wrapper .news-item .image img, .hp-news.blog-wrapper .news-item .image img, .hp-news .news-wrapper .news-item .image img, .type-posts-listing.blog-wrapper .news-item .image img, .type-posts-listing .news-wrapper .news-item .image img {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
max-width: inherit!important;
max-height: 100%;
position: absolute;
left: 50%;
-o-object-fit: contain;
object-fit: contain;
top: 50%;
transform: translate(-50%,-50%);
transition: none;
}


/* Zaoblenie rohov */
.st-rounding-corners #header .search-form fieldset button, .st-rounding-corners #register-form .btn-login, .st-rounding-corners .btn.btn-primary, .st-rounding-corners .button, .st-rounding-corners .cart-inner:not(.cart-empty) .cart-row .col-md-4 .next-step-finish, .st-rounding-corners .cart-inner:not(.cart-empty) .cart-row .col-md-4 .next-step-forward, .st-rounding-corners .cart-widget.popup-widget #continue-order-button, .st-rounding-corners .fixed-cart-line .fcl-form .btn, .st-rounding-corners .products-block.products .product .btn, .st-rounding-corners .products-block.products .product a.btn:after, .st-rounding-corners .products-block.products .product button, .st-rounding-corners .products .product .btn, .st-rounding-corners .products .product button, .st-rounding-corners .unveil-button, .st-rounding-corners a.btn, .st-rounding-corners footer #formLogin .btn, .st-rounding-corners footer #formLogin button, .st-rounding-corners footer .search .btn, .st-rounding-corners footer .search button, .st-rounding-corners form button, .st-rounding-corners input.btn {
border-radius: 10px!important;
}


/* Veľkosť a farba písma kategórií */
#navigation ul.menu-level-1>li>a {
line-height: 56px;
font-weight: 400;
font-size: 17px;
color: var(--color-primary);
}


/* Farba dole KONTAKT Adam Dodek */
footer {
color: var(--color-tertiary);
}


/* Farba zľavy */
.flags-extra .flag.flag.flag-discount, .p-image-wrapper .flags-extra .flag.flag.flag-discount {
color: #f8ff00;
background: #fffe00!important;
}
.products-block.products .product .flags.flags-extra .flag.flag-discount {
padding: 0;
width: 50px;
height: 50px;
}