/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*
  Modifica per flag PREORDER
 */
.product-unavailable {
    padding: 10px;
    background: #000000;
    border-radius: 10px;
}

/*
  Restyling box prodotto slider
 */
.thumbnail-container {
    padding: 0.7142857143rem;
}

h2.h3.product-title {
    line-height: 1.4rem;
    text-transform: capitalize;
    font-size: 1.1rem;
}

.btn-product-list {
    border-radius: 10px;
}

.product-flags .discount, .product-flags .on-sale {
    border-radius: 5px;
}

@media (any-hover: hover) and (min-width: 991px) {
/*
    Disabilito Aggiungi carrello su desktop
*/
    .product-description .product-add-cart {
        display: none;
    }

    .product-miniature {
        border: none;
    }

    .product-miniature:hover {
        box-shadow: none;
        border: solid 2px #e5e5e5;
        border-radius: 10px;
        transition: background .3s ease,box-shadow .9s ease,outline .3s ease;
    }
    .product-miniature:hover .product-description .product-add-cart {
        display: inline-block;
    }
}

/*
RESIZE LOGO MOBILE
 */

@media screen and (max-width: 768px) {
    img.logo.img-fluid {
        max-width: 60%;
    }
    .btn-product-list {
        padding: 8px;
    }
}

/*
Restyling Time left
 */
.price-countdown.badge-discount.discount {
    border-radius: 10px;
    background: #000000;
}

span#product-availability.badge-warning {
    background-color: #000000;
    color: #fff;
    border-radius: 5px;
}

/*
Product page - Add to Cart restyling
 */

button.btn.btn-primary.btn-lg.add-to-cart {
    border-radius: 10px;
}


.discount {
    background: #000000;
    border-radius: 5px;
}

.product-flags .discount, .product-flags .on-sale {
    background: #000000;
}

/*
Mobile menu restyling
 */

#iqitmegamenu-mobile a {
    font-weight: 600;
}
#iqitmegamenu-mobile li {
    border-bottom: 1px solid #BABABA;
}

/*
Variants buttons restyle (ACCONTO - COMPLETO)


.product-variants .input-color:checked+span, .product-variants .input-color:hover+span, .product-variants .input-radio:checked+span, .product-variants .input-radio:hover+span {
    border: none;
    background-color: #000000;
    color: #FFF;
    padding: .5rem 1.25rem;
    border-radius: 10px;
}
.product-variants>.product-variants-item ul li {
    border: none;
    padding: .5rem 1.25rem;
    background-color: #FFF;
    color: #000;
    border-radius: 10px;
}

*/


.pm-shipping-banner-top {
    display: flex;
    height: 45px;
    justify-content: center;
    background-color: #000000;
    max-height: 40px;
    width: 100%;
    color: #fff;
   // position: fixed;
    top: 0;
    z-index: 5004;
    font-weight: bold;
    font-size: 1.2rem;
    align-items:center;
}

/*Custom footer*/
#footer {
    background-color: #000000;
}
#footer-container-main a, #checkout-footer a {
    color: #fff;
}
#footer .block-title, #checkout-footer .block-title {
    color: #fff;
    font-size: 1.8rem;
}
.block-content .contact-rich {
    color: #fff;
}

/* Contact us + footer improvements- sostituzione logo su desk*/

.align-baseline {
    align-items: baseline;
}

.max-w-50 {
    max-width: 50%;
}

@media (max-width: 599px) {
    .hidden-sm {
        display: none
    }
}

@media (min-width: 599px) {
    .d-none-md {
        display: none;
    }
    .footer-block-title-pm {
        border-bottom: none !important;
    }
}

.block-links ul>li {
    font-size: 1.2rem;
}

.block-content .contact-rich {
    font-size: 1.2rem;
}

.payment-icon {
    border-radius: 5px;
    margin: 3px 3px 0;
    opacity: .6;
    padding: 3px 5px 5px;
    transition: opacity .3s;
    font-size: 3rem;
}

.ns-box {
    background: #000000 !important;
}

#mobile-header .mobile-buttons-bar {
background: transparent
}
#mobile-header .m-nav-btn:hover {
background: transparent
}

/* 08/06/2023 Altezza slider mobile */
@media(max-width: 767px){
   .psl-img-container img {
     height: 280px;  }
}

@media(min-width: 1028px){

#footer-container-main {
    background-image: url("../img/footer-robo.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
}