/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.product-miniature {
    width: calc(25% - 15px);
    margin: 20px;
    margin-bottom: 20px;
}

#products .product-miniature, 
.featured-products .product-miniature, 
.product-accessories .product-miniature, 
.product-miniature .product-miniature {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    width: calc(25% - 20px);
}

.thumbnail-container-image .product-thumbnail,
.thumbnail-container-image a.thumbnail {
    height: 255px !important;
}

.thumbnail-container-image img {
    height: 255px !important;
    width: 100%;
    object-fit: contain;
}

.products-section-title {
    text-transform: none !important;
    text-align: left;
    font-size: 64px;
}

.btn-primary:disabled:hover {
    background-color: #fff;
}


/* Full width header */
body #header .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* Logo pagamento */
#payment-option-2-container label span::before {
    content: '';
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url('/modules/manual_mbway/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px;
}

#payment-option-1-container label span::before {
    content: '';
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url('/modules/ps_wirepayment/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px;
}

/* tamanhos em mobile */
@media (max-width: 580px) {
    h1,
    h2,
    .an_abous_us-title,
    .products-section-title,
    .an_homeslider.an_homeslider-responsive .an_homeslider-desc .h2 {
        font-size: 36px !important;
    }
    .an_productattributes-add-to-cart-btn {
        font-size: 15px !important;
    }
    .owl-carousel.owl-drag .owl-item,
    .owl-carousel .owl-stage,
    .owl-carousel .owl-stage-outer {
        max-height: 400px;
    }
    .an_homeslider-desc .h2 {
        font-size: 24px !important;
    }
}

.gdpr-contacts .custom-checkbox input[type=checkbox]+span {
        border: 1px solid #000 !important;
}

/* menu quando o ecra e pequeno */
@media (min-width: 992px) {
    /* Logo mais estreito (aprox. 20%) */
    #_desktop_logo.col-md-3 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    /* Menu mais largo (aprox. 60%) */
    .header-middle.col-md-6 {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .header-center {
        display: flex;
        align-items: center; 
        flex-wrap: nowrap;
    }
}