/*
 * Hofer: regole che nel theme.css del live (Ecco Bella 3.11.1 modificato a mano) erano diverse dalla 3.15.0.
 * Si caricano subito dopo theme.css (priorita' 51), quindi nella stessa posizione della cascata di prima.
 * Non c'e' la 3.11.1 originale: qui ci sono solo i valori diversi, non le regole aggiunte dal fornitore nella 3.15.0.
 */
html {
    font-family: "Epilogue", sans-serif !important;
}
.block-category #category-description p {
    margin-bottom: 0;
}
.block-category #category-description p:first-child {
    margin-bottom: 1.25rem;
}
#header .header-nav .material-icons.expand-more {
    margin: 0px -2px 7px 2px;
    /* la 3.15 mette line-height 1: la freccia della lingua salirebbe di 4 px */
    line-height: inherit;
}
/* nella 9.x carrello e pagina 404 hanno una voce in piu' nel breadcrumb (profondita' 2): sul live (8.2) erano a
   profondita' 1, quindi nascosti da .breadcrumb[data-depth="1"] */
#cart .breadcrumb,
#pagenotfound .breadcrumb {
    display: none;
}
/* elenchi senza pallini e senza rientro, come nel theme.css del live: la 3.15 li azzera solo nei suoi moduli
   (CMS, descrizioni e schede hanno poi le loro regole, uguali al live) */
ul {
    list-style: none;
    padding-left: 0;
}
/* regole aggiunte dalla 3.15 per CMS, blog e descrizioni prodotto, che il live non aveva.
   Clearfix sulle descrizioni e su ogni loro paragrafo: i <p></p> vuoti prenderebbero il loro margine
   (+24 px nella descrizione prodotto, +32 px sopra le varianti, +16 px per paragrafo nelle pagine CMS) */
.page-content.page-cms p::after,
.blog-description p::after,
.blog-description::after,
.an-product-page-description::after,
.an-product-page-description p::after {
    content: none;
}
/* titoli a 23 px dal testo: sul live 0.5rem */
.page-content.page-cms h1, .page-content.page-cms h2, .page-content.page-cms h3,
.page-content.page-cms h4, .page-content.page-cms h5, .page-content.page-cms h6,
.blog-description h1, .blog-description h2, .blog-description h3,
.blog-description h4, .blog-description h5, .blog-description h6,
.product-description h1, .product-description h2, .product-description h3,
.product-description h4, .product-description h5, .product-description h6 {
    margin-bottom: 0.5rem;
}
/* 10 px sotto ogni immagine */
.page-content.page-cms img,
.blog-description img,
.an-product-page-description img {
    padding: 0;
}
/* la 3.15 centra il titolo "N altri articoli della stessa categoria" della pagina prodotto, in maiuscolo e con una
   riga dietro: sul live era a sinistra, normale, senza riga */
#product .featured-products {
    text-align: start;
}
#product .featured-products::before {
    content: none;
}
#product .featured-products h2 {
    position: static;
    display: block;
    padding: 0;
    margin-bottom: 0.5rem;
    background-color: transparent;
    text-align: start;
    text-transform: none;
}
#footer .block-social ul {
    margin: 0;
    max-width: 180px;
}
#left-column .block-categories .category-sub-menu li[data-depth="1"] {
    margin: 3px 0;
}
.product-quantity .input-group-btn-vertical,
#cart .input-group-btn-vertical {
    border: 1px solid #f9f9fa;
    height: 39px;
}
#product .input-group-btn-vertical button,
#cart .input-group-btn-vertical button,
.modal-body .product-quantity .input-group-btn-vertical .btn {
    background: #f9f9fa;
}
#product .tab-content p {
    line-height: 24px;
    margin-bottom: 24px;
}
.search-widget form input[type=text] {
    padding: 13px 52px 14px 26px;
}
#mobile_top_menu_wrapper #_mobile_clientservice .mobile_item_wrapper {
    line-height: 1;
    font-weight: 400;
}
#cart .input-group.bootstrap-touchspin {
    border-radius: 0;
    width: 95px;
    height: 40px!important;
    font-weight: 700;
}
.product-line-grid-right .input-group.bootstrap-touchspin .form-control {
    background: #eeeff4;
    width: 27px!important;
    height: 40px!important;
    line-height: 39px;
}
#_mobile_contactslink {
    line-height: 20px;
    padding: 8px 30px;
    font-weight: 400;
}
@media (max-width: 991px) {
    #header .header-top.tablet-h {
        background: #f1f1f1;
    }
    .header-top.tablet-h .search-widget {
        padding: 10px;
    }
    .category-header {
        display: none;
    }
}
@media (max-width: 767px) {
    #header .header-top {
        background: #f1f1f1;
    }
}
@media (max-width: 480px) {
    .header-top.tablet-h .search-widget {
        padding: 7px 0 6px 0;
    }
}
/* la 3.15 mette in maiuscolo il titolo della pagina di ricerca */
#search h2 {
    text-transform: none;
}
/* la 3.15 porta a tutta larghezza anche il contenuto di piu' venduti, novita' e offerte quando la colonna sinistra
   e' a comparsa (leftColPopup): sul live solo le categorie, le altre restavano col-md-8 / col-lg-9 */
@media (min-width: 768px) {
    #best-sales.leftColPopup #content-wrapper,
    #new-products.leftColPopup #content-wrapper,
    #prices-drop.leftColPopup #content-wrapper {
        width: 66.6667%;
    }
}
@media (min-width: 992px) {
    #best-sales.leftColPopup #content-wrapper,
    #new-products.leftColPopup #content-wrapper,
    #prices-drop.leftColPopup #content-wrapper {
        width: 75%;
    }
}
/* intestazione mobile (sotto i 992 px): la 3.15 la ridisegna con il logo a sinistra accanto al menu, margini nuovi e
   senza il numero sul carrello (con !important). Sul live: logo largo 200 px al centro, numero visibile */
@media (max-width: 991px) {
    #header .header-nav #menu-icon {
        margin: 0 0 0 1rem;
    }
    #header .header-nav.tablet-h .top-logo {
        width: 200px;
        max-width: none;
        margin: 0 auto;
    }
    #header .header-nav .blockcart {
        margin: 0 0 0 0.9375rem !important;
        padding: 0 0.75rem;
    }
    #header #_mobile_logo a {
        align-items: center;
    }
    .blockcart .mobile-cart-item-count {
        display: flex !important;
    }
}
@media (max-width: 767px) {
    #header .header-nav .blockcart {
        margin-left: 0 !important;
    }
}
@media (max-width: 480px) {
    #header .header-nav #menu-icon {
        margin-left: 0;
    }
    #header .header-nav.tablet-h .blockcart {
        padding: 0;
        margin-right: 5px !important;
    }
}
/* la miniatura della 3.15 avvolge l'immagine in <picture> (AVIF/WebP): il <picture> prende tutta la larghezza del link
   e l'immagine non e' piu' centrata quando la scheda e' piu' larga di 255 px (481-767 px). Cosi' l'immagine torna
   l'elemento centrato dal flex del link, come sul live */
.product-miniature .product-thumbnail picture {
    display: contents;
}