/**
 * LFDP — fix specifici WordPress/WooCommerce (caricato per ultimo).
 */

/* Immagini sempre responsive */
img { max-width: 100%; height: auto; }

/* Avvisi WooCommerce dentro #notifications: stile alert Bootstrap */
#notifications .woocommerce-message,
#notifications .woocommerce-info,
#notifications .woocommerce-error {
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .4375rem;
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
  font-size: .875rem;
}
#notifications .woocommerce-info { background-color: #d1ecf1; border-color: #bee5eb; color: #0c5460; }
#notifications .woocommerce-error { background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; }
#notifications .woocommerce-message a,
#notifications .woocommerce-info a { color: inherit; font-weight: 700; text-decoration: underline; }

/* Prezzi nel carrello header e pagine WC: sempre in stile mirror */
.woocommerce-Price-amount { font-weight: inherit; }

/* Widget area sidebar: liste WC dentro la shell filtri del mirror */
#shop-sidebar ul.product-categories,
#shop-sidebar ul.widget-list,
#shop-sidebar .widget ul { list-style: none; padding-left: 0; margin: 0; }
#shop-sidebar .widget ul li { padding: .25rem 0; }
#shop-sidebar .widget ul li a { color: #373f50; font-size: .875rem; }
#shop-sidebar .widget ul li a:hover { color: #15735A; }
#shop-sidebar .widget select,
#shop-sidebar .widget input[type="text"],
#shop-sidebar .widget input[type="number"] { max-width: 100%; }

/* Widget filtro prezzo WC (se aggiunto) */
#shop-sidebar .price_slider_wrapper .price_slider { margin-bottom: 1rem; }
#shop-sidebar .price_slider_amount .button { font-size: .8rem; }

/* Form add-to-cart: niente margini strani ereditati */
form.cart { margin: 0; }

/* Pagine carrello/checkout/account: contenitore in stile mirror */
.woocommerce { width: 100%; }
.woocommerce table.shop_table { width: 100%; margin-bottom: 1.5rem; border-collapse: collapse; }
.woocommerce table.shop_table th,
.woocommerce table.shop_table td { padding: .75rem; border: 1px solid #e9ecef; text-align: left; }
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  display: inline-block; font-weight: 500; text-align: center; vertical-align: middle;
  padding: .625rem 1.375rem; font-size: .875rem; line-height: 1.5; border-radius: .4375rem;
  color: #fff; background-color: #15735A; border-color: #15735A; cursor: pointer;
  transition: background-color .2s, border-color .2s;
}
.woocommerce .button:hover,
.woocommerce a.button:hover { background-color: #0B3D2E; border-color: #0B3D2E; color: #fff; text-decoration: none; }
.woocommerce input.input-text,
.woocommerce select,
.woocommerce textarea {
  display: block; width: 100%; padding: .625rem 1rem; font-size: .875rem; line-height: 1.5;
  color: #4b566b; background-color: #fff; border: 1px solid #dae1e7; border-radius: .4375rem;
}
.woocommerce label { font-weight: 500; margin-bottom: .375rem; display: inline-block; }
.woocommerce form .form-row { margin-bottom: 1rem; }
.woocommerce-breadcrumb { margin-bottom: 0; }

/* Pagination WC (quando attiva fuori dai nostri template) */
.woocommerce-pagination ul { list-style: none; display: flex; padding-left: 0; }
.woocommerce-pagination ul li { margin: 0 .15rem; }

/* Admin bar: il nostro header sticky resta sotto la barra WP */
@media (min-width: 783px) {
  body.admin-bar .navbar-sticky, body.admin-bar .tb--sticky { margin-top: 0; }
}

/* La select ordinamento custom: freccia nativa del tema */
#select-sort-order { max-width: 220px; }

/* Card prodotto dentro carousel tiny-slider */
.tns-carousel > div { box-sizing: border-box; }
.tns-outer { position: relative; }
.tns-controls [data-controls] { z-index: 5; }

/* Le miniature orizzontali della galleria prodotto scrollano */
.cz-thumblist { flex-wrap: nowrap; overflow-x: auto; }
.cz-thumblist::-webkit-scrollbar { height: 4px; }

/* Badge ribbon prodotto sopra l'immagine */
.product-flags { position: absolute; top: .75rem; left: .75rem; z-index: 3; }
.mplfdp-gallery { position: relative; }
article.product-miniature { position: relative; }

/* Stampa prezzo card: allineamento come nel mirror */
.mp-price-content .lfdp-price { margin-right: .5rem; }

/* L'immagine banner meilleur prix nella short description */
.product-description-short img { max-width: 100%; height: auto; }

/* Evita che i contenuti importati rompano il layout */
.product-description iframe,
.product-description video { max-width: 100%; }
.product-description table { display: block; overflow-x: auto; max-width: 100%; }

/* Home: il primo blocco hero è a filo con l'header */
#index #wrapper { padding-top: 0; }

/* ---- Rebrand Diamant Maison: sezioni scure in verde bosco ---- */
footer#footer .bg-dark { background-color: #0B3D2E !important; }
footer#footer .bg-darker { background-color: #0B3D2E !important; border-top: 1px solid rgba(255,255,255,0.12); }
.page-title-overlap.bg-dark { background-color: #0B3D2E !important; }
/* Link chiari sulle sezioni verde bosco: sempre leggibili */
footer#footer a, .page-title-overlap a { color: #f3f5f9; }
footer#footer a:hover, .page-title-overlap a:hover { color: #ffffff; }

/* Nav principale: hover leggibile su verde bosco */
.main-menu .nav-link:hover { opacity: 0.82; text-decoration: underline; }

/* ==========================================================================
   v1.4.0 — Système Diamant Maison
   Rouge feu = accent unique (promos, prix, CTA). Vert boisé = structure.
   Échelle de rayons unique : sm 6 / md 10 / lg 16 (tokens lfdp-tokens.css).
   ========================================================================== */

/* ---- Cartes produit : grand rayon, bord fin, survol discret ---- */
.lfdp-product-card,
.product-miniature.product-card {
  border-radius: var(--lfdp-radius-lg, 16px) !important;
  overflow: hidden;
  border: 1px solid #eceff1;
  transition: transform .2s ease, box-shadow .2s ease;
}
.lfdp-product-card:hover,
.product-miniature.product-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.75rem 1.75rem -0.5rem rgba(11, 61, 46, 0.18);
}
.lfdp-product-card .lfdp-thumb img {
  transition: transform .35s ease;
}
.lfdp-product-card:hover .lfdp-thumb img {
  transform: scale(1.03);
}

/* ---- Prix : hiérarchie unique, tout sous l'image ---- */
.mp-price-content {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.15rem 0.5rem;
}
.mp-price-content .lfdp-price { margin-right: 0; font-size: 1.35rem; line-height: 1.2; }
.lfdp-price-old { font-weight: 400; }

/* Pill sconto in percentuale — l'unico badge promo, près du prix */
.lfdp-promo-pill {
  display: inline-block;
  padding: 2px 9px;
  border-radius: var(--lfdp-radius-pill, 999px);
  background: var(--lfdp-color-accent, #BE3A1F);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}

/* ---- Boutons et champs : rayon médian partout ---- */
.btn { border-radius: var(--lfdp-radius-md, 10px); }
.btn-sm { border-radius: var(--lfdp-radius-sm, 6px); }
.form-control,
.woocommerce input.input-text,
.woocommerce select,
.woocommerce textarea { border-radius: var(--lfdp-radius-md, 10px); }

/* Menu panier du header et dropdowns flottants */
.dropdown-menu { border-radius: 12px; }

/* ---- Hero : prix premium blanc sur visuel, plus de pill volante ---- */
.mpbl-price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.25rem 0.9rem;
  margin-bottom: 1.25rem;
}
.mpbl-price-old {
  color: rgba(255, 255, 255, 0.78);
  font-size: 1.3rem;
  font-weight: 400;
}
.mpbl-price .mp-tag-white {
  background: transparent;
  color: #fff;
  font-size: clamp(1.9rem, 3.2vw, 2.6rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  padding: 0 !important;
}

/* CTA hero : rayon médian, ombre légère pour détacher du visuel */
.mpbl-cta .lfdp-btn {
  border-radius: var(--lfdp-radius-md, 10px);
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.25);
  padding: 0.8rem 1.75rem;
  font-weight: 600;
}

/* ---- Reassurance : cartes au grand rayon (inline 8px d'origine) ---- */
.mprs-item { border-radius: var(--lfdp-radius-lg, 16px) !important; }

/* ---- Galerie produit : visuels arrondis ---- */
.mplfdp-gallery .cz-preview-item img { border-radius: 12px; }
.cz-thumblist-item img { border-radius: 8px; }

/* ---- Prix page produit : pill alignée au centre de la ligne ---- */
.product-discount { align-items: center; }

/* ---- CTA d'achat en rouge feu : ajout panier, validation commande ---- */
.woocommerce .single_add_to_cart_button.button,
.woocommerce a.checkout-button,
.woocommerce #place_order {
  background-color: var(--lfdp-color-accent, #BE3A1F) !important;
  border-color: var(--lfdp-color-accent, #BE3A1F) !important;
}
.woocommerce .single_add_to_cart_button.button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover {
  background-color: var(--lfdp-color-accent-hover, #9E2F18) !important;
  border-color: var(--lfdp-color-accent-hover, #9E2F18) !important;
}

/* Add-to-cart pagina prodotto: rosso fuoco (markup con .lfdp-btn-primary) */
.product-actions .add-to-cart.lfdp-btn-primary,
.product-actions button[name="add-to-cart"] {
  background-color: var(--lfdp-color-accent, #BE3A1F) !important;
  border-color: var(--lfdp-color-accent, #BE3A1F) !important;
}
.product-actions .add-to-cart.lfdp-btn-primary:hover,
.product-actions button[name="add-to-cart"]:hover {
  background-color: var(--lfdp-color-accent-hover, #9E2F18) !important;
  border-color: var(--lfdp-color-accent-hover, #9E2F18) !important;
}

/* ==========================================================================
   v1.4.2 — Fix mobile + carte compatte + contrasti footer
   ========================================================================== */

/* ---- Carte prodotto : ligne de prix sur une seule ligne, carte compacte ---- */
.mp-price-content { flex-wrap: nowrap; gap: 0.4rem; }
.mp-price-content .lfdp-price { font-size: 1.22rem; white-space: nowrap; }
.mp-price-content .lfdp-price-old { font-size: 0.85rem; white-space: nowrap; }
.mp-price-content .lfdp-promo-pill { font-size: 0.7rem; padding: 1px 7px; }
@media (max-width: 575.98px) {
  .mp-price-content { flex-wrap: wrap; row-gap: 2px; }
  .mp-price-content .lfdp-price { font-size: 1.1rem; }
  .mp-price-content .lfdp-price-old { font-size: 0.8rem; }
}
/* Corps caché (boutons) plus compact */
.product-miniature .card-body-hidden { padding-top: 0.25rem; padding-bottom: 0.75rem; }

/* Bouton "Acheter maintenant" : rouge feu, pleine largeur */
.lfdp-cta-buy {
  background-color: var(--lfdp-color-accent, #BE3A1F) !important;
  border-color: var(--lfdp-color-accent, #BE3A1F) !important;
  color: #fff !important;
  font-weight: 600;
}
.lfdp-cta-buy:hover, .lfdp-cta-buy:focus {
  background-color: var(--lfdp-color-accent-hover, #9E2F18) !important;
  border-color: var(--lfdp-color-accent-hover, #9E2F18) !important;
  color: #fff !important;
}

/* ---- Page produit mobile : quantité + ajout panier sans débordement ---- */
.product-actions .product-quantity .d-flex { gap: 0.75rem; flex-wrap: nowrap; }
.product-actions .qty { margin-right: 0 !important; flex: 0 0 auto; }
.mp-qty-selector.lfdp-qty-selector {
  display: inline-flex; align-items: stretch;
  border: 1px solid #dae1e7; border-radius: var(--lfdp-radius-md, 10px);
  overflow: hidden; width: auto;
}
.mp-qty-btn.lfdp-qty-btn { width: 38px; flex: 0 0 38px; border-radius: 0; }
.mp-qty-input.lfdp-qty-input {
  width: 44px; flex: 0 0 44px; text-align: center;
  border: 0; border-left: 1px solid #dae1e7; border-right: 1px solid #dae1e7;
  border-radius: 0; padding: 0;
}
.product-actions .add { flex: 1 1 auto; min-width: 0; }
.product-actions .add-to-cart { white-space: nowrap; padding-left: 0.75rem; padding-right: 0.75rem; }
@media (max-width: 380px) {
  .product-actions .product-quantity .d-flex { flex-wrap: wrap; }
  .product-actions .add { flex: 1 1 100%; }
}

/* ---- Footer : copyright lisible sur vert bosco ---- */
.footer-copyright { opacity: 1 !important; }
.footer-copyright, .footer-copyright p { color: #cfe0d8 !important; }

/* ---- Formulaire login/compte : labels au-dessus des champs ---- */
.woocommerce-form-row label { display: block; }
.woocommerce-form-row input.input-text { display: block; width: 100%; margin-top: 0.35rem; }
.woocommerce-form-login .woocommerce-form-row { margin-bottom: 1.1rem; }
.woocommerce-form-login .woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; }

/* Toggle 'mostra password' WooCommerce: senza stili WC risulta rotto — nascosto */
.woocommerce-form-row .show-password-input { display: none !important; }

/* Login: le .form-row Cartzilla sono flex — label e 'ricordami' a tutta riga */
.woocommerce-form-row label { flex: 0 0 100%; }
.woocommerce-form-login__rememberme { flex: 0 0 100%; margin-bottom: 0.9rem; }

/* ==========================================================================
   v1.4.7 — Boutons carte en flux normal (plus de flyout absolu coupé)
   Le .card-body-hidden Cartzilla est positionné en top:100% : avec le
   overflow:hidden de la carte arrondie il était rogné. On le rend statique,
   toujours visible, sur tous les écrans.
   ========================================================================== */
.product-miniature .card-body-hidden {
  position: static !important;
  top: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin-top: 0 !important;
  box-shadow: none !important;
  border-radius: 0;
  background: transparent;
  padding: 0 0.75rem 0.9rem;
}
.product-miniature .card-body-hidden .lfdp-cta-buy { margin-bottom: 0.35rem; }

/* Dimensions carte homogènes : titre max 2 lignes, image carrée contenue */
.lfdp-product-card .product-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.4em;
}
.lfdp-product-card .lfdp-thumb img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

/* ==========================================================================
   v1.4.8 — Breadcrumb lisibile, notice WC, bottone card su mobile
   ========================================================================== */
/* Il bridge di lfdp-components.css pensava la fascia pagina chiara: sul
   verde bosco il testo scuro era illeggibile. Colori chiari espliciti. */
.lfdp-page-header .breadcrumb-item::before { color: rgba(255, 255, 255, 0.55); }
.lfdp-page-header .breadcrumb-item > a { color: #cfe0d8; }
.lfdp-page-header .breadcrumb-item > a:hover { color: #ffffff; }
.lfdp-page-header .breadcrumb-item.active { color: #ffffff; font-weight: 500; }

/* Notice WooCommerce ("aggiunto al carrello" ecc.): stile coerente */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-message,
.woocommerce-info {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem;
  border: 1px solid #d8e4df; border-left: 4px solid #15735A;
  border-radius: var(--lfdp-radius-md, 10px);
  background: #f3f8f6; color: #233038;
  padding: 0.8rem 1rem; margin-bottom: 1rem;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce .woocommerce-message .button {
  margin-left: auto;
  background-color: #0B3D2E; color: #fff !important;
  border-radius: var(--lfdp-radius-sm, 6px);
  padding: 0.45rem 0.9rem; font-weight: 600;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover { background-color: #15735A; }

/* Bottone card su mobile: testo corto (il lungo debordava nelle card strette) */
@media (max-width: 767.98px) {
  .product-miniature .lfdp-cta-buy .lfdp-cta-full { display: none; }
}
@media (min-width: 768px) {
  .product-miniature .lfdp-cta-buy .lfdp-cta-short { display: none; }
}

/* ==========================================================================
   v1.4.14 — fascia pagina verde bosco anche su prodotto/categoria/account
   theme.css la rendeva quasi bianca (--header-category-background:#FBFBFA)
   con breadcrumb chiaro sopra = illeggibile. Verde ovunque + testo chiaro
   (i colori chiari del breadcrumb v1.4.8 si applicano ora a tutte le pagine).
   ========================================================================== */
#product .page-title-overlap.bg-dark,
#category .page-title-overlap.bg-dark,
#checkout .page-title-overlap.bg-dark,
#my-account .page-title-overlap.bg-dark,
#history .page-title-overlap.bg-dark,
#discount .page-title-overlap.bg-dark,
#order-follow .page-title-overlap.bg-dark {
  background-color: #0B3D2E !important;
}