/* ==================================== */
/* 1. LAYOUTS / STRUTTURA DEL SITO */
/* ==================================== */
.offcanvas {
    background-color: rgba(0, 0, 0, 0.66);
}
.offcanvas-header .btn-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
#wrapper {
    position: relative;
}
#background-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Stili specifici per ogni categoria */
.page-index #background-wrapper {
    background-image: url('/img/background-image/home.webp');
}
.category-id-31 #background-wrapper {
    background-image: url('/img/background-image/31.webp');
}
.category-id-43 #background-wrapper {
    background-image: url('/img/background-image/43.webp');
}
.category-id-83 #background-wrapper {
    background-image: url('/img/background-image/83.webp');
}
.category-id-92 #background-wrapper {
    background-image: url('/img/background-image/92.webp');
}
.category-id-122 #background-wrapper {
    background-image: url('/img/background-image/122.webp');
}

/* ==================================== */
/* 2. HEADER E BLOCCHI CORRELATI */
/* ==================================== */
.header {
    color: #ffffff;
}
.header a:not(.dropdown-item):not(.btn) {
    color: #ffffff;
}
.header-top {
    background-color: #373e02;
    border-bottom: 0px solid #000;
}
.header-bottom {
    --header-top-border-bottom: 0px solid var(--bs-gray-200);
    --header-bottom-border-bottom: 0px solid var(--bs-gray-200);
    background-color: #373e02;
}
.header-block__badge {
    color: #217809;
}
.header-block--active .header-block__icon {
    color: #ffffff;
}
.header-block__action-btn {
    color: #ffffff;
}
#contact-link {
    color: #ffffff;
}
.material-icons.search.js-search-icon {
    color: #373e02;
}
.header a:not(.dropdown-item):not(.btn):hover,
.header a:not(.dropdown-item):not(.btn):hover i {
    color: #93d916;
}
.main-menu__title {
    color: #93d916;
}
.btn.btn-unstyle.js-back-button {
    color: #ffffff;
}

/* ==================================== */
/* 3. FOOTER E BLOCCHI CORRELATI */
/* ==================================== */
.footer .copyright {
    font-size: 0.85rem;
}
.footer .footer__main {
    background: #373e02;
}
.block-social {
    background-color: #5d7700;
}
.email-subscription {
    background-color: #5d7700;
}
.email-subscription .email-subscription__label {
    color: #ffffff;
    font-size: 1.0rem;
}
.email-subscription__content__infos p {
    margin: 0;
    color: #ffffff;
}

/* ==================================== */
/* 4. SEZIONI/COMPONENTI DELLA PAGINA */
/* ==================================== */

/* Carosello */
.carousel-inner h2,
.carousel-inner h3,
.carousel-inner p {
    color: #ffffff !important;
}
.carousel .carousel-caption .caption-description h2 {
    font-size: 2.0rem;
}
.carousel .carousel-caption .caption-description h3 {
    font-size: 1.5rem;
}
.carousel-caption {
    left: 8%;
}

/* Prodotti */
.section-title {
    padding-top: 12px;
}
.new-products-footer {
    padding-bottom: 15px;
}
.best-sellers-products-footer {
    padding-bottom: 15px;
}
.all-product-link.btn.btn-outline-primary.btn-with-icon {
    background-color: #515b06;
    color: #ffffff;
    border: 1px solid #424b04;
}
.all-product-link.btn i {
    color: #ffffff;
}
.all-product-link.btn:hover i {
    color: #ffffff;
}

/* Blocchi di Testo Personalizzati */
.bgwhite {
    background: rgba(255, 255, 255, 0.74);
}
.custom-text__content {
    background: rgba(255, 255, 255, 0.74);
    padding: 15px 0;
    border-radius: 8px;
    border: 3px solid #ffffff;
}
.custom-text__content p,
.custom-text__content h2,
.custom-text__content h3 {
    color: #515b06;
}

/* Pagine CMS */
.page-cms p {
    text-align: justify;
}

/* Altri */
h2.display-1.text-uppercase {
    font-size: 2.6rem;
}
.mx-2.fs-4 {
    color: #ffffff;
    font-size: 2em !important;
}