/*
 * Roma Container - assets/css/woocommerce.css
 * Autore: Waldem Container Shelter S.r.l.
 *
 * Riskin degli elementi generati da WooCommerce con i token grafici del
 * tema (vedi :root in style.css), senza sovrascrivere i template PHP di
 * WooCommerce: solo CSS, per restare compatibile con gli aggiornamenti
 * del plugin.
 */

.rc-woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:20px;
  list-style:none;
  margin:0;
  padding:0;
  float:none !important;
}
.rc-woocommerce ul.products li.product{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  clear:none !important;
}
@media(max-width:900px){.rc-woocommerce ul.products{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:560px){.rc-woocommerce ul.products{grid-template-columns:1fr !important;}}

.rc-woocommerce ul.products li.product{
  background:#fff;
  border:1px solid var(--rc-border);
  border-radius:3px;
  overflow:hidden;
  padding:0;
  text-align:left;
  transition:.15s ease;
}
.rc-woocommerce ul.products li.product:hover{box-shadow:var(--rc-shadow-lg);transform:translateY(-3px);}

.rc-woocommerce a.button,
.rc-woocommerce button.button,
.rc-woocommerce input.button,
.rc-woocommerce #respond input#submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:var(--rc-font-mono);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.82rem;
  text-align:center;
  padding:12px 20px;
  border-radius:var(--rc-radius);
  border:2px solid var(--rc-corten);
  background:var(--rc-corten);
  color:#fff !important;
  transition:.15s ease;
}
.rc-woocommerce a.button:hover,
.rc-woocommerce button.button:hover{
  background:var(--rc-corten-dark);
  border-color:var(--rc-corten-dark);
}
.rc-product-card__cta{margin-top:10px;}
.rc-product-card__cta .button{width:100%;}

/* Badge "In offerta" WooCommerce -> stile targhetta Roma Container */
.rc-woocommerce span.onsale{
  font-family:var(--rc-font-mono);
  text-transform:uppercase;
  font-size:.68rem;
  letter-spacing:.06em;
  background:var(--rc-amber);
  color:var(--rc-steel-900);
  border-radius:2px;
  padding:4px 10px;
  left:14px;
  top:14px;
  min-height:auto;
  min-width:auto;
  line-height:1.4;
}

/* Scheda prodotto singola */
.rc-woocommerce div.product{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:44px;
}
@media(max-width:820px){.rc-woocommerce div.product{grid-template-columns:1fr;}}
.rc-woocommerce div.product .woocommerce-product-gallery{border-radius:3px;overflow:hidden;border:1px solid var(--rc-border);}
.rc-woocommerce div.product .summary{max-width:none;}
.rc-woocommerce div.product .summary .price{
  font-family:var(--rc-font-mono);
  font-weight:700;
  font-size:1.5rem;
  color:var(--rc-steel-900);
  display:block;
  margin:14px 0;
}
.rc-woocommerce div.product form.cart{background:var(--rc-steel-100);border:1px solid var(--rc-border);padding:18px;border-radius:3px;margin:18px 0;}
.rc-woocommerce div.product .woocommerce-product-attributes{width:100%;border-collapse:collapse;margin:20px 0;}
.rc-woocommerce div.product .woocommerce-product-attributes th,
.rc-woocommerce div.product .woocommerce-product-attributes td{
  border-bottom:1px solid var(--rc-border);
  padding:9px 0;
  font-size:.92rem;
}
.rc-woocommerce div.product .woocommerce-product-attributes th{
  color:var(--rc-text-muted);
  font-family:var(--rc-font-mono);
  font-size:.78rem;
  text-transform:uppercase;
  text-align:left;
  font-weight:500;
}

/* Filtri / widget negozio (se attivati) */
.rc-woocommerce .widget_layered_nav ul,
.rc-woocommerce .widget_product_categories ul{list-style:none;margin:0;padding:0;}
.rc-woocommerce .widget_layered_nav li,
.rc-woocommerce .widget_product_categories li{margin-bottom:8px;font-size:.9rem;}
.rc-woocommerce .widget-title{
  font-family:var(--rc-font-mono);
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--rc-text-muted);
  margin-bottom:10px;
}

/* Carrello e checkout: tabelle e form allineati alla palette del sito */
.rc-woocommerce table.shop_table{width:100%;border-collapse:collapse;margin:20px 0;}
.rc-woocommerce table.shop_table th,
.rc-woocommerce table.shop_table td{border-bottom:1px solid var(--rc-border);padding:12px 10px;font-size:.92rem;}
.rc-woocommerce table.shop_table th{
  font-family:var(--rc-font-mono);
  text-transform:uppercase;
  font-size:.72rem;
  letter-spacing:.05em;
  color:var(--rc-text-muted);
  text-align:left;
}
.rc-woocommerce #payment{background:var(--rc-steel-100);border:1px solid var(--rc-border);border-radius:3px;padding:18px;}
.rc-woocommerce .woocommerce-input-wrapper input,
.rc-woocommerce .woocommerce-billing-fields input,
.rc-woocommerce .woocommerce-billing-fields select,
.rc-woocommerce .woocommerce-additional-fields textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--rc-border);
  border-radius:2px;
  font-family:var(--rc-font-body);
}

/* Messaggi WooCommerce (successo/errore) allineati alle notice del sito */
.rc-woocommerce .woocommerce-message,
.rc-woocommerce .woocommerce-info{
  background:#e5efe9;
  color:var(--rc-green-ok);
  border:1px solid var(--rc-green-ok);
  border-left-width:1px;
  border-radius:2px;
  padding:12px 14px;
  font-size:.9rem;
}
.rc-woocommerce .woocommerce-error{
  background:#f7e6e0;
  color:var(--rc-corten-dark);
  border:1px solid var(--rc-corten);
  border-left-width:1px;
  border-radius:2px;
  padding:12px 14px;
  font-size:.9rem;
}