botiga

botiga

/* Barra scorrevole */
.barra-scorrevole-container {
width: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
background-color: #D5BDAF;
color: #2F2420;
padding: 8px 0;
font-weight: 600;
white-space: nowrap;
box-sizing: border-box;
}

/* Traccia animata */
.barra-scorrevole-container .testo-scorrevole {
display: inline-flex;
align-items: center;
white-space: nowrap;
will-change: transform;
animation: scorriTesto 18s linear infinite;
}

/* Testo duplicato */
.barra-scorrevole-container .testo-scorrevole span {
display: inline-block;
padding-right: 40px;
flex-shrink: 0;
}

/* Animazione */
@keyframes scorriTesto {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}

/* Mobile */
@media (max-width: 767px) {
.barra-scorrevole-container {
padding: 6px 0;
font-size: 12px;
}

.barra-scorrevole-container .testo-scorrevole {
animation: scorriTesto 14s linear infinite;
}

.barra-scorrevole-container .testo-scorrevole span {
padding-right: 24px;
}
}

.single-product .woocommerce-Tabs-panel–description {
display: none !important;
}

.single-product li.description_tab {
display: none !important;
}
/* FIX OVERFLOW MOBILE + SFONDO BIANCO SENZA ELIMINARE IMMAGINI */

/* Reset generale */
*,
*::before,
*::after {
box-sizing: border-box;
}

/* Sfondo base bianco del sito */
html,
body,
.site,
.site-content,
.site-main,
.page,
.entry-content,
.wp-site-blocks,
#page,
#content,
#primary,
main {
background-color: #ffffff !important;
}

/* Blocco overflow orizzontale */
html,
body {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
}

body {
position: relative;
}

/* Wrapper principali WordPress */
.site,
.site-content,
.site-main,
.page,
.entry-content,
.wp-site-blocks,
#page,
#content,
#primary,
main {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}

/* Evita elementi più larghi dello schermo */
section,
div,
header,
footer {
max-width: 100%;
}

/* Media responsive */
img,
video,
iframe,
svg {
max-width: 100% !important;
height: auto;
}

/* Fix Elementor larghezza */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget,
.elementor-element {
max-width: 100% !important;
}

/* Evita scroll orizzontale Elementor */
.elementor-section,
.elementor-container {
overflow-x: hidden !important;
}

/* Mantiene le immagini di background */
.elementor-section,
.elementor-column,
.elementor-widget-wrap {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

/* Evita testi lunghi fuori schermo */
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span {
overflow-wrap: break-word;
word-break: normal;
}

/* Mobile */
@media (max-width: 768px) {
html,
body,
.site,
.site-content,
.site-main,
.page,
.entry-content,
.wp-site-blocks,
#page,
#content,
#primary,
main {
background-color: #ffffff !important;
}

html,
body {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget,
.elementor-element {
max-width: 100% !important;
overflow-x: hidden !important;
}

.elementor-container {
margin-left: auto !important;
margin-right: auto !important;
}

img,
video,
iframe,
svg {
max-width: 100% !important;
height: auto;
}
}