.elementor-6429 .elementor-element.elementor-element-28afba8{--display:flex;}.elementor-6429 .elementor-element.elementor-element-25f6ec24 .ecomus-extra-content{margin:25px 0px 0px 0px;}.ecomus-rtl-smart .elementor-6429 .elementor-element.elementor-element-25f6ec24 .ecomus-extra-content{margin:25px 0px 0px 0px;}.ecomus-woocommerce-elementor.ecomus-elementor-id-6429 .site-content{padding-top:42px;padding-bottom:100px;}body.elementor-page-6429 .site-content{padding-top:42px;padding-bottom:100px;}@media(max-width:1024px){.ecomus-woocommerce-elementor.ecomus-elementor-id-6429 .site-content{padding-top:31px;padding-bottom:100px;}body.elementor-page-6429 .site-content{padding-top:31px;padding-bottom:100px;}}@media(max-width:767px){.ecomus-woocommerce-elementor.ecomus-elementor-id-6429 .site-content{padding-top:22.5px;padding-bottom:75px;}body.elementor-page-6429 .site-content{padding-top:22.5px;padding-bottom:75px;}}/* Start custom CSS for ecomus-wc-checkout, class: .elementor-element-25f6ec24 *//* ╔══════════════════════════════════════════════════════════════╗
   ║  LAZURIA — PATCH 4 — RESPONSIVE COMPLETO                     ║
   ║  Aggiungi questo IN FONDO al CSS già esistente               ║
   ║                                                              ║
   ║  Breakpoint:                                                 ║
   ║  • Tablet:  ≤ 1024px (layout stacca in colonna)              ║
   ║  • Mobile:  ≤ 768px  (font ridotti, padding compatti)        ║
   ║  • Small:   ≤ 480px  (ottimizzazione massima)                ║
   ╚══════════════════════════════════════════════════════════════╝ */


/* ═══════════════════════════════════════════════════════════════
   TABLET — ≤ 1024px
   Stack: form sopra, riepilogo ordine sotto
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {

  /* Layout principale del checkout in colonna singola */
  .woocommerce-checkout form.checkout,
  .tf-checkout-wrap,
  .tf-template-shop-checkout > .e-con-inner,
  .tf-template-shop-checkout .elementor-widget-container > form {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  /* Container dei dettagli di fatturazione: piena larghezza */
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout .col2-set,
  .woocommerce-checkout .col-1,
  .woocommerce-checkout .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  /* Riepilogo ordine (Il tuo ordine): piena larghezza */
  .woocommerce-checkout .woocommerce-checkout-review-order,
  #order_review,
  .woocommerce-checkout-payment {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-top: 20px !important;
  }

  /* Riduci padding container */
  .woocommerce-billing-fields,
  .woocommerce-shipping-fields,
  .woocommerce-additional-fields,
  .woocommerce-checkout-review-order,
  #order_review {
    padding: 28px !important;
  }

  /* Titolo "Checkout" responsive */
  .entry-title,
  .page-title,
  .tf-checkout-title,
  .woocommerce-checkout > form::before {
    font-size: 48px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   MOBILE — ≤ 768px
   Single column per i campi, padding ridotti
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Form fields: 1 sola colonna */
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-additional-fields__field-wrapper {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* NOME e COGNOME ora ognuno su una riga */
  .woocommerce form #billing_first_name_field,
  .woocommerce form #billing_last_name_field {
    grid-column: 1 !important;
  }

  /* Titolo "Checkout" */
  .entry-title,
  .page-title,
  .tf-checkout-title,
  .woocommerce-checkout > form::before {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  /* Heading "Dettagli di fatturazione" / "Il tuo ordine" */
  .woocommerce-billing-fields h3,
  .woocommerce-shipping-fields h3,
  .woocommerce-additional-fields h3,
  #order_review_heading,
  .tf-checkout h3 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
  }

  /* Container sezioni: padding più contenuto */
  .woocommerce-billing-fields,
  .woocommerce-shipping-fields,
  .woocommerce-additional-fields,
  .woocommerce-checkout-review-order,
  #order_review {
    padding: 22px 18px !important;
  }

  /* Label dei campi */
  .woocommerce form .form-row label,
  .tf-checkout label {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
  }

  /* Input più compatti */
  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row textarea,
  .woocommerce form .form-row select,
  .tf-checkout input,
  .tf-checkout select,
  .tf-checkout textarea {
    padding: 12px 14px !important;
    font-size: 14px !important;
  }

  /* Select2 dropdown su mobile */
  .select2-container--default .select2-selection--single {
    height: 46px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
  }

  /* Tabella ordine: testo più piccolo */
  .woocommerce-checkout-review-order-table td,
  .woocommerce-checkout-review-order-table th {
    padding: 14px 6px !important;
    font-size: 13px !important;
  }

  /* Nome prodotto */
  .woocommerce-checkout-review-order-table .product-name a,
  .woocommerce-checkout-review-order-table .product-name {
    font-size: 14px !important;
  }

  /* Immagine prodotto compatta */
  .woocommerce-checkout-review-order-table img,
  .woocommerce-checkout-review-order-table .product-name img {
    width: 45px !important;
    height: 56px !important;
  }

  /* Totale finale: leggermente più piccolo */
  .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {
    font-size: 24px !important;
  }

  /* Bottone Effettua Ordine */
  .woocommerce-checkout button[type="submit"],
  .woocommerce-checkout .button,
  .woocommerce #place_order,
  button#place_order,
  .tf-btn-checkout,
  .tf-checkout-btn,
  form.checkout button {
    padding: 18px !important;
    font-size: 11px !important;
    letter-spacing: 0.2em !important;
  }

  /* Banner login/coupon più compatti */
  .woocommerce-form-coupon-toggle,
  .woocommerce-form-login-toggle,
  .woocommerce-checkout > .woocommerce-info {
    padding: 12px 16px !important;
    font-size: 12px !important;
  }

  /* Annuncio in alto: testo a capo su righe separate */
  .announce span,
  .tf-announcement-bar span {
    display: block !important;
    margin: 3px 0 !important;
  }
  .announce span::before,
  .tf-announcement-bar span::before {
    display: none !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   SMALL MOBILE — ≤ 480px
   iPhone SE, schermi piccolissimi
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {

  /* Titolo "Checkout" */
  .entry-title,
  .page-title,
  .tf-checkout-title,
  .woocommerce-checkout > form::before {
    font-size: 34px !important;
  }

  /* Container ancora più compatti */
  .woocommerce-billing-fields,
  .woocommerce-shipping-fields,
  .woocommerce-additional-fields,
  .woocommerce-checkout-review-order,
  #order_review {
    padding: 18px 14px !important;
  }

  /* Heading sezioni */
  .woocommerce-billing-fields h3,
  .woocommerce-shipping-fields h3,
  #order_review_heading,
  .tf-checkout h3 {
    font-size: 20px !important;
  }

  /* Tabella ordine: layout super compatto */
  .woocommerce-checkout-review-order-table .product-name {
    gap: 10px !important;
  }

  .woocommerce-checkout-review-order-table img,
  .woocommerce-checkout-review-order-table .product-name img {
    width: 40px !important;
    height: 50px !important;
  }

  .woocommerce-checkout-review-order-table .product-name a {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  /* Riduci padding celle */
  .woocommerce-checkout-review-order-table td,
  .woocommerce-checkout-review-order-table th {
    padding: 12px 4px !important;
    font-size: 12.5px !important;
  }

  /* Totale finale */
  .woocommerce-checkout-review-order-table .order-total th {
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
  }
  .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {
    font-size: 22px !important;
  }

  /* Methods di pagamento: padding ridotto */
  ul.payment_methods li.wc_payment_method {
    padding: 14px 16px !important;
  }
  ul.payment_methods li.wc_payment_method label {
    font-size: 15px !important;
  }
  ul.payment_methods li.wc_payment_method .payment_box {
    padding: 12px 0 0 24px !important;
  }

  /* Shipping methods */
  ul#shipping_method li {
    padding: 12px 14px !important;
  }
  ul#shipping_method li label {
    font-size: 14px !important;
  }

  /* Trust badge sotto il bottone: testo più corto */
  form.woocommerce-checkout .place-order::after,
  .tf-checkout .place-order::after {
    font-size: 9.5px !important;
    letter-spacing: 0.1em !important;
  }

  /* Privacy text */
  .woocommerce-privacy-policy-text,
  .woocommerce-privacy-policy-text p {
    font-size: 13px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   FIX EXTRA — Overflow horizontale (causa scroll laterale)
   ═══════════════════════════════════════════════════════════════ */
.woocommerce-checkout,
.tf-template-shop-checkout,
.tf-checkout-wrap {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

/* Tabella che potrebbe sforare su mobile */
.woocommerce-checkout-review-order {
  overflow-x: auto !important;
}

.woocommerce-checkout-review-order-table {
  max-width: 100% !important;
  word-wrap: break-word !important;
}


/* ═══════════════════════════════════════════════════════════════
   FIX EXTRA 2 — Sticky header non rompa il layout mobile
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .summary,
  .woocommerce-checkout-review-order {
    position: static !important;
    top: auto !important;
  }
}/* End custom CSS */