/* ============================================================
   Lonigro 1918 — Scudo di compatibilità con il tema
   Attivo quando il widget ha lo "Scudo CSS" acceso (classe .lng-shield).
   Il foglio è caricato sempre: lo scudo è una scelta del widget, non del
   tema, così vale con OceanWP e con qualunque altro tema.

   Perché serve: i temi WooCommerce applicano CSS globale molto largo
   (liste, pulsanti, link, titoli, .button) che entrerebbe nelle schede
   prodotto e nel menu. Dentro i nostri widget vogliamo il design Lonigro.

   Regola d'ingaggio: interveniamo solo dentro .lng-hf / .lng-products-widget,
   mai sul resto del sito. Gli stili specifici di OceanWP stanno invece in
   lonigro-oceanwp.css, caricato solo quando quel tema è attivo.
   ============================================================ */

/* ---------- tipografia: la parte che i temi sovrascrivono sempre ----------
   L'ordine di caricamento fra CSS del tema e CSS del plugin non è garantito,
   quindi qui serve !important: senza, un semplice `.tema h2 {font-family:...}`
   con la stessa specificità vince solo perché arriva dopo. */
.lng-shield .lng-sec-title,
.lng-shield .lng-card-name,
.lng-shield .lng-brand-txt b,
.lng-shield .lng-drawer-hd h3,
.lng-shield .lng-search-form input[type="search"],
.lng-shield .lng-mnav-body a,
.lng-shield .lng-ftr-contact b,
.lng-shield .lng-addr b{
  font-family:var(--lng-display) !important;
}
.lng-shield .lng-eyebrow,
.lng-shield .lng-tab,
.lng-shield .lng-nav a,
.lng-shield .lng-mega h4,
.lng-shield .lng-ftr h4,
.lng-shield .lng-bar-seq span,
.lng-shield .lng-card-brand,
.lng-shield .lng-badge span,
.lng-shield .lng-btn,
.lng-shield .lng-sec-intro,
.lng-shield .lng-ftr-links li a,
.lng-shield .lng-ftr-brand p{
  font-family:var(--lng-body) !important;
}
.lng-shield .lng-sec-title,
.lng-shield .lng-eyebrow,
.lng-shield .lng-tab,
.lng-shield .lng-nav a,
.lng-shield .lng-mega h4,
.lng-shield .lng-ftr h4,
.lng-shield .lng-bar-seq span,
.lng-shield .lng-card-brand,
.lng-shield .lng-badge span,
.lng-shield .lng-btn,
.lng-shield .lng-mnav-body a,
.lng-shield .lng-brand-txt b,
.lng-shield .lng-brand-txt small{
  text-transform:uppercase !important;
}
.lng-shield .lng-card-name,
.lng-shield .lng-sec-intro,
.lng-shield .lng-ftr-brand p,
.lng-shield .lng-ftr-links li a,
.lng-shield .lng-mega li a,
.lng-shield .lng-vat,
.lng-shield .lng-cart-note{
  text-transform:none !important;
}

/* ---------- azzeramento mirato ---------- */
/* Le righe dei pannelli laterali hanno un loro padding, che è struttura e
   non stile del tema: vanno escluse da questo azzeramento. */
.lng-shield ul:not(.lng-cart-list):not(.lng-wish-list):not(.woocommerce-mini-cart):not(.cart_list):not(.product_list_widget),
.lng-shield ol,
.lng-shield li:not(.lng-ci):not(.lng-wish-item):not(.woocommerce-mini-cart-item):not(.mini_cart_item){
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
}
.lng-shield li::before,
.lng-shield li::marker{content:none !important}

.lng-shield a{
  text-decoration:none !important;
  box-shadow:none !important;
  border-radius:0;
}
.lng-shield .lng-card-name a,
.lng-shield .lng-ftr-links li a,
.lng-shield .lng-mega li a,
.lng-shield .lng-nav a,
.lng-shield .lng-mnav-body a,
.lng-shield .lng-tab{
  color:inherit;
}


.lng-shield h1,.lng-shield h2,.lng-shield h3,
.lng-shield h4,.lng-shield h5,.lng-shield h6,
.lng-shield p{
  margin-block:0;
  text-transform:none;
  letter-spacing:inherit;
}
.lng-shield .lng-sec-title{text-transform:uppercase}

.lng-shield button,
.lng-shield input,
.lng-shield select{
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
  box-shadow:none !important;
  text-shadow:none !important;
  min-height:0 !important;
  line-height:1;
}

.lng-shield img{
  max-width:100%;
  height:auto;
  border-radius:0 !important;
  box-shadow:none !important;
}
.lng-shield .lng-card-img img{height:100%}

/* ---------- pulsante aggiungi al carrello ----------
   I temi stilano .button e .add_to_cart_button in modo molto marcato:
   qui riportiamo il pulsante al design Lonigro senza toccarne il
   comportamento AJAX. */
.lng-shield .lng-card-add.button,
.lng-shield .lng-card-add.add_to_cart_button,
.lng-shield .lng-card-media .added_to_cart{
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-transform:uppercase !important;
  letter-spacing:var(--lng-track,.26em) !important;
  font-family:var(--lng-body) !important;
  font-weight:500 !important;
  opacity:1;
}
.lng-shield .lng-card-add,
.lng-shield .lng-card-add.button,
.lng-shield .lng-card-add.add_to_cart_button{
  background-color:var(--lng-add-bg, rgba(43,33,25,.94)) !important;
  color:var(--lng-add-fg, #E9E4D8) !important;
}
.lng-shield .lng-card-add:hover,
.lng-shield .lng-card-add.button:hover,
.lng-shield .lng-card-add.add_to_cart_button:hover,
.lng-shield .lng-card-add.added,
.lng-shield .lng-card-add.is-added,
.lng-shield .lng-card-media .added_to_cart{
  background-color:var(--lng-add-bg-h, #C6A567) !important;
  color:var(--lng-add-fg-h, #12171A) !important;
}
/* I colori di nome, marchio e prezzo restano al foglio principale:
   là cambiano con lo sfondo della sezione (chiaro nello shop, scuro nel
   carosello "I più scelti"), qui verrebbero fissati per tutti. */

.lng-shield .lng-card-add.button::before,
.lng-shield .lng-card-add.button::after,
.lng-shield .lng-card-add.add_to_cart_button::before,
.lng-shield .lng-card-add.add_to_cart_button::after{
  content:none !important;
}
/* Alcuni temi mostrano uno spinner proprio sui pulsanti in stato loading */
.lng-shield .lng-card-add.loading::after{
  content:"" !important;
  display:inline-block;width:11px;height:11px;margin-left:.7em;vertical-align:-1px;
  border:1px solid currentColor;border-top-color:transparent;border-radius:50%;
  animation:lngSpin .7s linear infinite;
}

/* ---------- prezzi ----------
   Il tema colora ins/del a modo suo. */
.lng-shield .lng-card-price,
.lng-shield .lng-card-price .price,
.lng-shield .lng-card-price .amount{
  font-family:var(--lng-display) !important;
  color:inherit;
}
.lng-shield .lng-card-price ins{background:none !important;text-decoration:none !important}
.lng-shield .lng-card-price del{opacity:1 !important;color:#A79E8D}

/* ---------- prezzi e pulsanti dei pannelli ---------- */
/* WooCommerce stampa i prezzi come .amount > bdi > simbolo valuta e i temi
   li colorano con regole proprie, spesso in verde per le offerte. Qui li
   riportiamo alla palette, elemento per elemento. */
.lng-shield .lng-ci-price,
.lng-shield .lng-ci-price .amount,
.lng-shield .lng-ci-price bdi,
.lng-shield .lng-ci-price ins,
.lng-shield .lng-ci-price ins .amount,
.lng-shield .lng-ci-price .woocommerce-Price-amount,
.lng-shield .lng-ci-price .woocommerce-Price-currencySymbol,
.lng-shield .lng-wish-price,
.lng-shield .lng-wish-price .amount,
.lng-shield .lng-wish-price bdi,
.lng-shield .lng-wish-price ins{
  color:var(--lng-brass-lt, #E7D3A4) !important;
}
.lng-shield .lng-ci-price i,
.lng-shield .lng-ci-price del,
.lng-shield .lng-ci-price del .amount,
.lng-shield .lng-ci-price del bdi,
.lng-shield .lng-wish-price del,
.lng-shield .lng-wish-price del .amount{
  color:var(--lng-ash, #8E8B84) !important;
}
.lng-shield .lng-cart-total b,
.lng-shield .lng-cart-total .amount,
.lng-shield .lng-cart-total bdi,
.lng-shield .lng-cart-total .woocommerce-Price-currencySymbol{
  color:var(--lng-brass, #C6A567) !important;
}

/* Pulsanti dei filtri: il tema li tratta come submit qualunque. */
.lng-shield .lng-fapply,
.lng-shield button.lng-fapply,
.lng-shield .lng-shop-mfilter{
  background-color:transparent !important;
  color:var(--lng-tobacco, #2B2119) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.lng-shield .lng-fapply:hover,
.lng-shield button.lng-fapply:hover{
  background-color:var(--lng-brass, #C6A567) !important;
  color:var(--lng-ink, #12171A) !important;
}

/* ---------- header e footer ---------- */
.lng-shield .lng-nav a,
.lng-shield .lng-mega li a,
.lng-shield .lng-ftr-links li a,
.lng-shield .lng-mnav-body a{
  background:none !important;
  border:0;
  padding-block:.42em;
}
.lng-shield .lng-nav a::before,
.lng-shield .lng-mega li a::before,
.lng-shield .lng-ftr-links li a::before{content:none !important}

.lng-shield .lng-tool,
.lng-shield .lng-socials a,
.lng-shield .lng-mnav-close{
  padding:0 !important;
  text-decoration:none !important;
}
.lng-shield .lng-tool svg,
.lng-shield .lng-socials svg{display:block}

/* Il tema può forzare position/z-index sulle sue barre fisse:
   i nostri overlay devono restare sopra. */
.lng-shield .lng-ov{z-index:100000}
.lng-shield .lng-spine{z-index:99999}

/* ---------- header sticky: convivenza con quello del tema ----------
   Se il tema ha il proprio header sticky insieme al nostro, i due si
   sommano. Con questa classe sul <body> l'header Lonigro cede il passo.
   Con OceanWP conviene invece spegnere l'header del tema da
   Impostazioni → Lonigro 1918. */
body.lng-theme-sticky .lng-hf.is-sticky .lng-hdr{position:relative}

/* ---------- Elementor container ----------
   I widget sono a tutta larghezza: se stanno dentro un container con
   padding, questo lo annulla per header, footer e sezione prodotti. */
.elementor-widget-lonigro_header .elementor-widget-container,
.elementor-widget-lonigro_footer .elementor-widget-container,
.elementor-widget-lonigro_products .elementor-widget-container{
  padding:0;
  margin:0;
}


/* Su mobile il pulsante è statico e senza fondo: lo scudo deve seguirlo. */
@media (max-width:620px){
  .lng-shield .lng-card-add,
  .lng-shield .lng-card-add.button,
  .lng-shield .lng-card-add.add_to_cart_button,
  .lng-shield .lng-card-add:hover,
  .lng-shield .lng-card-add.is-added,
  .lng-shield .lng-card-media .added_to_cart{
    background-color:transparent !important;
    color:var(--lng-brass, #C6A567) !important;
  }
}