/*
Theme Name: Scelto Shop
Theme URI: https://www.sceltorestaurant.com/shop/
Description: Tema figlio di Storefront per lo shop online di Scelto — Beef Restaurant. Riprende i colori (oro #B89968), i font (Cormorant Garamond + Jost) e lo stile del sito principale statico.
Author: Scelto Restaurant
Template: storefront
Version: 1.0.0
Text Domain: scelto-shop
*/

/* ===== Font (stessi Google Fonts del sito statico) ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap');

:root{
  --bg:#FAF7F1;
  --bg-2:#F3EEE2;
  --card:#FFFFFF;
  --ink:#1A1714;
  --ink-soft:#3A322B;
  --soft:#8A7E6E;
  --line:rgba(26,23,20,.08);
  --gold:#B89968;
  --gold-2:#E6C685;
  --gold-3:#8C6F3F;
  --r:24px;
  --r-sm:16px;
  --serif:'Cormorant Garamond',serif;
  --sans:'Jost',sans-serif;
}

/* ===== Base ===== */
body{
  font-family:var(--sans);
  font-weight:300;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.site-title{
  font-family:var(--serif);
  font-weight:400;
  color:var(--ink);
  letter-spacing:-.01em;
}
a{ color:var(--gold-3); }
a:hover{ color:var(--gold); }

/* ===== Header / navbar (Storefront) ===== */
#masthead{
  background:rgba(250,247,241,.92);
  backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
#masthead .site-branding{ padding:10px 0; }
.site-title a{
  font-family:var(--serif);
  font-size:1.6rem;
  color:var(--ink);
  text-decoration:none;
}
.site-title img{ max-height:70px; width:auto; }
.site-description{ font-family:var(--sans); color:var(--soft); }

#site-navigation ul.menu > li > a,
.main-navigation ul li a{
  font-family:var(--sans);
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink-soft);
  transition:.3s;
}
#site-navigation ul.menu > li > a:hover,
.main-navigation ul li a:hover{ color:var(--gold); }

.site-header-cart .cart-contents{ color:var(--ink-soft); }
.site-header-cart .cart-contents:hover{ color:var(--gold); }
.site-header-cart .count{
  background:var(--gold);
  color:#fff;
  border-radius:999px;
}

/* ===== Bottoni (stile pillola oro, come sul sito principale) ===== */
.button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background:linear-gradient(120deg,var(--gold) 0%,var(--gold-3) 100%) !important;
  border:none !important;
  color:#fff !important;
  border-radius:999px !important;
  font-family:var(--sans) !important;
  font-size:.76rem !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
  padding:13px 28px !important;
  transition:.3s !important;
  box-shadow:none !important;
}
.button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px -10px rgba(184,153,104,.5) !important;
  opacity:1 !important;
}
.woocommerce a.added_to_cart{ color:var(--gold-3) !important; }

/* ===== Prezzi ===== */
.woocommerce .price,
.woocommerce-Price-amount{
  font-family:var(--serif);
  color:var(--gold-3);
  font-weight:500;
}
.woocommerce .price ins .amount{ color:var(--gold); }
.woocommerce span.onsale{
  background:var(--gold) !important;
  font-family:var(--sans);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.62rem;
}

/* ===== Griglia prodotti (stile card del sito) ===== */
.woocommerce ul.products li.product,
.woocommerce div.product{
  background:var(--card);
  border-radius:var(--r);
  border:1px solid var(--line);
  box-shadow:0 12px 30px -12px rgba(26,23,20,.12);
  padding:16px 16px 22px;
  transition:.4s cubic-bezier(.22,1,.36,1);
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 50px -15px rgba(26,23,20,.2);
}
.woocommerce ul.products li.product img{
  border-radius:var(--r-sm);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--serif);
  font-size:1.3rem;
  color:var(--ink);
}
.woocommerce ul.products li.product .star-rating span::before,
.woocommerce .star-rating span::before{ color:var(--gold); }

/* ===== Messaggi / notice ===== */
.woocommerce-message,
.woocommerce-info{
  border-top-color:var(--gold) !important;
  background:rgba(184,153,104,.08);
}
.woocommerce-message::before,
.woocommerce-info::before{ color:var(--gold-3) !important; }
.woocommerce-message .button,
.woocommerce-info .button{
  background:linear-gradient(120deg,var(--gold) 0%,var(--gold-3) 100%) !important;
}

/* ===== Footer widget area ===== */
#colophon,
.site-footer{
  background:var(--bg-2);
  border-top:1px solid var(--line);
}
#colophon a,
.site-footer a{ color:var(--gold-3); }
#colophon .widget-title,
.site-footer .widget-title{
  font-family:var(--serif);
  color:var(--ink);
}

/* ===== Checkout / carrello: campi form ===== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout select{
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  font-family:var(--sans) !important;
}
.woocommerce-checkout #payment{
  background:var(--card) !important;
  border-radius:var(--r-sm) !important;
}