/* ==============================
   SCHEDA PRODOTTO – VARIANTE 2
   - Sfondo grigio su tutta la pagina
   - Nessuna cornice esterna Woo/Divi
   - Logo in scheda (unico) più grande
   - Immagini 4:3 con angoli arrotondati (scheda + elenco)
   - Nessuna linea/separatore nei box
   ============================== */

/* 1) Sfondo grigio globale (anche wrapper Divi) */
html,
body.single-product,
body.single-product #page,
body.single-product .site,
body.single-product #et-main-area,
body.single-product .et-l,
body.single-product .et_builder_inner_content {
  background-color: #f2f2f2 !important;
}

/* 2) Nessuna cornice/padding esterno di Woo/Divi (solo card interne) */
body.single-product .woocommerce,
body.single-product .woocommerce-page,
body.single-product .product,
body.single-product .woocommerce div.product,
body.single-product .et_pb_row,
body.single-product .et_pb_section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.single-product .product,
body.single-product .woocommerce div.product {
  padding: 0 !important;
  border-radius: 0 !important;
}

/* 3) Un solo logo: nasconde il logo dell'header SOLO in scheda prodotto */
body.single-product .logo_container,
body.single-product .et_pb_menu__logo,
body.single-product .et_pb_menu__logo-wrap,
body.single-product .navbar-brand {
  display: none !important;
}

/* Logo in scheda */
.sirio-scheda-logo {
  padding: 18px 0 8px 0;
}
.sirio-scheda-logo a { display: inline-block; }
.sirio-scheda-logo img {
  width: 100%;
  max-width: 300px; /* DESKTOP */
  height: auto;
}
@media (max-width: 768px) {
  .sirio-scheda-logo img { max-width: 220px; /* MOBILE */ }
}

/* 3b) Pulizia: niente linee/separatori dentro i box della scheda */
.sirio-scheda-box *,
.sirio-scheda-testo1 *,
.sirio-elenco-card * {
  border: 0 !important;
  box-shadow: none !important;
}
.sirio-scheda-box hr,
.sirio-scheda-testo1 hr,
.sirio-elenco-card hr {
  display: none !important;
}

/* 5b) Arrotonda sempre l'immagine principale anche su eventuali wrapper Woo */
.sirio-elenco-media,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
  border-radius: 20px !important;
  overflow: hidden;
}
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery__wrapper img {
  border-radius: 20px !important;
}

/* 4) Rimuove linee/separatori nelle righe (scheda + elenco) */
.sirio-elenco-riga,
.sirio-elenco-righe,
.sirio-elenco-riga * {
  border: 0 !important;
}
.sirio-elenco-riga { border-bottom: 0 !important; }
.sirio-elenco-riga:after,
.sirio-elenco-riga:before { display: none !important; }

/* 5) Immagine principale scheda: 4:3 + arrotondata */
.sirio-elenco-media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 20px;
}
.sirio-elenco-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* 6) Miniature scheda (thumbs): 4:3 + arrotondate */
.sirio-scheda-thumb {
  aspect-ratio: 4 / 3 !important;
  overflow: hidden;
  border-radius: 10px;
}
.sirio-scheda-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 7) Elenco prodotti: immagini 4:3 + arrotondate */
.woocommerce ul.products li.product .sirio-elenco-media,
.woocommerce ul.products li.product .sirio-elenco-media a {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 18px;
}
.woocommerce ul.products li.product .sirio-elenco-media img,
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  border-radius: 18px;
}


/* =========================================================
   FIX EXTRA: ELIMINA "BLOCCHI" BIANCHI DIVI/WOO + SFONDO UNICO
   (questa sezione è caricata DOPO il child style)
   ========================================================= */

body.single-product,
body.single-product #page-container,
body.single-product #main-content,
body.single-product #content-area,
body.single-product .container,
body.single-product .et_builder_inner_content,
body.single-product .et-l,
body.single-product .et-l--body,
body.single-product .et-l--post,
body.single-product .entry-content{
  background:#f2f2f2 !important;
}

/* Sezioni/row/colonne/moduli Divi: niente sfondi, ombre, bordi, arrotondamenti */
body.single-product .et_pb_section,
body.single-product .et_pb_row,
body.single-product .et_pb_column,
body.single-product .et_pb_module,
body.single-product .et_pb_module_inner,
body.single-product .et_pb_with_background{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Wrapper WooCommerce */
body.single-product .woocommerce,
body.single-product .woocommerce-page,
body.single-product .woocommerce div.product,
body.single-product .woocommerce div.product .summary,
body.single-product .woocommerce div.product .images,
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-notices-wrapper,
body.single-product .woocommerce-message,
body.single-product .woocommerce-info{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Eventuali box "card" generici */
body.single-product .sirio-card,
body.single-product .sirio-box,
body.single-product .card,
body.single-product .box{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Campi form: nessuna linea/contorno */
body.single-product input,
body.single-product textarea,
body.single-product select{
  background:transparent !important;
  border:none !important;
  border-bottom:none !important;
  outline:none !important;
  box-shadow:none !important;
}