/* 1. Font moderno per TUTTO il sito (sostituisce il tuo vecchio codice) */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, input, button, select,
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel–description {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif !important;
line-height: 1.6;
color: #333333;
}
/* 2. Link che diventano oro al passaggio del mouse */
a:hover {
color: #D4AF37 !important;
transition: color 0.3s ease;
}
/* 3. Prezzo e Titoli (opzionale: li rende un po’ più scuri per contrasto) */
h1, h2, .price {
color: #1a1a1a !important;
}
/* Titoli delle sezioni nelle FAQ e Descrizione */
.woocommerce-Tabs-panel–description h2,
.woocommerce-Tabs-panel–description h3 {
color: #2c3e50;
margin-top: 1.5em;
margin-bottom: 0.5em;
font-weight: 700;
}
/* Pulizia degli elenchi puntati */
.woocommerce-Tabs-panel–description ul {
margin-bottom: 20px;
}
.woocommerce-Tabs-panel–description li {
margin-bottom: 10px;
}
/* 1. Mantiene i flaconi grandi (Swatches Immagine) */
.variable-item.image-variable-item {
width: 65px !important; /* La misura che preferisci per i flaconi */
height: 65px !important;
border: 1px solid #ddd !important;
}
/* 2. Rende piccoli e rettangolari i selettori di testo (Quantità) */
.variable-item.button-variable-item {
width: auto !important; /* Si adatta alla larghezza del testo */
min-width: 60px !important; /* Larghezza minima per il tocco */
height: 40px !important; /* Altezza ridotta rispetto ai flaconi */
padding: 0 15px !important; /* Spazio interno ai lati del testo */
line-height: 38px !important;
font-size: 14px !important;
background-color: #f8f8f8 !important;
}
/* 3. Effetto al passaggio del mouse per la Quantità */
.variable-item.button-variable-item:hover {
border-color: #b8860b !important; /* Colore oro Navona Stay */
color: #b8860b !important;
}
/* 4. Stile per la Quantità selezionata */
.variable-item.button-variable-item.selected {
border: 2px solid #b8860b !important;
box-shadow: none !important;
}
/* Nasconde la descrizione breve SOLO nella colonna di destra */
.summary.entry-summary .woocommerce-product-details__short-description {
display: none !important;
}
/* Sistema lo stile della descrizione sotto l’immagine */
.woocommerce-product-details__short-description {
margin-top: 30px;
padding: 20px;
background-color: #fcfcfc; /* Un grigio leggerissimo per dare profondità */
border-top: 1px solid #eeeeee;
line-height: 1.6;
}
/* Cornice Elegante per immagini nelle descrizioni */
.img-cornice {
border: 1px solid #eeeeee; /* Riga sottile grigio chiaro */
padding: 10px; /* Spazio bianco tra foto e bordo (effetto passepartout) */
background-color: #ffffff; /* Sfondo bianco per il bordo */
box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Ombra leggerissima e moderna */
border-radius: 4px; /* Angoli appena arrotondati */
margin-top: 30px;
margin-bottom: 10px;
transition: transform 0.3s ease; /* Effetto al passaggio del mouse */
}
.img-cornice:hover {
transform: scale(1.01); /* Si ingrandisce impercettibilmente al passaggio del mouse */
}
/* Stile specifico per immagini orizzontali/panoramiche nelle descrizioni */
.img-cornice-panoramica {
display: block;
margin: 40px auto !important; /* La centra perfettamente */
width: 100% !important;
max-width: 900px !important; /* Evita che diventi gigantesca su schermi enormi */
height: auto;
padding: 12px;
background-color: #ffffff;
border: 1px solid #f0f0f0;
box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Ombra più profonda per dare risalto */
border-radius: 4px;
}
/* Ottimizzazione per Mobile */
@media (max-width: 768px) {
.img-cornice-panoramica {
margin: 25px auto !important;
padding: 8px;
}
}
/* Stile base per tutti i tag nelle tabelle */
.tag-target {
padding: 4px 10px;
border-radius: 12px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
white-space: nowrap;
}
/* Colori differenziati per tipologia di set */
/* Set Essential / Smart / Basic (Grigio/Blu chiaro) */
.tag-essential {
background-color: #f0f0f0;
color: #666;
}
/* Set Comfort / Standard (Verde) */
.tag-comfort {
background-color: #e6f4ea;
color: #1e7e34;
}
/* Set Superior / Elite / Premium (Oro/Arancione) */
.tag-superior {
background-color: #fff4e5;
color: #b05d00;
}
/* Set Luxury / Full Luxury (Nero o Oro scuro) */
.tag-luxury {
background-color: #333;
color: #fff;
}
/* — STILE TABELLE SOLUZIONI — */
.soluzioni-table-container {
overflow-x: auto;
margin: 20px 0;
border: 1px solid #eee;
border-radius: 8px;
}
.soluzioni-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
color: #333;
text-align: left;
}
.soluzioni-table th {
background-color: #f8f8f8;
color: #000;
font-weight: bold;
padding: 12px;
border-bottom: 2px solid #eee;
}
.soluzioni-table td {
padding: 12px;
border-bottom: 1px solid #eee;
vertical-align: middle;
}
.soluzioni-table tr:nth-child(even) {
background-color: #fafafa;
}
.soluzioni-table tr:hover {
background-color: #f1f1f1;
}
/* — AGGIORNAMENTO TABELLA NATURAL OLIVE — */
/* 1. Forza lo stile del tag In Stock */
.tag-ready {
display: inline-block !important;
padding: 4px 10px !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: bold !important;
text-transform: uppercase !important;
background-color: #e8f5e9 !important; /* Verde pastello */
color: #2e7d32 !important; /* Verde scuro */
border: 1px solid #c8e6c9 !important;
white-space: nowrap !important;
}
/* 2. Centra il tag nell’ultima colonna per ordine visivo */
.soluzioni-table td:last-child {
text-align: center;
}
/* 3. Rendi la tabella leggibile anche da cellulare (Responsive) */
@media screen and (max-width: 600px) {
.soluzioni-table {
font-size: 11px;
}
.soluzioni-table td, .soluzioni-table th {
padding: 8px 4px;
}
}
/* Colore Oro per il pulsante WPForms */
.wpforms-submit {
background-color: #b8860b !important;
color: #fff !important;
border-radius: 4px !important;
padding: 12px 30px !important;
font-size: 18px !important;
font-weight: bold !important;
border: none !important;
}
.wpforms-submit:hover {
background-color: #9a700a !important;
}
/* Effetto Zoom Universale – Funziona anche su Gallerie e Griglie */
.zoom-effetto img,
.zoom-effetto .elementor-image-gallery img,
.zoom-effetto .elementor-portfolio-item img {
transition: transform 0.8s ease-in-out !important;
}
.zoom-effetto:hover img {
transform: scale(1.1) !important;
}
/* Evita che l’immagine esca dai bordi della colonna */
.zoom-effetto {
overflow: hidden !important;
}
/* Allarga la descrizione delle categorie e allinea a sinistra */
.term-description {
max-width: 1200px !important; /* Allarga la sezione */
margin-left: auto !important;
margin-right: auto !important;
text-align: left !important; /* Toglie l’allineamento centrato che schiaccia il testo */
display: block !important;
padding: 20px 0;
}
/* Gestione dell’immagine dentro la descrizione */
.term-description img {
margin-right: 30px !important; /* Spazio tra immagine e testo */
margin-bottom: 20px !important;
border-radius: 4px; /* Un tocco di classe agli angoli */
}
.term-description img {
margin-right: 40px !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Un’ombra leggera per dare profondità */
}
/* Stile Accordion FAQ Categoria – Versione Corretta */
.faq-categoria-custom {
clear: both; /* Fondamentale: riporta il testo sotto l’immagine se lo spazio finisce */
margin-top: 40px;
padding-top: 20px;
}
.faq-categoria-custom details {
border-bottom: 1px solid #eee;
padding: 15px 0;
cursor: pointer;
max-width: 100%;
}
.faq-categoria-custom summary {
font-weight: 600;
list-style: none;
display: flex;
align-items: center;
text-align: left; /* Forza il testo a sinistra */
}
.faq-categoria-custom summary::before {
content: “★”;
color: #d4af37;
margin-right: 15px;
font-size: 1.2em;
}
.faq-categoria-custom p {
padding: 15px 0 15px 40px; /* Sposta la risposta un po’ più a destra rispetto alla stella */
color: #666;
line-height: 1.6;
}
/* Stile FAQ per la Pagina Servizio */
.faq-pagina-servizio {
max-width: 1000px;
margin: 60px auto;
padding: 0 20px;
}
.faq-pagina-servizio details {
border-bottom: 1px solid #ddd;
padding: 20px 0;
cursor: pointer;
transition: all 0.3s ease;
}
.faq-pagina-servizio summary {
font-size: 1.1em;
font-weight: 600;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
}
/* Icona + dorata a destra */
.faq-pagina-servizio summary::after {
content: “+”;
color: #d4af37;
font-size: 1.5em;
font-weight: 300;
}
.faq-pagina-servizio details[open] summary::after {
content: “-“;
}
.faq-pagina-servizio p {
padding: 15px 0 5px 0;
color: #555;
line-height: 1.7;
font-size: 1em;
}
.faq-pagina-servizio details:hover {
border-bottom-color: #d4af37;
}
/* Forza il colore oro sui pulsanti Hotel Line */
.pulsante-oro a .elementor-button-text {
color: #b8860b !important;
}
/* Colore bianco quando ci passi sopra col mouse */
.pulsante-oro a:hover .elementor-button-text {
color: #ffffff !important;
}
/* Stato normale del pulsante */
.pulsante-oro a .elementor-button-text {
color: #b8860b !important;
transition: all 0.3s ease !important; /* Rende il passaggio morbido */
}
/* Stato al passaggio del mouse (Hover) */
.pulsante-oro a:hover .elementor-button-text {
color: #b8860b !important; /* Il testo resta oro */
}
.pulsante-oro .elementor-button:hover {
background-color: rgba(184, 134, 11, 0.05) !important; /* Uno sfondo oro quasi invisibile */
border-color: #b8860b !important; /* Il bordo si accende */
box-shadow: 0px 4px 15px rgba(184, 134, 11, 0.2) !important; /* Leggera luce dorata sotto */
transform: translateY(-2px); /* Il pulsante si alza di 2 pixel (molto chic) */
}
/* Test aggressivo per nascondere l’immagine in evidenza su Botiga */
.page-id-3181 .entry-post-thumbnail, .page-id-3181 .post-thumbnail, .page-id-3181 .botiga-featured-image,
.page-id-3253 .entry-post-thumbnail, .page-id-3253 .post-thumbnail, .page-id-3253 .botiga-featured-image,
.page-id-3100 .entry-post-thumbnail, .page-id-3100 .post-thumbnail, .page-id-3100 .botiga-featured-image,
.page-id-3112 .entry-post-thumbnail, .page-id-3112 .post-thumbnail, .page-id-3112 .botiga-featured-image,
.page-id-3032 .entry-post-thumbnail, .page-id-3032 .post-thumbnail, .page-id-3032 .botiga-featured-image {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Applica la modifica SOLO sul sito pubblico e non nella bacheca di amministrazione */
body:not(.wp-admin) .button.product_type_variable {
font-size: 0 !important;
}
body:not(.wp-admin) .button.product_type_variable::before {
content: “SCEGLI” !important;
font-size: 14px !important;
display: inline-block !important;
}
Visualizzazione di 91-96 di 96 risultati
