/* ==========================================================================
   SeaTech – Armonizzazione stile pagine WooCommerce + preventivo (YITH)
   Font: ereditati dal sito (harmonize automatico). Colori: design system.
   Blu brand #1153C1 · Navy #14183F · Rosso AZIONE #CA2C2C · Acciaio #5B6675 · Nebbia #F4F7FD
   ========================================================================== */

/* --- Fix sovrapposizione header fluttuante: spazio in cima alle pagine WooCommerce/preventivo --- */
.single-product .site-main{ padding-top:0; }
.page-id-1259 .site-main{ padding-top:92px; }
/* Loggati: la barra admin di WordPress (+32px) spinge l'header sul contenuto → più spazio */
.admin-bar.single-product .site-main{ padding-top:0; }
.admin-bar.page-id-1259 .site-main{ padding-top:124px; }
.admin-bar.post-type-archive-product .site-main,
.admin-bar.page-id-1254 .site-main{ padding-top:128px; }

/* --- Scheda prodotto: bilancia le due colonne (galleria non gigante) --- */
.woocommerce div.product .woocommerce-product-gallery{ width:42%; max-width:420px; }
.woocommerce div.product div.summary.entry-summary{ width:54%; padding-left:8px; }
/* la galleria placeholder non deve diventare un quadratone: limito l'altezza */
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img{
  max-height:420px; width:auto; margin-inline:auto;
}
/* spazio sotto al riepilogo per non lasciare un vuoto secco accanto alla galleria */
.woocommerce div.product .product_meta{ margin-top:18px; padding-top:16px; border-top:1px solid #EAEFF7; }
.post-type-archive-product .site-main,
.woocommerce.archive .site-main,
.page-id-1254 .site-main,
.tax-product_cat .site-main,
.tax-pa_marca .site-main{ padding-top:0; }

:root{
  --st-blue:#1153C1; --st-navy:#14183F; --st-red:#CA2C2C; --st-red-h:#A82424;
  --st-steel:#5B6675; --st-fog:#F4F7FD;
  /* Font del sito tramite le variabili globali di Elemento (fallback Manrope = font reale del sito).
     Così queste pagine seguono il font del sito anche se un domani cambia. */
  --st-font-text: var(--e-global-typography-text-font-family, "Manrope"), "Manrope", sans-serif;
  --st-font-head: var(--e-global-typography-primary-font-family, "Manrope"), "Manrope", sans-serif;
}

/* --- Tipografia coerente col sito (font reale: Manrope, via variabile globale) --- */
.woocommerce, .woocommerce-page,
.yith-ywraq-quote-table, .yith-ywraq-request-quote, .ywraq-page{
  font-family:var(--st-font-text); color:var(--st-steel);
}
/* I form NON ereditano il font dal browser: lo forziamo esplicitamente */
.woocommerce button, .woocommerce input, .woocommerce select, .woocommerce textarea,
.woocommerce .button, .add-request-quote-button, .add-request-quote-button-addons,
.yith-ywraq-quote-table button, .yith-ywraq-quote-table input,
.yith-ywraq-mail-form button, .yith-ywraq-mail-form input, .yith-ywraq-mail-form textarea{
  font-family:var(--st-font-text);
}
.woocommerce .product_title,
.woocommerce h1,.woocommerce h2,.woocommerce h3,
.yith-ywraq-request-quote h1,.yith-ywraq-request-quote h2{
  font-family:var(--st-font-head); color:var(--st-navy);
}
/* Titolo scheda macchina: dimensione controllata (il default del tema è enorme) */
.woocommerce div.product .product_title.entry-title{
  font-size:clamp(1.7rem,2.8vw,2.4rem)!important; line-height:1.15!important;
  margin:0 0 .35em!important;
}

/* --- Link in blu brand ---
   ATTENZIONE (23/09/2026): la regola diceva `.woocommerce a:not(.button)` e su body.woocommerce
   colpiva TUTTA la pagina, header e footer compresi: la scritta del tasto USATO in testata
   diventava blu invece che bianca. Ora vale solo dentro il contenuto, e header/footer
   Elementor sono esclusi esplicitamente. */
.woocommerce .site-main a:not(.button):not(.add-request-quote-button):not(.elementor-button),
.yith-ywraq-quote-table a:not(.button){ color:var(--st-blue); }
.woocommerce .site-main a:not(.button):not(.elementor-button):hover{ color:var(--st-navy); }
.elementor-location-header a,
.elementor-location-footer a{ color:inherit; }
.elementor-location-header .elementor-button,
.elementor-location-header .elementor-button-text{ color:#fff!important; }

/* --- Prezzo: navy, deciso --- */
.woocommerce .price,
.woocommerce span.woocommerce-Price-amount,
.woocommerce ul.products li.product .price{
  color:var(--st-navy)!important; font-weight:700;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{ font-size:1.6em; }

/* --- Bottoni NEUTRI/brand (blu) --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background:var(--st-blue); color:#fff; border:0;
  border-radius:6px; font-weight:600; letter-spacing:.02em;
  padding:.7em 1.4em; transition:background .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{ background:var(--st-navy); color:#fff; }

/* --- Bottoni AZIONE (rosso): richiesta preventivo / aggiungi alla richiesta / invia --- */
.add-request-quote-button,
.add-request-quote-button-addons,
a.add_to_quote_button,
.single_add_to_request_quote .button,
.woocommerce div.product form.cart .button,
button[name="ywraq_send_request"],
.raq-send-request,
button.raq-send-request,
.seatech-similar-button,
.woocommerce a.button.seatech-similar-button,
.yith-ywraq-mail-form button[type="submit"],
.ywraq-submit,
.woocommerce .add-request-quote-button.button{
  background:var(--st-red)!important; color:#fff!important; border:0!important;
  border-radius:16px!important; font-weight:700!important;       /* 16px = come il tasto USATO */
  padding:.85em 1.8em!important; transition:background .15s ease!important;
}
.add-request-quote-button:hover,
.add-request-quote-button-addons:hover,
button[name="ywraq_send_request"]:hover,
.yith-ywraq-mail-form button[type="submit"]:hover{
  background:var(--st-red-h)!important; color:#fff!important;
}

/* --- Tabelle (specifiche prodotto + lista preventivo): pulite, righe alternate Nebbia --- */
.woocommerce table.shop_table,
.woocommerce-product-attributes,
.yith-ywraq-quote-table table{
  border:1px solid #E4E9F2; border-radius:8px; overflow:hidden; border-collapse:separate;
}
.woocommerce table.shop_table th,
.yith-ywraq-quote-table th{
  background:var(--st-navy); color:#fff; font-weight:600; text-align:left;
}

/* Tabella specifiche della macchina.
   ATTENZIONE (23/09/2026): qui le etichette erano bianche su navy, ma la regola delle
   righe alternate ridipingeva il FONDO di Nebbia lasciando il TESTO bianco → etichette
   illeggibili, bianco su grigio chiaro. Ora il colore del testo non dipende più dalla
   riga: etichetta sempre navy su Nebbia, valore sempre acciaio su bianco. */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td{
  padding:12px 16px!important; border-bottom:1px solid #E4E9F2; vertical-align:top;
}
.woocommerce-product-attributes th{
  background:var(--st-fog)!important; color:var(--st-navy)!important;
  font-weight:600!important; text-align:left; width:34%; white-space:normal;
}
.woocommerce-product-attributes td,
.woocommerce-product-attributes td p{
  background:#fff!important; color:var(--st-navy)!important;
  font-style:normal!important;           /* WooCommerce mette i valori in corsivo */
  margin:0;
}
.woocommerce-product-attributes tr:last-child th,
.woocommerce-product-attributes tr:last-child td{ border-bottom:0; }

/* Il titolo "Informazioni aggiuntive" ripeteva l'etichetta della linguetta appena sopra,
   a corpo enorme: due volte la stessa parola a due centimetri di distanza. */
.woocommerce div.product .woocommerce-Tabs-panel--additional_information > h2,
.woocommerce div.product .woocommerce-Tabs-panel--description > h2{
  font-size:1.35rem!important; margin:0 0 14px!important; color:var(--st-navy);
}

/* --- Tab scheda prodotto (Descrizione / Informazioni) --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background:#fff; border-bottom:3px solid var(--st-red);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:var(--st-navy); font-weight:600; }

/* --- Messaggi/avvisi (es. lista preventivo vuota) --- */
.woocommerce .woocommerce-info,
.woocommerce-message{
  border-top-color:var(--st-blue); background:var(--st-fog); color:var(--st-navy);
}
.woocommerce .woocommerce-message::before{ color:var(--st-blue); }
.woocommerce .woocommerce-info::before{ color:var(--st-blue); }

/* ==========================================================================
   PAGINA "RICHIESTA PREVENTIVO" (id 1259) — cura grafica dedicata
   ========================================================================== */
.page-id-1259{ background:var(--st-fog); }
/* Contenitore mio: centra e distanzia dall'header, indipendente dal template */
.seatech-quote-wrap{
  max-width:1040px; margin:0 auto; padding:104px clamp(16px,4vw,32px) 72px;
}
.admin-bar .seatech-quote-wrap{ padding-top:136px; }
.page-id-1259 .entry-content,
.page-id-1259 .page-content,
.page-id-1259 main{
  max-width:1040px; margin-inline:auto;
}
.page-id-1259 .entry-title,
.page-id-1259 h1.entry-title{
  font-family:var(--st-font-head); color:var(--st-navy);
  font-size:clamp(1.9rem,4vw,2.6rem); margin-bottom:.25em;
}
/* Intro sotto al titolo */
.page-id-1259 .ywraq-intro{
  color:var(--st-steel); font-size:1.05rem; line-height:1.6; max-width:680px; margin:0 0 28px;
}

/* Contenitore a "card" per lista + modulo */
.page-id-1259 .yith-ywraq-quote-table,
.page-id-1259 .yith-ywraq-mail-form,
.page-id-1259 .woocommerce-info{
  background:#fff; border:1px solid #E4E9F2; border-radius:14px;
  padding:24px clamp(16px,3vw,28px); box-shadow:0 6px 22px rgba(20,24,63,.05);
  margin-bottom:24px;
}

/* Tabella preventivo: testata navy, righe ariose */
.page-id-1259 table.shop_table{ border:0; box-shadow:none; }
.page-id-1259 table.shop_table thead th{
  background:var(--st-navy); color:#fff; padding:14px 16px;
  text-transform:uppercase; font-size:.82rem; letter-spacing:.04em;
}
.page-id-1259 table.shop_table td{ padding:16px; border-top:1px solid #EEF2F9; vertical-align:middle; }
.page-id-1259 .product-thumbnail img{ width:72px; height:auto; border-radius:8px; }
.page-id-1259 a.remove,
.page-id-1259 .ywraq-remove a{
  color:var(--st-red)!important; border:1px solid #EAD3D3; border-radius:50%;
}

/* Stato VUOTO curato */
.page-id-1259 .woocommerce-info{
  text-align:center; font-size:1.05rem; color:var(--st-navy);
  border-top:1px solid #E4E9F2; padding:40px 24px;
}
.page-id-1259 .ywraq-empty-cta{
  display:inline-block; margin-top:14px; background:var(--st-red); color:#fff;
  font-weight:700; padding:.8em 1.6em; border-radius:8px; text-decoration:none;
}
.page-id-1259 .ywraq-empty-cta:hover{ background:var(--st-red-h); color:#fff; }

/* Modulo invio: campi puliti, etichette navy */
.page-id-1259 .yith-ywraq-mail-form label{
  display:block; color:var(--st-navy); font-weight:600; margin:14px 0 6px;
}
.page-id-1259 .yith-ywraq-mail-form input,
.page-id-1259 .yith-ywraq-mail-form textarea{
  width:100%; border:1px solid #D7DEEA; border-radius:8px; padding:12px 14px;
  background:#fff; color:var(--st-navy);
}
.page-id-1259 .yith-ywraq-mail-form input:focus,
.page-id-1259 .yith-ywraq-mail-form textarea:focus{
  outline:none; border-color:var(--st-blue); box-shadow:0 0 0 3px rgba(17,83,193,.12);
}

/* Titolo della pagina (il tema non mostra l'entry-title qui) */
.page-id-1259 .ywraq-title{
  font-family:var(--st-font-head); color:var(--st-navy);
  font-size:clamp(1.9rem,4vw,2.6rem); margin:0 0 .25em;
}
/* Messaggio "Nessun prodotto in elenco": meno triste */
.page-id-1259 .yith-ywraq-cart-form p,
.page-id-1259 #yith-ywraq-form p,
.page-id-1259 .yith_ywraq_cart > p{
  text-align:center; color:var(--st-steel); font-size:1.05rem; padding:24px 0 6px; margin:0;
}
/* CTA al catalogo (sempre visibile) */
.page-id-1259 .ywraq-cta-wrap{ text-align:center; margin:6px 0 26px; }

/* Banda contatti alternativi in fondo */
.page-id-1259 .ywraq-contact{
  margin-top:8px; padding:22px 24px; border-radius:14px;
  background:var(--st-navy); color:#fff; display:flex; gap:24px; flex-wrap:wrap;
  align-items:center; justify-content:space-between;
}
.page-id-1259 .ywraq-contact a{ color:#fff; font-weight:700; }

/* --- Card prodotto nel catalogo: stacco pulito --- */
.woocommerce ul.products li.product{
  background:#fff; border:1px solid #E9EEF7; border-radius:10px;
  padding:14px; transition:box-shadow .15s ease, transform .15s ease;
}
.woocommerce ul.products li.product:hover{
  box-shadow:0 8px 24px rgba(20,24,63,.10); transform:translateY(-2px);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--st-navy); font-weight:600;
}
.woocommerce ul.products li.product .price{ display:block; margin:6px 0 14px; }
/* Bottone "Aggiungi al preventivo" sulla card: pieno larghezza, rosso azione */
.woocommerce ul.products li.product .add-request-quote-button{
  display:block; width:100%; text-align:center; margin-top:auto;
}

/* Breadcrumb WooCommerce: nascosto per ora (si tagliava sotto l'header;
   verrà rifatto stilizzato nel template di fase 4) */
.woocommerce-breadcrumb{ display:none; }

/* ===== Macchina VENDUTA (esaurita) ===== */
.woocommerce ul.products li.product{ position:relative; }
.seatech-sold-badge{
  position:absolute; top:14px; left:14px; z-index:6;
  background:var(--st-red); color:#fff; font-weight:800;
  font-size:.74rem; letter-spacing:.08em; padding:6px 12px; border-radius:6px;
  box-shadow:0 2px 8px rgba(202,44,44,.35);
}
.seatech-sold-badge--single{ position:static; display:inline-block; margin:0 0 12px; font-size:.85rem; }
.seatech-sold-note{ color:var(--st-navy); font-weight:700; margin:0 0 10px; }
/* nascondo "Esaurito" di default: badge VENDUTA + nota bastano e sono più in tono */
.woocommerce div.product .stock.out-of-stock{ display:none; }
/* sulle vendute niente bottone preventivo YITH (resta solo "Cerco una simile") */
.product.outofstock .add-request-quote-button,
.product.outofstock .yith-ywraq-add-button,
li.product.outofstock .add-request-quote-button{ display:none!important; }
/* card venduta: foto leggermente desaturata per segnalare lo stato */
li.product.outofstock .woocommerce-product-gallery,
li.product.outofstock img{ filter:grayscale(.25) opacity(.92); }

/* Bottone "Aggiorna Elenco" (azione secondaria) resta blu/neutro: lo lasciamo com'è.
   Card del catalogo a colonna così il bottone va in fondo */
.woocommerce ul.products li.product{ display:flex; flex-direction:column; }

/* --- Catalogo a due colonne: prodotti + richiesta in corso (23/09/2026) --- */
body.woocommerce .seatech-shop-layout,
.seatech-shop-layout{
  display:grid!important; grid-template-columns:minmax(0,1fr) 296px!important;
  gap:34px; align-items:start;
  max-width:1200px; margin-inline:auto; padding-inline:16px;
}
.seatech-shop-main{ min-width:0; }
.seatech-shop-aside{ position:sticky; top:118px; }
.seatech-raq-box{
  background:var(--st-fog); border:1px solid #E4E9F2; border-radius:14px; padding:22px 20px;
}
.seatech-raq-box h3{
  font-family:var(--st-font-head); color:var(--st-navy);
  font-size:1.15rem!important; margin:0 0 12px!important;
}
.seatech-raq-n{ color:var(--st-navy); margin:0 0 14px; font-size:1.02rem; }
.seatech-raq-n strong{ font-size:1.5rem; }
.seatech-raq-vuota{ color:var(--st-navy); font-weight:600; margin:0 0 8px; }
.seatech-raq-come{ color:var(--st-steel); font-size:.92rem; line-height:1.5; margin:0; }
.woocommerce a.button.seatech-raq-cta,
.seatech-raq-cta{
  display:block; text-align:center; background:var(--st-red)!important; color:#fff!important;
  border-radius:999px; padding:13px 18px!important; font-weight:600; text-decoration:none;
}
.woocommerce a.button.seatech-raq-cta:hover{ background:var(--st-red-h)!important; }
.seatech-raq-contatti{
  margin-top:18px; padding-top:16px; border-top:1px solid #DDE4F0;
}
.seatech-raq-contatti p{ margin:0 0 6px; color:var(--st-steel); font-size:.88rem; }
.seatech-raq-contatti a{
  display:block; color:var(--st-blue)!important; font-weight:600; text-decoration:none;
  font-size:.95rem; line-height:1.7;
}
/* Sotto i 1100px la colonna scende sotto i prodotti */
@media (max-width:1100px){
  .seatech-shop-layout{ grid-template-columns:1fr; }
  .seatech-shop-aside{ position:static; }
}

/* Col catalogo a due colonne, quattro prodotti per riga diventano troppo stretti
   (il bottone andava a capo tre volte). Tre per riga, e il blocco titolo con
   un'altezza minima cosi' le card restano allineate anche con titoli lunghi:
   era il difetto visto il 23/09 col catalogo pieno. */
.seatech-shop-main ul.products{
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px;
}
.seatech-shop-main ul.products li.product{
  width:auto!important; margin:0!important; float:none!important;
  /* WooCommerce 11 dispone gia' ul.products a griglia e puo' fissare la colonna dei
     figli: senza questo, la prima card partiva dalla seconda casella lasciando un buco. */
  grid-column:auto!important; grid-row:auto!important; clear:none!important;
}
.seatech-shop-main ul.products li.product .woocommerce-loop-product__title{
  min-height:3.1em; display:block; font-size:1.02rem!important; line-height:1.35;
}
.seatech-shop-main ul.products li.product .price{ min-height:1.6em; display:block; }
.seatech-shop-main ul.products li.product .button{ margin-top:auto; white-space:normal; }
@media (max-width:1100px){
  .seatech-shop-main ul.products{ grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:640px){
  .seatech-shop-main ul.products{ grid-template-columns:1fr!important; }
}

/* Il buco nella prima casella non era un prodotto mancante: era lo pseudo-elemento
   di clearfix del tema (ul.products::before), che in una griglia CSS occupa una cella. */
.seatech-shop-main ul.products::before,
.seatech-shop-main ul.products::after{ display:none!important; content:none!important; }

/* --- Testata del catalogo: e' il template Elementor vero del sito (#seatech_hero_template_id),
   quindi NON si ristila. Qui solo il contorno: niente spinta dall'header fluttuante,
   perche' la testata ci passa gia' sotto come nelle altre pagine. --- */
.seatech-testata-catalogo{ margin-bottom:34px; }
/* Col la fascia, il contenuto non deve piu' essere spinto giu' dall'header fluttuante */
.post-type-archive-product .site-main,
.tax-product_cat .site-main,
.admin-bar.post-type-archive-product .site-main,
.tax-pa_marca .site-main{ padding-top:0!important; }
.seatech-shop-layout{ padding-top:0; }

/* Il box della richiesta parte allineato alla prima riga di macchine, non al titolo:
   scavalca la barra "Visualizzazione di N risultati / Ordinamento". */
.seatech-shop-aside{ margin-top:64px; }
@media (max-width:1100px){ .seatech-shop-aside{ margin-top:0; } }

/* Il titolo dell'archivio e' gia' nella testata: sotto sarebbe la stessa frase due volte. */
.post-type-archive-product .woocommerce-products-header__title,
.tax-product_cat .woocommerce-products-header__title,
.post-type-archive-product h1.page-title,
.tax-product_cat h1.page-title{ display:none!important; }

/* ===== Macchina NUOVA (attributo Condizioni = Nuov…) — gemello di VENDUTA, rosso (Federico 24/09) ===== */
.seatech-new-badge{
  position:absolute; top:14px; left:14px; z-index:6;
  background:var(--st-red); color:#fff; font-weight:800;
  font-size:.74rem; letter-spacing:.08em; padding:6px 12px; border-radius:6px;
  box-shadow:0 2px 8px rgba(202,44,44,.35);
}
.seatech-new-badge--single{ position:static; display:inline-block; margin:0 0 12px; font-size:.85rem; }

/* Richiesta preventivo con la testata (24/09): il titolo sta nella testata, l'h2 della pagina
   sarebbe un doppione; e la testata va a tutta larghezza anche qui. */
.page-id-1259 .seatech-testata-preventivo ~ .seatech-quote-wrap .ywraq-title{ display:none; }
.page-id-1259 .seatech-testata-preventivo{ width:100vw; margin-left:calc(50% - 50vw); }

/* Catalogo nel modello Elementor «Catalogo macchine» (#1363, 24/09/2026): il widget
   Archivio prodotti del Pro azzera il padding delle card con un selettore piu' forte
   del nostro. Si rimette lo stesso stacco del catalogo WooCommerce, cosi' le card
   restano identiche. */
.seatech-shop-main .elementor-widget-wc-archive-products ul.products li.product{
  padding:14px!important;
}
.seatech-shop-main .elementor-widget-wc-archive-products ul.products li.product img{
  margin-bottom:12px;
}

/* Barra filtri del catalogo (24/09/2026) — al posto dell'ordinamento */
.seatech-filtri{
  display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px 16px;
  background:var(--st-fog); border:1px solid #E4E9F2; border-radius:14px;
  padding:14px 16px; margin:0 0 18px;
}
.seatech-filtro{ display:flex; flex-direction:column; gap:4px; flex:1 1 180px; min-width:0; margin:0; }
.seatech-filtro span{
  font-family:var(--st-font-head); color:var(--st-navy); font-weight:600; font-size:.82rem;
  letter-spacing:.02em;
}
.seatech-filtro select{
  width:100%; font-family:var(--st-font-text); color:var(--st-navy); font-size:.95rem;
  padding:9px 12px; border:1px solid #D5DDEA; border-radius:8px; background:#fff;
}
.seatech-filtro select:focus{ outline:none; border-color:var(--st-blue); box-shadow:0 0 0 3px rgba(17,83,193,.12); }
.seatech-filtri-azzera{
  align-self:center; color:var(--st-blue)!important; font-weight:600; font-size:.9rem;
  text-decoration:underline; white-space:nowrap; padding:8px 0;
}
/* Nel modello Elementor la colonna «La tua richiesta» parte in linea con la barra filtri:
   il margine di 64px serviva a scavalcare la vecchia riga conteggio/ordinamento. */
.elementor-widget.seatech-shop-aside{ margin-top:0!important; }

/* Richiesta preventivo: sulle macchine usate la quantità è fissa a 1 (casella in sola
   lettura): si mostra come testo, non come un campo che sembra modificabile. */
.page-id-1259 .product-quantity input.qty[readonly]{
  border:0!important; background:transparent!important; box-shadow:none!important;
  padding:0!important; width:auto!important; pointer-events:none;
  font-weight:600; color:var(--st-navy);
}

/* «Chiedi informazioni tecniche» (24/09/2026): secondo pulsante, sotto quello del preventivo */
.seatech-info{ margin:12px 0 0; }
.seatech-info > summary{ list-style:none; cursor:pointer; }
.seatech-info > summary::-webkit-details-marker{ display:none; }
.woocommerce .seatech-info-bottone,
.seatech-info-bottone{
  display:inline-block; background:#fff!important; color:var(--st-navy)!important;
  border:2px solid var(--st-navy)!important; border-radius:999px; padding:10px 22px!important;
  font-weight:600; font-family:var(--st-font-text);
}
.seatech-info[open] > .seatech-info-bottone{ background:var(--st-fog)!important; }
.seatech-info-form{
  margin-top:14px; background:var(--st-fog); border:1px solid #E4E9F2; border-radius:14px; padding:18px;
}
.seatech-info-form p{ margin:0 0 12px; }
.seatech-info-form label{ display:block; font-family:var(--st-font-head); color:var(--st-navy); font-weight:600; font-size:.86rem; }
.seatech-info-form input[type=text],.seatech-info-form input[type=email],.seatech-info-form input[type=tel],.seatech-info-form textarea{
  display:block; width:100%; margin-top:4px; font-family:var(--st-font-text); font-weight:400; font-size:.95rem;
  padding:9px 12px; border:1px solid #D5DDEA; border-radius:8px; background:#fff; color:var(--st-navy);
}
.seatech-info-riga{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 12px; }
@media (max-width:640px){ .seatech-info-riga{ grid-template-columns:1fr; } }
.seatech-info-intro{ color:var(--st-steel); font-size:.92rem; }
.seatech-info-privacy label{ font-family:var(--st-font-text); font-weight:400; color:var(--st-steel); font-size:.85rem; }
.seatech-info-privacy input{ margin-right:6px; }
.seatech-info-trappola{ position:absolute!important; left:-10000px!important; width:1px; height:1px; overflow:hidden; }
.seatech-info-errore{ color:var(--st-red); font-weight:600; }
.seatech-info--ok{ margin-top:14px; background:#EAF6EE; border:1px solid #BFE3CB; color:#1E5A33; border-radius:12px; padding:14px 16px; }