/*
Theme Name: WebNet 2026
Theme URI: https://www.webnet-italia.com
Version: 3.6
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Description: Smart. Fast. Flexible. Beautiful. Light. WebNet WordPress Theme is the most powerful theme in our collection.
Author: Tommaso Capretti
Author URI: https://www.webnet-italia.com
Template: Divi
*/
@import url(../Divi/style.css);
#main-header { box-shadow: none !important; } /* Linea menù divi tolta */
.et_pb_contact p input[type=checkbox]+label i {
    background-color: #000 !important;
    border: 1px solid #FFFFFF !important;
}
.et_pb_contact_field_options_title, .et-pb-contact-message {
	color: #FFFFFF;
}
.wpcf7-text, .wpcf7-select, .wpcf7-radio, .wpcf7-textarea, .wpcf7-number, .wpcf7-date, .wpcf7-captchar {
background-color: #eee !important;
border: 1px solid black !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #000 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #000 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 600;
border: 1px solid black !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7 .et_pb_contact p input[type=checkbox] {
	display: inline;
	-webkit-appearance: radio !important;
}

.wpcf7-submit:hover {
    background-color: #666;
    border-color: #666;
    padding: 16px !important;
	color: #FFF !important;
	font-weight: bold;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}
.wpcf7 form.sent .wpcf7-response-output {
font-size: 20px;
    font-weight: bold;
    border: 5px solid #46b450;
    margin: -15px 0 0 0 !important;
/*  color: #FFF;
    background-color: #000; */
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted {
    font-size: 20px;
    border: 5px solid #ffb900;
    margin: -15px 0 0 0 !important;
/*    background-color: #000;
    color: #FFF; */
}
span .wpcf7-not-valid {
    border: 5px solid #ff0000 !important;
}
/*
 * INIZIO - Stili personalizzati per il pulsante "Richiesta Preventivo"
 * del plugin WP Request a Quote.
 */

/* Stile principale del pulsante */
.wpraq-quote-button {
    background-color: #05ad4e !important; /* Colore di sfondo blu (puoi cambiarlo) */
    color: #ffffff !important;            /* Colore del testo bianco */
    border-radius: 5px !important;        /* Angoli leggermente arrotondati */
    border: 1px solid #005cb3 !important; /* Bordo solido */
    padding: 12px 24px !important;        /* Spaziatura interna per renderlo più grande */
    font-size: 16px !important;           /* Dimensione del testo */
    text-transform: uppercase !important; /* Testo in maiuscolo */
    font-weight: bold !important;         /* Testo in grassetto */
    line-height: 1.2 !important;          /* Altezza della riga per centrare il testo verticalmente */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Effetto di transizione morbida */
}

/* Stile del pulsante quando il mouse ci passa sopra (hover) */
.wpraq-quote-button:hover {
    background-color: #005cb3 !important; /* Colore di sfondo più scuro al passaggio del mouse */
    color: #ffffff !important;            /* Colore del testo (invariato) */
    transform: translateY(-2px);          /* Leggero effetto di sollevamento */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra per dare profondità */
}
.wpraq-quote-button-container {margin-bottom: 10px;}
/*
 * FINE - Stili personalizzati per il pulsante "Richiesta Preventivo"
 * del plugin WP Request a Quote.
 */
/*
======================================================
 CSS Stile Categorie Prodotto per WooCommerce + Divi
 v2.0 - Stile uniforme per tutte le categorie principali
======================================================
*/

/* Contenitore del widget per uniformare lo stile */
.et_pb_widget.widget_product_categories {
    padding: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
}

/* Titolo del widget */
.widget_product_categories .widgettitle {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 2px solid #2ea3f2; /* Bordo con colore primario */
    margin-bottom: 20px;
}

/* --- SEPARAZIONE TRA GRUPPI DI CATEGORIE --- */

/* Stile per ogni elemento di primo livello */
.widget_product_categories .product-categories > li {
    padding-bottom: 15px; /* Spazio sotto ogni gruppo */
    margin-bottom: 15px;  /* Margine per aumentare la separazione */
    border-bottom: 1px solid #eaeaea; /* Linea di separazione grigio chiaro */
}

/* Rimuove bordo e spaziatura extra per l'ultimo elemento */
.widget_product_categories .product-categories > li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* --- STILE CATEGORIE PRINCIPALI (EVIDENZIATE) --- */

/* * CORREZIONE: Selettore modificato per includere TUTTE le categorie di primo livello,
 * anche quelle senza sotto-categorie.
*/
.widget_product_categories .product-categories > li > a {
    font-weight: 700; /* Testo in grassetto */
    font-size: 16px;  /* Dimensione del font leggermente più grande */
    color: #333;      /* Colore del testo più scuro */
    display: block;   /* Assicura che l'area cliccabile sia più grande */
    transition: color 0.3s ease;
}

/* --- STILE SOTTO-CATEGORIE (MENO MARCATE) --- */

/* Contenitore delle sotto-categorie */
.widget_product_categories ul.children {
    margin-top: 12px !important;
    padding-left: 15px !important; /* Indentazione per la gerarchia */
    border-left: 2px solid #f0f0f0; /* Linea verticale per indicare l'annidamento */
}

.widget_product_categories ul.children li {
    padding: 4px 0; /* Aggiunge un po' di respiro verticale tra le sotto-categorie */
}

/* Link delle sotto-categorie */
.widget_product_categories ul.children li a {
    font-weight: 400; /* Font normale, non grassetto */
    font-size: 14px;
    color: #666;      /* Colore grigio standard */
}

/* --- STATI ATTIVI E HOVER --- */

/* Colore al passaggio del mouse per tutti i link */
.widget_product_categories li a:hover {
    color: #2ea3f2; /* Colore primario del tuo tema */
}

/* Stile per la categoria attualmente selezionata */
.widget_product_categories li.current-cat > a,
.widget_product_categories li.current-cat-parent > a {
    color: #2ea3f2; /* Colore primario per evidenziare la selezione */
    font-weight: 700; /* La categoria attiva è sempre in grassetto */
}
/*
======================================================
 CSS Stile Widget Ricerca Prodotti per WooCommerce + Divi
======================================================
*/

/* Contenitore principale del widget di ricerca */
.et_pb_widget.widget_product_search {
    padding: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    margin-top: 30px; /* Aggiunge spazio dal widget delle categorie sopra */
}

/* Form di ricerca: lo impostiamo come contenitore flessibile e relativo */
.widget_product_search .woocommerce-product-search {
    position: relative;
    display: flex;
}

/* Campo di input della ricerca */
.widget_product_search .search-field {
    flex-grow: 1; /* Occupa tutto lo spazio disponibile */
    height: 48px;
    padding: 0 50px 0 20px; /* Spazio a dx per l'icona, a sx per il testo */
    border: 1px solid #e0e0e0;
    border-radius: 5px; /* Bordi arrotondati */
    background-color: #f9f9f9;
    font-size: 14px;
    color: #666;
    -webkit-appearance: none; /* Rimuove stili di default su iOS */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Stile per il testo segnaposto (placeholder) */
.widget_product_search .search-field::placeholder {
    color: #999;
    opacity: 1;
}

/* Stile quando il campo di ricerca è attivo (focus) */
.widget_product_search .search-field:focus {
    outline: none;
    border-color: #2ea3f2; /* Colore primario del tema */
    box-shadow: 0 0 0 2px rgba(46, 163, 242, 0.2); /* Leggero bagliore blu */
}

/* Pulsante di ricerca (lo trasformiamo in un'icona) */
.widget_product_search button[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 48px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 0; /* Nasconde il testo "Cerca" */
    color: transparent;
}

/* Creazione dell'icona della lente d'ingrandimento */
.widget_product_search button[type="submit"]::before {
    content: '\55'; /* Codice per l'icona di ricerca del font di Divi */
    font-family: 'ETmodules';
    font-size: 18px;
    color: #666;
    display: block;
    transition: color 0.3s ease;
}

/* Effetto al passaggio del mouse sull'icona */
.widget_product_search button[type="submit"]:hover::before {
    color: #2ea3f2; /* Colore primario del tema */
}
/* Evidenziare la scritta "ESAURITO" */
.woocommerce p.stock.out-of-stock {
    display: inline-block;
    color: #b30000;
    font-weight: bold;
    font-size: 1.2em;
    border: 2px solid #b30000;
    padding: 5px 10px;
    border-radius: 8px;
    text-transform: uppercase;
}