
/*
Theme Name: La Bottega dei Dolci (Pro)
Author: ChatGPT
Version: 2.0.0
Text Domain: labottega-dei-dolci
*/
:root{
  --c-brown:#8b4b2a;
  --c-brown-dark:#5b2e1c;
  --c-cream:#f0d9b5;
  --c-cream-2:#f7e8cf;
  --c-white:#fffaf3;
  --radius:18px;
  --shadow:0 8px 20px rgba(0,0,0,.15);
}
html,body{height:100%;}
body{
  background: var(--c-brown) url('assets/images/hero-bg.png') center/cover fixed no-repeat;
  color: var(--c-cream-2);
  font-family: Georgia, 'Times New Roman', serif;
  line-height:1.6; margin:0;
}
h1,h2,h3,h4,h5{ font-family: 'Playfair Display', Georgia, 'Times New Roman', serif; letter-spacing:.2px; }

a{ color: var(--c-cream); text-decoration: none; }
a:hover{ text-decoration: underline; }
.container{ width: min(1200px, 92%); margin: 0 auto; }
.site-header{
  position: sticky; top:0; z-index:1000;
  backdrop-filter: blur(6px);
  background: rgba(91,46,28,.7);
  border-bottom: 1px solid rgba(240,217,181,.2);
}
.header-inner{ display:flex; align-items:center; gap:24px; padding: 14px 0; }
.site-brand{ display:flex; align-items:center; gap:14px; }
.site-brand img{ width:54px; height:54px; border-radius:50%; box-shadow: var(--shadow); background:var(--c-cream); }
.site-title{ font-size: clamp(24px, 3vw, 34px); color: var(--c-cream-2); margin:0; }

/* Mega menu */
.primary-nav{ margin-left:auto; display:flex; gap:22px; flex-wrap:wrap; position:relative; }
.primary-nav ul{ list-style:none; margin:0; padding:0; display:flex; gap:22px; }
.primary-nav li{ position:relative; }
.primary-nav li a{ padding:10px 14px; border-radius: 999px; background: rgba(240,217,181,.12); border:1px solid rgba(240,217,181,.25); display:inline-block; }
.primary-nav li a:hover{ background: rgba(240,217,181,.22); }
.primary-nav li:hover > .mega{ display:block; }
.mega{
  display:none; position:absolute; left:0; top:100%; width:min(980px, 92vw);
  background: linear-gradient(180deg, rgba(247,232,207,.98), rgba(240,217,181,.98));
  color:#3a2517; border-radius: var(--radius); box-shadow: var(--shadow);
  padding: 18px; border:1px solid rgba(58,37,23,.15);
}
.mega .mega-grid{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; }
.mega a{ background:none; border:0; padding:8px 10px; border-radius:8px; }
.mega a:hover{ background: rgba(0,0,0,.05); text-decoration:none; }

.hero{
  display:grid; place-items:center;
  min-height: clamp(380px, 55vh, 620px);
  text-align:center;
  background: radial-gradient(ellipse at center, rgba(139,75,42,.6) 0%, rgba(91,46,28,.7) 60%, rgba(91,46,28,.9) 100%);
  padding: 38px 0;
}
.hero .logo{ width:min(200px, 35vw); filter: drop-shadow(0 8px 16px rgba(0,0,0,.4)); }
.hero h1{ font-size: clamp(34px, 6vw, 68px); margin: 18px 0 10px; color: var(--c-cream); }
.hero p{ font-size: clamp(16px, 2.2vw, 22px); color: var(--c-cream-2); margin:0 auto; max-width: 800px; }
.button, .wp-block-button__link, .add_to_cart_button{
  display:inline-block; padding:10px 16px; border-radius: 999px; border:0;
  background: var(--c-brown); color: var(--c-cream-2); cursor:pointer;
}
.button:hover, .wp-block-button__link:hover, .add_to_cart_button:hover{ filter: brightness(1.08); }

.section{ padding: 48px 0; }
.card{
  background: linear-gradient(180deg, rgba(247,232,207,.95), rgba(240,217,181,.95));
  color:#3a2517;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  border:1px solid rgba(58,37,23,.15);
}
.card .card-header{ padding:22px; border-bottom:1px solid rgba(58,37,23,.1); font-weight:bold; font-size:20px;}
.card .card-body{ padding:22px; }
.grid{ display:grid; gap:22px; }
.grid.cols-3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 900px){ .grid.cols-3{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px){ .grid.cols-3{ grid-template-columns: 1fr; } }

.product-card{ background: var(--c-white); border-radius: var(--radius); box-shadow: var(--shadow); overflow:hidden; border:1px solid rgba(58,37,23,.12); transition: transform .15s ease, box-shadow .2s; }
.product-card:hover{ transform: translateY(-2px); box-shadow:0 14px 30px rgba(0,0,0,.18); }
.product-card .thumb img{ width:100%; aspect-ratio: 4/3; object-fit: cover; display:block; }
.product-card .meta{ padding:16px; }
.product-card h3{ margin:6px 0 10px; font-size:18px; }

/* Badges */
.badges{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.badge{ font-size: 12px; padding:6px 10px; border-radius:999px; background: rgba(139,75,42,.1); border:1px solid rgba(91,46,28,.25); color:#5b2e1c; }

.site-footer{ padding: 38px 0; background: rgba(0,0,0,.25); color: var(--c-cream-2); border-top:1px solid rgba(240,217,181,.18); }
.small{ font-size: 14px; opacity:.9; }
.woocommerce .woocommerce-breadcrumb{ color: var(--c-cream); }
.woocommerce div.product .product_title{ color:#3a2517; }
.woocommerce ul.products li.product .price{ color:#5b2e1c; }
.woocommerce-message{ background:#f7e8cf; border:1px solid #d6c0a0; color:#3a2517; }
/* test sync */
