/* -------------------------------------------------------------------------------- */
/*   INDEX
      1. GENERAL
      2. HELPERS
      3. TYPOGRAPHY
      4. HEADER
      5. FOOTER
      6. GRID SYSTEM
      7. WORDPRESS
      8. MEDIA QUERIES
      9. PRELOADER
      10. ANIMATIONS
      11. PATTERNS
/* -------------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------------- */
/* ! 1. GENERAL */
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/* ! 2. HELPERS */
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/* ! 3. TYPOGRAPHY */
/* -------------------------------------------------------------------------------- */

p {color: #565656;}
h1, h2 {line-height: 100%;}


/* -------------------------------------------------------------------------------- */
/* ! 4. HEADER */
/* -------------------------------------------------------------------------------- */

.logo__container {display: flex;}
.header__logo {padding-right: 30px;}
.header__logo-img, .header__logo_white-img {    width: auto; height: 50px !important;}
.header__content:nth-child(2) {border-bottom: none; padding: 0;}
.menu, .menu ul {padding-left: 0;}
.menu li a {font-weight: 400;text-transform: uppercase; padding: 16px 30px;}
.menu li:first-child a {padding-left: 0 !important;}
.menu .sub-menu li:first-child a {padding-left: 30px !important;}

.page-template-vuota .spacer {
    height: 115px;
}


/* !   ---4.1 Buttons */

.cta__button a {
    text-transform: uppercase; 
    padding-top: 14px; 
    padding-bottom: 14px;
    padding-left: 35px !important;
    padding-right: 35px !important;
}


/* !   ---4.4 Social Icons */

.social-icons {padding-top: 6px;}

/* -------------------------------------------------------------------------------- */
/* ! 5. FOOTER */
/* -------------------------------------------------------------------------------- */

footer {padding: 0 0 50px 0;}

/* -------------------------------------------------------------------------------- */
/* ! 6. GRID SYSTEM */
/* -------------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------------- */
/* ! 7. WORDPRESS */
/* -------------------------------------------------------------------------------- */


      .product_title, .price, .woocommerce-product-details__short-description {display: none;}
      .product_meta span {display: block; width: 100%; margin-top: 16px;}
      .woocommerce div.product div.images img {width: 60%; margin: 0 auto;}
      .single_add_to_cart_button {border-radius: 60px !important; text-transform: uppercase; padding: 15px 30px !important;}
      .woocommerce div.product .woocommerce-tabs ul.tabs {display: none;}
	  .woocommerce .quantity .qty {padding: 12px; padding-right: 0; border-radius: 60px; border-color: #959595;}
      .testata {background: #F7F7F7; overflow: auto; margin-bottom: 60px;}
      .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 50%; padding-left: 3em; padding-top: 3em;}
      .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 50%;}
      .product-template-default .spacer {height: 115px;}
	  .woocommerce-content {padding-top: 20px;}
	  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {color: #fff;}
	  .wc-block-components-product-metadata__description {font-weight: 400; text-transform: none;}
      .wc-block-components-button {background: #42a4e9; text-transform: uppercase; font-weight: 800;}
      
      

/* -------------------------------------------------------------------------------- */
/* ! 9. PRELOADER */
/* -------------------------------------------------------------------------------- */








/* -------------------------------------------------------------------------------- */
/* ! 10. ANIMATIONS */
/* -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/* ! 11. PATTERNS */
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/* ! 12. PAGES */
/* -------------------------------------------------------------------------------- */

.bollo-home {
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  mix-blend-mode: multiply;
}

.mr-neg {position: relative; margin-right: -50px !important;}
.ml-neg {position: relative; margin-left: -50px !important;}

.price_custom {    color: #43A4EA;}
.descrizione-corta {margin: 0 auto;}
.descrizione-corta p {
      font-family: 'Libre Bodoni';
    color: #000;
    font-size: var(--wp--preset--font-size--large) !important;
    letter-spacing: -1px;
    text-align: center;
    width: 100%;
    padding: 60px 0;
    line-height: 1.15;
    position: relative;
}

.descrizione-corta p::before {
    content: ',,';
    text-align: center;
    position: absolute;
    width: 100%;
    left: -10px;
    font-size: 250px;
    color: var(--link-color);
    z-index: -1;
    top: -175px;
}

.autore {font-size: var(--wp--preset--font-size--base) !important; text-transform: uppercase; letter-spacing: 5px;}
.autore a {color: #565656 !important}
.entry-summary .autore {line-height: 16px;}

.woocommerce-Tabs-panel--description p {
    font-family: 'Inter';
    color: #565656;
    font-size: 1.15rem !important;
    letter-spacing: 0;
    text-align: left;
    width: 70%;
    padding: unset;
    margin: auto;
    line-height: unset;
}

.woocommerce-Tabs-panel--description p::before {
      content: ' ';
}

.related h2 {padding: 40px 0; max-width: 1350px; width: 100%; margin: 0 auto;}

.search ul.products {
    padding: 0;
    list-style: none outside;
    clear: both;
    display: unset !important;
}
.search ul.products li {
    list-style: none outside;
    float: left;
    padding: 0;
    margin: 0 3.8% 2.992em 0;
    position: relative;
    width: 22.05%;
    margin-left: 0;
}

.search ul.products .button {
    padding: .618em 1em;
    font-weight: 700;
    background-color: #43a4ea !important;
}
.lista_articoli-pagine {float: left;}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.search ul.products li.product .woocommerce-loop-product__title {
    color: #000;
    font-size: 20.8px; 
    padding-bottom: .25em;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price, .product-price {
    color: #000;
    font-weight: 700;
    font-size: 20.8px;
    padding-top: .15em;
}
.woocommerce ul.products li.product .button,
.search ul.products li.product .button {
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 40px;
}
.related {width: 100vw;max-width: 1000%;margin-right: calc(50% - 50vw) !important;margin-left: calc(50% - 50vw) !important; background: #F7F7F7; margin-top: 40px;}
.related .products {max-width: 1350px; width: 100%; margin: 0 auto !important;}
.related .autore, .archive .autore, .contenitore .autore, .search .autore {
    font-size: 16px !important;
    letter-spacing: 0;
    color: #565656;
}

.slider-novita {background: #F7F7F7; padding-top: 100px; padding-bottom: 150px;}
.slider-novita .grid {align-items: center;}
.novita-img {width: 50%;}
.slider-novita .col-50:nth-child(2) {padding-left: 12px;}
.slider-novita .col-50:first-child {display: flex; justify-content: center;}
.swiper-pagination-bullet {width: 18px;height: 18px; opacity: 1;}
.swiper-pagination-bullet-active {background-color: #43A4EA;}
.copertina:before {
    content: ' ';
    width: 100%;
    height: auto;
    max-width: 675px;
    max-height: 675px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    aspect-ratio: 1;
    z-index: -1;
}

.bollo-intro:before {
    content: ' ';
    background: white;
    width: 100%;
    height: auto;
    border-radius: 50%;
    position: absolute;
    aspect-ratio: 1;
    z-index: 0;
}
.bollo-intro p {position: relative; z-index: 1;}
.cn .copertina:before  {background: #EFC437;}
.oligo .copertina:before  {background: #286DB8;}
.il-rio .copertina:before  {background: #89bee6;}
.slider-prodotti {height: 500px;}
.slider-prodotti h3 {line-height: 1; margin-bottom: 10px; margin-top: 10px;}
.slider-prodotti img {width: 60%; margin-bottom: 10px;}
.biografia_dati {border-top: solid 1px #979797;}
.biografia {padding-right: 2em; border-right: solid 1px #979797; padding-top: 2em;}
.dati {padding-left: 2em; padding-top: 2em;}
.filtri {border-right: solid 1px #565656;}


/* Stile pagina autori */
.alphabet-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
    gap: 0;
}
.alphabet-list li a {
    display: inline-block;
    padding: 0.5rem 1rem;
    color: #333;
    text-decoration: none;
    transition: background 0.3s;
    border-right: solid 1px #d5d5d5;
}
.alphabet-list li a:hover {
    background-color: #0073aa;
    color: #fff;
}
.alphabet-list li a.active {
    background-color: #0073aa;
    color: #fff;
    font-weight: bold;
}
.autori-list ul {
    list-style: none;
    padding-left: 0;
}
.autori-list li {
    margin-bottom: 0.3rem;
}
.autori-list a {
    color: #0073aa;
    text-decoration: none;
}
.autori-list a:hover {
    text-decoration: underline;
}
.autori-letter {
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.3rem;
}
.autori-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3; /* colore sfondo */
    border-top: 4px solid #0073aa; /* colore principale */
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#autore-results {
    background:#fff;
    border:1px solid #ddd;
    position:relative;
    width:100%;
    z-index:999;
}

.autore-item {
    padding:10px;
    cursor:pointer;
}

.autore-item:hover {
    background:#f3f3f3;
}

.autore-search-wrapper {
    position: relative;
}

#reset-autore {
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    font-size:18px;
    display:none;
}

#autore-search:not(:placeholder-shown) + #reset-autore {
    display:block;
}

.loader-autore {
    padding:10px;
    font-size:14px;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    margin: 0 1.25em 2.992em 0;
}

.filtro-anno-dropdown {
    display:none;
    max-height:220px;
    overflow-y:auto;
    border:1px solid #ddd;
    padding:10px;
    background:#fff;
}

.anno-item {
    display:block;
    margin-bottom:6px;
}

.filtro-anno-toggle {
    cursor:pointer;
    font-weight:400;
	font-size: 14px;
	background: #f5f5f5;
    padding: 15px;
    border: solid 1px #ededed;
    border-radius: 8px;
    color: #585856;
}

#reset-filtri-globali {
    background:#000;
    color:#fff;
    border:0;
    padding:10px 14px;
    margin-bottom:20px;
    cursor:pointer;
	border-radius: 4px;
}

.woocommerce.loading-prodotti {
    position:relative;
}

.woocommerce.loading-prodotti:after {
    content:'';
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.7);
    z-index:10;
}

.woocommerce.loading-prodotti:before {
    content:'';
    width:28px;
    height:28px;
    border:3px solid #ccc;
    border-top-color:#000;
    border-radius:50%;
    position:absolute;
    top:30px;
    left:50%;
    animation: spin .7s linear infinite;
    z-index:11;
}

@keyframes spin {
        0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader-autore {
    padding:10px;
    font-size:14px;
}

.loader-autore .spinner {
    width:12px;
    height:12px;
    border:2px solid #ccc;
    border-top-color:#000;
    border-radius:50%;
    display:inline-block;
    margin-left:6px;
    animation:spin .6s linear infinite;
}

#filtri-attivi {
    margin-bottom:20px;
}

.filtro-attivo {
    display:inline-block;
    background:#f1f1f1;
    padding:6px 10px;
    margin-right:6px;
    border-radius:4px;
    font-size:13px;
}

.rimuovi-filtro {
    margin-left:6px;
    cursor:pointer;
}

.brand_prodotti .autore  {
	font-size: var(--wp--preset--font-size--small) !important;
	letter-spacing: 0;
	color: #565656 !important;
}

.brand_prodotti .price {
	font-size: var(--wp--preset--font-size--base) !important;
	color: #000;
	font-weight: 800 !important;
}

.collana-btn {
	box-shadow: 0 0 0 1px #D7D7D7;
    border-radius: 4px;
    display: inline-block;
    margin: 0 5px 10px;
    padding: 7px;
    text-align: center;
    background: white;
    border-style: none;
}

/* -------------------------------------------------------------------------------- */
/* ! 8. MEDIA QUERIES */
/* -------------------------------------------------------------------------------- */



@media (max-width: 1400px) {



}



@media (max-width: 1199px) {
	.menu {top: 40px;}
	.menu li:first-child a {
		padding-left: 30px !important;
	}
}

@media (max-width: 1190px) {


}

@media (max-width: 1023px) /* Tablet Vertical */ {

}




@media (max-width: 781px) {


}

@media (max-width: 768px) {

    .reverse {
        flex-direction: column-reverse;
        display: flex;
        flex-flow: column-reverse;
        flex-wrap: nowrap !important;
    }
	
	.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
		margin: 0 0 2.992em !important;
	}
	
	.bollo-intro:before {display: none;}
	.wp-container-core-group-is-layout-4fd67f0e > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: 100% !important}
	.bollo-intro p {color: white !important;}
	
	

}

@media (max-width: 767px) {
  	
  .slider-novita .col-50:nth-child(2) {
    padding-left: 0;
  }
	.has-xx-large-font-size {
        font-size: var(--wp--preset--font-size--x-large) !important;
    }
	.slider-novita {padding-top: 50px; padding-bottom: 50px;}
	.slider-novita .col-50:first-child {padding-top: 50px;}
	.swiper-slide .grid {padding: 0 1.5em}
	.mr-neg {margin-right: 0 !important; margin-bottom: -50px !important}
	.ml-neg {margin-left: 0 !important; margin-top: -50px !important}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product        div.images {width: 100%}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product 		div.summary {width: 100%; padding-left: 1.5em; padding-right: 1.5em}
	.grid--contenuto-prodotto {padding-left: 1.5em; padding-right: 1.5em;}
	.woocommerce-Tabs-panel--description p {width: 100%;}
	.biografia {border-right: none;}
	.dati {padding-left: 0; padding-top: 0;}
	.woocommerce .products ul, .woocommerce ul.products {padding-left: 1.5em; padding-right: 1.5em;}
	:where(.wp-block-group.has-background) {padding: 0;}
	.spacer-mobile {height:0 !important;}
	.wp-container-core-group-is-layout-4fd67f0e > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: 100%;}
	.distribuzione .wp-block-column {padding-left: 0 !important; padding-right: 0 !important;}
	.woocommerce-Tabs-panel--description p {font-size: 0.95em !important}
	.libri-momento, .page-template-autori main, .tax-autore main {padding-left: 1.5em !important; padding-right: 1.5em !important}
	.page-template-autori .spacer, .tax-autore .spacer {height: 160px;}
	.tax-autore ul.products {padding-left: 0; padding-right: 0;}
	.related h2, .wp-block-woocommerce-cart, .wc-block-checkout {padding-left: 1.5em; padding-right: 1.5em;}
	.icon-hamburger {right: 0; top: 5px;}
	.social-icons li a {font-size: 14px;}
	.topbar {position: absolute; right: 1.5em; top: 72px; display: none;}
	.social-icons li a {font-size: 14px;}


}

@media (max-width: 576px) {





}


@media (min-width: 600px){

}

