/*
Theme Name: Mirelia LB (WooCommerce)
Theme URI: https://mirelia-lb.com
Author: Mirelia LB
Description: Custom WooCommerce theme matching the original Mirelia LB design (beige/gold palette, Cormorant Garamond + Inter fonts). Products, cart, and checkout are powered live by WooCommerce.
Version: 1.0
Text Domain: mirelia-woo
*/

/* ===== Design tokens (from original design) ===== */
:root{
  --bg: #FAF7F1;
  --ink: #1E1712;
  --gold: #B08D57;
  --line: rgba(30,23,18,0.12);
  --muted: #7A6F60;
  --card-bg: #FFFDFB;
  --font-display: 'Cormorant Garamond', serif;
  --font-body: 'Inter', sans-serif;
}

*{ box-sizing: border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
::selection{ background:var(--gold); color:var(--bg); }

h1,h2,h3,h4{ font-family:var(--font-display); font-weight:600; letter-spacing:0.01em; margin:0 0 12px; }

.site-header{
  position:sticky; top:0; z-index:50;
  background:var(--bg); border-bottom:1px solid var(--line);
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 5%;
}
.site-logo{ font-family:var(--font-display); font-size:26px; font-weight:600; letter-spacing:0.06em; color:var(--ink); }
.site-nav ul{ display:flex; gap:28px; list-style:none; margin:0; padding:0; }
.site-nav a{ font-size:13.5px; font-weight:600; letter-spacing:0.03em; text-transform:uppercase; color:var(--ink); }
.site-nav a:hover{ color:var(--gold); }
.header-icons{ display:flex; align-items:center; gap:18px; }
.header-icons a{ font-size:13.5px; font-weight:600; }
.cart-count{ background:var(--gold); color:var(--bg); border-radius:999px; font-size:11px; padding:1px 7px; margin-inline-start:4px; }

.site-footer{ background:var(--ink); color:var(--bg); text-align:center; padding:40px 5%; margin-top:60px; font-size:13px; }
.site-footer a{ color:var(--gold); }

.hero{
  background:linear-gradient(180deg, #1E1712 0%, #2A211A 100%);
  color:var(--bg); padding:90px 5% 70px; text-align:center;
}
.hero h1{ color:var(--bg); font-size:44px; margin-bottom:16px; }
.hero p{ color:#EDE6D6; max-width:600px; margin:0 auto 30px; line-height:1.8; }
.hero .btn{ background:var(--bg); color:var(--ink); padding:15px 42px; border-radius:2px; font-weight:700; font-size:14px; letter-spacing:0.04em; display:inline-block; text-transform:uppercase; }

.section{ padding:60px 5%; max-width:1280px; margin:0 auto; }
.section-title{ text-align:center; margin-bottom:40px; }
.section-title h2{ font-size:32px; }
.section-title p{ color:var(--muted); font-size:14px; }

/* ===== WooCommerce product grid restyle ===== */
.woocommerce ul.products{ display:grid !important; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:26px; list-style:none; padding:0; margin:0; }
.woocommerce ul.products li.product{
  background:var(--card-bg); border:1px solid var(--line); border-radius:3px; padding:0; overflow:hidden;
  transition:box-shadow .2s ease; position:relative;
}
.woocommerce ul.products li.product:hover{ box-shadow:0 10px 26px rgba(30,23,18,0.10); }
.woocommerce ul.products li.product a img{ width:100%; aspect-ratio:1/1.1; object-fit:cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--font-display); font-size:18px; font-weight:600; padding:16px 14px 4px; color:var(--ink);
}
.woocommerce ul.products li.product .price{ padding:0 14px 16px; font-size:14.5px; color:var(--gold); font-weight:600; }
.woocommerce ul.products li.product .price del{ color:var(--muted); font-weight:400; margin-inline-end:8px; }
.woocommerce ul.products li.product .button{
  display:block; margin:0 14px 16px; background:var(--ink); color:var(--bg); text-align:center;
  padding:11px; border-radius:2px; font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.03em;
}
.woocommerce ul.products li.product .onsale{
  position:absolute; top:12px; inset-inline-start:12px; background:var(--gold); color:var(--bg);
  font-size:11px; font-weight:700; padding:4px 10px; border-radius:999px; text-transform:uppercase;
}

/* ===== Single product page ===== */
.woocommerce div.product .product_title{ font-family:var(--font-display); font-size:34px; }
.woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--gold); font-size:22px; font-weight:600; }
.woocommerce div.product form.cart .button{
  background:var(--ink); color:var(--bg); padding:14px 34px; border-radius:2px; font-weight:700;
  text-transform:uppercase; letter-spacing:0.03em; border:none;
}
.woocommerce div.product form.cart .variations select{ padding:10px; border:1px solid var(--line); border-radius:2px; }

/* ===== Cart & Checkout ===== */
.woocommerce table.shop_table{ border-color:var(--line); }
.woocommerce-checkout #payment, .woocommerce-cart-form{ background:var(--card-bg); border:1px solid var(--line); padding:20px; border-radius:3px; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  background:var(--ink) !important; color:var(--bg) !important; border-radius:2px !important; font-weight:700 !important;
  text-transform:uppercase; letter-spacing:0.03em; border:none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover{ background:var(--gold) !important; }

@media(max-width:780px){
  .site-nav{ display:none; }
  .hero h1{ font-size:30px; }
}