/*   style.css     */

/*@import url('https://fonts.googleapis.com/css2?family=Urbanist&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Klee+One&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

:root {
    --bgcolor-primary: #094774;
    --rensponsive-breakpoint-4: 1200px;
}

/* breakpoint:  600 782 960 1200 */
.header-logo{}
#modal-2.has-modal-open .wp-block-navigation__container > li > a{}
#modal-2.has-modal-open .wp-block-navigation__container > li.has-child a{margin-right:0; display: block; padding-right:20px;}
#modal-2.has-modal-open li.has-child{display: flex; flex-flow: row nowrap; }
#modal-2.has-modal-open li ul{padding:0; margin:0;}
#modal-2.has-modal-open li:not(.is-open) > ul {display: none;}
#modal-2.has-modal-open li.has-child > a{text-align: right;}
#modal-2.has-modal-open li.has-child > button{ display:inline-block;}
#modal-2.has-modal-open .wp-block-navigation__container  li.has-child{display:grid; grid-template-columns: auto auto 10px ; grid-template-rows: auto auto; align-items:end; align-content:end;}
#modal-2.has-modal-open .wp-block-navigation__container  li.has-child > button{grid-column: 3 ;  grid-row:  1; justify-self: right;}
#modal-2.has-modal-open .wp-block-navigation__container  li.has-child > a{grid-column: 2; grid-row: 1; }
#modal-2.has-modal-open .wp-block-navigation__container  li.has-child.is-open > ul{border-right: solid 1px #ccc; display:block; grid-column: 1 / span 3;grid-row: 2; padding-right:20px; text-align: right;}
#modal-2.has-modal-open .wp-block-navigation__container  li.has-child.is-open > ul > li.has-child.is-open{ }
#modal-2.has-modal-open .wp-block-navigation__container ul {padding: 0 !important; margin: 0 !important;}
#modal-2.has-modal-open .wp-block-navigation__container > li { padding: 5px 20px 5px 20px; margin: 10px 0;}
#modal-2.has-modal-open .wp-block-navigation__container > li > ul > li {padding: 5px 20px 5px 20px; margin: 10px 0;}
#modal-2.has-modal-open .wp-block-navigation__container > li > ul > li > ul > li {padding: 5px 10px 5px 20px; margin: 10px 0;}
#modal-2.has-modal-open .wp-block-navigation__container button{width:12px; padding-left: 5px;}


body, a, input, h1, h2, h3, h4, h5, h6, p, button, strong, li {margin: 0; padding: 0; font: normal normal normal 15px/120% 'Poppins', Sans; }
span {font-family: 'Poppins', Sans; font-weight: normal; font-style: normal; line-height: 120%; }
strong { font-weight: bolder;}
.solomobile {display: none;}
.gtc-hero-image-sections {aspect-ratio: 16/9 !important;}
@media (min-width: 600px) {
    .solomobile {display: unset;}
}
/*#header[role="banner"]{display:none;}*/
.ppcp-messages{display:none !important;}
.ppcp-messages + hr{display:none !important;}
.header-main > div:nth-child(1) {padding: 0.6em 0 0 0;}
.header-main > div > div {justify-content: space-around; margin-bottom: 0.6em !important;}
/*.header-logo{width: 100% !important;}*/
@media (max-width: 781px) {
    .header-main > div > div {display:flex; justify-content: center; text-align: center; align-content: center; margin-bottom: 0.6em !important;}
    .header-logo{width: 100% !important;}
}
.header-main .header-column2 {}
.header-main .header-column2 > nav {padding: 0 0 0 30px;}
@media (max-width: 600px) {
    .header-main .header-column2 {display: flex; justify-content: center;}
    .header-main .header-column2 > div {order: 1;}
    .header-main .header-column2 > nav {order: 2;}
}
.header-menusecond-cont {background-color: var(--bgcolor-primary); box-shadow: inset 4px 4px 10px #000; padding: 20px 0; margin: 0 0 0.5em 0; }
.header-menusecond-cont ul.wp-block-navigation__container { margin: 0 auto; justify-content: center; gap: 3em; text-transform: uppercase;}
.header-menusecond-cont ul.wp-block-navigation__container > li > a {color: #fff !important; font-size: 16px;}
.header-menusecond-cont ul.wp-block-navigation__container > li > a:hover {opacity: .5;}
.header-menusecond-cont ul.wp-block-navigation__container > li > button > svg {color: #fff !important;}
.header-menusecond-cont ul {border-radius: 9px;}
.header-menusecond-cont ul.wp-block-navigation__submenu-container {box-shadow: 1px 1px 1px #094774; padding: 15px;}
.header-menusecond-cont ul.wp-block-navigation__submenu-container > li {margin: 5px 0;}
.header-menusecond-cont ul.wp-block-navigation__submenu-container > li > a {color: #094774 !important; text-transform: lowercase; font-size: 16px;}
.header-menusecond-cont ul.wp-block-navigation__submenu-container > li:hover {background-color: #094774;color: #fff !important;}
.header-menusecond-cont ul.wp-block-navigation__submenu-container > li:hover > a {color: #fff !important; font-size: 16px;}
.header-menusecond-cont nav.wp-block-navigation > div > div > div > div > ul > li svg {color: #fff !important; font-size: 16px;}
.header-menusecond-cont nav.wp-block-navigation > div > div > div > div > ul > li:hover svg {opacity: 0.6; font-size: 16px;}
.header-menusecond-cont nav.wp-block-navigation > div > div > div > div > ul > li > ul > li svg {color: var(--bgcolor-primary) !important; font-size: 16px;}
.header-menusecond-cont nav.wp-block-navigation > div > div > div > div > ul > li > ul > li:hover svg {opacity: 0.6; font-size: 16px;}
.header-menusecond-cont nav.wp-block-navigation > div > div > div > div > ul > li > ul > li > ul > li svg {color: var(--bgcolor-primary) !important; font-size: 16px;}
.header-menusecond-cont nav.wp-block-navigation > div > div > div > div > ul > li > ul > li > ul > li:hover svg {color: #fff; opacity: 0.6; font-size: 16px;}
.header-menusecond-cont ul.wp-block-navigation__submenu-container > li > ul > li > a {font-size: 16px;}
.header-menusecond-cont ul.wp-block-navigation__submenu-container > li > ul > li:hover > a {font-size: 16px;}
.menu-second {}
.header-mennutop a {text-transform: uppercase; font-size: 0.8em;}

/* menu-header sidepanel gutenberg */
#modal-1.has-modal-open {padding: 30px;}
#modal-1.has-modal-open a {font-size: 16px;}
#modal-1.has-modal-open .wp-block-navigation__container > li > a {}
#modal-1.has-modal-open .wp-block-navigation__container > li.has-child a {margin-right: 0;}
#modal-1.has-modal-open li.has-child {display: flex; flex-flow: row nowrap; gap: 1em;}
#modal-1.has-modal-open li.has-child > ul {display: none; padding: 0; margin: 0;}
#modal-1.has-modal-open li.has-child > a {text-align: right;}
#modal-1.has-modal-open li.has-child > button { display: inline-block;}
#modal-1.has-modal-open .wp-block-navigation__container > li.has-child {display: grid; grid-template-columns: auto auto 10px; grid-template-rows: auto auto; align-items: end; align-content: end;}
#modal-1.has-modal-open > div > div > div > ul {margin-top: 40px;}
#modal-1.has-modal-open .wp-block-navigation__container li:not(.has-child) {height: 40px; padding-right: 35px;}
#modal-1.has-modal-open .wp-block-navigation__container li.has-child.is-open button {width: 12px;}
#modal-1.has-modal-open .wp-block-navigation__container li.has-child.is-open {display: grid;}
#modal-1.has-modal-open .wp-block-navigation__container li.has-child > a {grid-column: 2; grid-row: 1; justify-self: flex-end; display: flow;}
#modal-1.has-modal-open .wp-block-navigation__container li.has-child > button {grid-column: 3; grid-row: 1; justify-self: right; margin-left: 0 !important;}
#modal-1.has-modal-open .wp-block-navigation__container li.has-child.is-open > ul {padding: 10px; gap: 0;border-right: solid 1px #555; display: block; grid-column: 1 / span 3;grid-row: 2; margin: 13px 20px 14px 0; text-align: right; }
#modal-1.has-modal-open .wp-block-navigation__container li.has-child.is-open > ul > li {gap: 0;margin: 12px 0;}
/*  menu top */
.menu-top .hide {display: none;}
.menu-top a, .menu-top span {font-size: 20px;}
.menu-top-sidepanel {display: none !important;}
.menu-top-sidepanel a, .menu-top-sidepanel span {font-size: 20px;}
.menu-top > ul > li span{white-space:nowrap;}
.headerright-container *{font-size:19px;}
@media (max-width: 789px) {
    .menu-top{display:none;}
    .menu-top-sidepanel {display: flex !important;}
}
/*  header search input with icon */
form.header-productssearch {}
form.header-productssearch .wp-block-search__inside-wrapper {border-radius: 10px; background-color: unset !important; padding: 3px !important; width: unset !important;}
form.header-productssearch .wp-block-search__inside-wrapper button { color: #000; padding: 0 !important; height: 40px; background-color: unset !important;}
form.header-productssearch .wp-block-search__inside-wrapper input {border: 0 !important; outline: 0 !important; height: 35px;}
form.header-productssearch .wp-block-search__inside-wrapper svg {height: 1.60em !important; min-height: 29px !important; min-width: 24px !important; width: 2.25em !important; }
form.header-productssearch.wp-block-search__searchfield-hidden {border-radius: 10px;}

.headerright-container {display: flex;}
@media (max-width: 600px) {
    .headerright-container:nth-child(1) {order: 3;}
    .gtc-hero-image-sections{aspect-ratio: 9/16 !important;}

}
@media (max-width: 782px) {
    .headerright-container {justify-content: center !important;}
}

.heroimage {height: auto;}
.heroimage::before { display: flex; content: ""; position: absolute; width: 100%; top:0; bottom: 0; z-index: 1; background-color: rgba(0, 99, 215, 0.49);}
/*.heroimage  p{z-index:6; position: relative;}*/
.heroimage > div p {color: #fff;}
.heroimage > div p:nth-child(1) {}
.heroimage > div p:nth-child(2) {font-size: 1.3em !important;}
.heroimage > div p:nth-child(3) {font-size: 1em !important; line-height: 150%;}

.heroimage > div > div .wp-block-button a {background-color: #CC2027; color: #fff;}
.heroimage .wp-block-column:nth-child(1) .wp-block-button::before {display: block; margin-left: -50px; position: absolute; content: ""; width: 45px; height: 45px; background: transparent url("../../../wp-content/uploads/2025/01/play.svg") no-repeat center center; background-size: 45px auto;}

@media (min-width: 0) {
    .header-menusecond-cont {display: none;}
}
@media (min-width: 600px) {
    .header-menusecond-cont {display: flex;}
}

.logotipo-cont {width: auto; max-width: var(--rensponsive-breakpoint-4);}
.logotipo-cont > div {display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; width: 100%; padding-left: 0 !important;}
.logotipo-cont > div::after {content: "";border-bottom: solid 4px rgba(9, 71, 116, 0.61); position: relative; width: 100%;}
.logotipo-cont > div > h2 {text-transform: uppercase; margin: 0 0 0 0 !important;}
.logotipo-cont > div > p {margin: 0 !important; text-transform: lowercase;}

.products-categories ul {margin: 0; padding: 0; list-style: none none; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.products-categories ul li {display: flex; font-size: 0.6em; justify-content: center; flex-direction: column; align-items: center; background-color: #fff;  box-shadow: 0 10px 20px rgb(0 0 0 / 5%); width: 280px; height: 145px; margin: 1em;}
.products-categories ul li > img {width:90px; height: auto; border-radius:9px; margin-bottom:7px;}
.products-categories ul li a {text-decoration: none; color: #555;}
.productcategory-description {padding: 30px 0;}

/* Carosello principale */
.gtc-carousel {position: relative;width: 100%;max-width: 1200px;margin: 0 auto;padding: 20px;box-sizing: border-box;}
/* Contenitore delle slide */
.gtc-carousel-inner {position: relative;width: 100%;overflow: hidden;height: auto;}
/* Singola slide */
.gtc-carousel-item {display: none;width: 100%;animation: fadeIn 0.5s ease-in-out;height: auto;}
.gtc-carousel-item.active {display: block;}
/* Contenuto della slide */
.gtc-carousel-content {height: 400px; display: flex;align-items: center;justify-content: space-between;gap: 40px;padding: 20px;min-height: 400px; /* Altezza fissa per evitare effetto scalino */box-sizing: border-box;}
/* Testo del carosello */
.gtc-carousel-item-txt {flex: 1;padding: 20px;}
.gtc-carousel-item-txttitle {font-size: 2.5rem;color: #333;margin-bottom: 0.5rem;}
.gtc-carousel-item-txttitle2 {font-size: 1.8rem;color: #666;margin-bottom: 1rem;}
.gtc-carousel-item-txtdesc {font-size: 1.2rem;color: #444;line-height: 1.6;}
/* Immagine del carosello */
.gtc-carousel-item-img img {width: 100%;max-width: 500px;border-radius: 10px;padding: 0;background: none;box-shadow: none;object-fit: cover;height: 100%;}
/* Contenitore delle frecce centrato */
.gtc-carousel-controls {position: absolute;left: 0;top: 50%;width: 100%;display: flex;justify-content: space-between;transform: translateY(-50%);z-index: 10;box-sizing: border-box;}
/* Frecce di navigazione */
.gtc-carousel-control-prev, .gtc-carousel-control-next {background: transparent;border: none;font-size: 5rem;color: #e30613;cursor: pointer;padding: 10px;}
/* Indicatori del carosello */
.gtc-carousel-indicators {display: flex;justify-content: center;margin-top: 10px;}
.gtc-carousel-indicators button {width: 10px;height: 10px;margin: 0 5px;border-radius: 50%;border: none;background-color: #ddd;cursor: pointer;transition: background-color 0.3s ease;}
.gtc-carousel-indicators button.active {background-color: #e30613;}
/* Stile per il contenitore della barra di ricerca */
.gtc-carousel-search {display: flex;align-items: center;justify-content: center;margin-top: 20px;}
/* Stile per l'input della barra di ricerca */
.gtc-search-input {padding: 10px 15px;border: 1px solid #ddd;border-radius: 25px 0 0 25px;outline: none;font-size: 1rem;width: 50%;}
.gtc-search-wrapper {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;}
/* Stile per il bottone della barra di ricerca */
.gtc-search-btn {padding: 13px 20px;background-color: #e30613;border: none;border-radius: 0 25px 25px 0;color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.gtc-search-btn i {font-size: 1.2rem;}
/* Animazione delle slide */
@keyframes fadeIn { from {opacity: 0;transform: translateX(20px);} to {opacity: 1;transform: translateX(0);} }
/* Responsività */
@media (max-width: 768px) {
    .gtc-carousel-content {flex-direction: column-reverse;text-align: center;min-height: auto;height: 725px;}
    .gtc-search-input {width: 100%;max-width: 400px;}
    .gtc-carousel-item-img img {position: relative;width: 100%;height: 100%;}
    .gtc-carousel-controls {padding: 0 10px;}
    .gtc-carousel-control-prev, .gtc-carousel-control-next {font-size: 4rem;}
}
.footer-main { padding: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;}
.footer-main .fa{color:#FF3B55; font-size:40px; padding-right:20px;}
.footer-main > div:nth-child(1) {padding: 1.2em 0 0 0; width: 100%;background-color: var(--bgcolor-primary);}
.footer-main > div:nth-child(1) > div > div > div { display: flex; justify-content: center;}
.footer-main > div:nth-child(1) > div p {color: #fff; line-height: 150%; font-size: 1em;}
.footer-main > div:nth-child(2) {width: 100%;background-color: #fff; padding: 1.2em 0; }
.footer-main > div:nth-child(2) > div {margin: 0;}
.footer-main > div:nth-child(2) > div > div {display: flex; align-items: center; justify-content: center;}
.footer-main > div:nth-child(2) > div p {color: #094774; line-height: 150%; font-size: 1em; white-space: nowrap;}
.footer-main > div:nth-child(2) > div strong {font-size: 1em;}
.footer-main > div > div figure img {width: 45px; height: auto;}
.footer-main > .first > .container >  div{display: flex; justify-content: center; align-items: center;}
.footer-main > .second > .container >  div:not(div:first-child) > div{width:55px;  display: flex; justify-content: center; align-items: center;}
.footer-main > .second > .container > div:not(div:first-child) > p{width:120px;}


/* home   */
.prodotti-consigliati {width: 100%;}
.prodotti-consigliati > div > ul {max-width: var(--rensponsive-breakpoint-4); width: 100%; display: flex; justify-content: center; flex-flow: row wrap;}
.prodotti-consigliati > div > ul > li { width: 100%; flex: 0 0 200px;}
.prodotti-consigliati h2 {text-transform: uppercase; font-size: 2.3em;}
.prodotti-consigliati .wp-block-button a, .prodotti-consigliati .wp-block-button button {border-radius: 9px; background-color: #D1212B; display: block; padding: 14px 25px;}
.prodotti-consigliati .wp-block-button a:hover {opacity: 0.5; text-decoration: none;}
.prodotti-consigliati .wc-block-components-product-image {height: 285px;}
.prodotti-consigliati .has-text-align-center.wp-block-post-title.has-medium-font-size {height: 96px;}
.prodotti-consigliati h3 a {color: #555;}

.prodotti-consigliati .wc-block-components-product-price del span {display: inline-block; }
.prodotti-consigliati .wc-block-components-product-price del span bdi {text-decoration: line-through;}
.prodotti-consigliati .wc-block-components-product-price ins span bdi {font-size: 2em; }
/*.wp-block-woocommerce-product-price div span bdi{font-size:2em;}*/
.prodotti-consigliati .wc-block-components-product-price {line-height: 200%;}
.prodotti-consigliati .wc-block-product {border: solid 1px #ccc; padding-bottom: 10px; }
.wp-block-woocommerce-product-price div span bdi {font-size: 2em;}

.section-info1, .section-info2, .section-info3, .section-info4, .section-info5 {width: 100%;}
.section-info2{margin:0 !important; width: 100%; max-width: unset !important; }
.section-info3 .wp-block-button > a, .section-info4 .wp-block-button > a {background-color: #D1212B;}

.section-info1 {display: flex; justify-content: center;}
.section-info1 > div {background-color: #094571; color: #fff; display: flex; justify-content: flex-end; align-items: center;}
.section-info1 > div:nth-child(1) {text-align: right; margin: 0 !important; width: 100%;}
.section-info1 > div img {border-radius: 10px;}
.section-info1 > div a {background-color: #D1212B; display: block; padding: 14px 25px; }
.section-info1 > div a:hover {opacity: 0.5; text-decoration: none;}
.section-info1 > div > div {display: flex; justify-content: center; text-align: center; align-items: center; flex-flow: column nowrap; border-radius: 19px; padding: 14px 5px;}

.section-info2 {padding: 10px;}
.section-info2 > div {background-color: #F2F2F2;}

.section-info3 {gap: 0; }
.section-info3 > div {margin-bottom: 20px;}
.section-info3 > div:first-child > p, .section-info3 > div:first-child > div.wp-block-buttons {padding-right: 14px;}
.section-info3 > div:last-child > p, .section-info3 > div:last-child > div.wp-block-buttons {padding-left: 14px;}
@media (max-width: 781px) {
    .section-info3 > div > * {text-align: center; justify-content: center !important; padding:13px 0 !important; margin:0 !important; }
}
@media (max-width: 781px) {
    .section-info4 > div > div:nth-child(1) > * {display:flex; flex-flow: column wrap; text-align: center !important; justify-content: center !important; }
    .section-info4 > div > div:nth-child(2){display:flex; gap:20px; align-items: center; flex-flow: row wrap;}
}

.section-info4 {width: 100%; }
.section-info4 > div {width: 100%; gap: 0;}
.section-info4 > div > div:nth-child(1) {flex: 0; width: 75%; background-color: #F4F4F4;}
.section-info4 > div > div:nth-child(1) img {width: 100%;}
.section-info4 > div > div:nth-child(2) {flex: 0; width: 25%; background-color: #F4F4F4; padding: 30px 35px; }
.section-info4 > div > div:nth-child(2) .wp-block-button a {margin-bottom: 20px;}

.section-info5 > div {display: flex; justify-content: space-evenly; flex-flow: row wrap; padding: 30px; }
@media (max-width: 781px) {
    .section-info5 > div { gap:60px;}

}
.section-info5 > div > div {border-radius: 19px; width: 200px;}
.section-info5 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: unset !important; justify-content: end; flex-direction: column; display: flex; flex-wrap: nowrap; border-radius: 1rem; max-width: 320px; padding: 10px; width: auto}

/*@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis: unset !important; text-align: center;}
}*/
@media (max-width: 1087px) {
    .carousel-item > div{width: auto; height: auto; display: flex; justify-content: center; flex-flow: row wrap; gap: 30px; flex-direction: column; flex-flow: column-reverse; align-items: center;}
    .carousel-item-txt {width: 80%}
}

.section-info5 > div > div:nth-child(odd) {border: solid 2px #D1212B;}
.section-info5 > div > div:nth-child(even) {border: solid 2px #094774;}
.section-info5 > div > div > p:nth-child(2) {font-size: 1em; }
.section-info5 > div > div > p:nth-child(3) {font-size: 1em;}
.section-info5 > div > div > p:nth-child(4) {font-size: 0.7em;}
/*Termini e Condizioni*/
.gtc-custom-block {font-family: 'Poppins', sans-serif;color: #212529;background-color: #fff;padding: 30px;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);max-width: 1200px;margin: 0 auto;text-align: center;}
.gtc-title {font-size: 40px; /* Urbanist, come mostrato nell'immagine */font-weight: bold;color: #333333;margin: 0 0 10px 0;}
.gtc-subtitle {font-size: 28.8px; /* Urbanist, come mostrato nell'immagine */color: #666666;margin-bottom: 20px;}
.gtc-image-section {display: flex;justify-content: space-around;gap: 20px;margin: 20px 0;flex-wrap: wrap;}
.gtc-image-box {text-align: center;max-width: 300px;}
.gtc-image-box img {width: 100%;height: auto;border-radius: 10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.gtc-image-text {margin-top: 10px;font-size: 16px;color: #212529;}
.gtc-terms-text {font-family: 'System UI', sans-serif; font-size: 16px;color: #212529;margin-top: 20px;line-height: 1.6;}
@media (max-width: 768px) {
    .gtc-title {font-size: 32px;}
    .gtc-subtitle {font-size: 24px;}
    .gtc-image-section {flex-direction: column;align-items: center;}
    .gtc-image-box {max-width: 100%;margin-bottom: 20px;}
    .gtc-terms-text {font-size: 14px;}
}


/* ecommerce privacy, condizioni d'uso, termini e condizioni */