/*
Theme Name: VESTARA
Theme URI: https://vestara.in
Description: Premium textile storefront child theme for VESTARA, built on Twenty Twenty-Five. Custom styling and template parts live here so the parent theme can update safely.
Author: VESTARA
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: vestara
*/

/* ============================================================
   VESTARA design tokens — restrained, premium textile palette
   ============================================================ */
:root{
  --vestara-ink:#1c1b19;         /* near-black text */
  --vestara-gold:#8a7a52;        /* muted antique gold accent */
  --vestara-gold-dark:#6f6241;
  --vestara-cream:#faf8f3;       /* warm off-white background */
  --vestara-sand:#efe9dd;        /* soft panel */
  --vestara-line:#e3ddcf;        /* hairline borders */
  --vestara-muted:#6b6557;
  --vestara-maxw:1240px;
}

/* Base typography & rhythm */
body{
  color:var(--vestara-ink);
  background:#fff;
  font-size:1.02rem;
  line-height:1.65;
}
h1,h2,h3,h4{ letter-spacing:.01em; line-height:1.2; }

a{ color:var(--vestara-gold-dark); }
a:hover{ color:var(--vestara-gold); }

/* Buttons — calm, premium */
.wp-element-button,.wc-block-components-button,.button,button.single_add_to_cart_button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--vestara-ink)!important;
  color:#fff!important;
  border:0!important;
  border-radius:4px!important;
  letter-spacing:.03em;
  padding:.85rem 1.6rem!important;
  transition:background .2s ease;
}
.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
button.single_add_to_cart_button:hover{ background:var(--vestara-gold)!important; }

/* ---------- Hero ---------- */
.vestara-hero{
  position:relative;
  background:linear-gradient(180deg,#f3eee3 0%,#ece4d4 100%);
  padding:clamp(3rem,8vw,6rem) 1.25rem;
  text-align:center;
  border-bottom:1px solid var(--vestara-line);
}
.vestara-hero .inner{ max-width:820px; margin:0 auto; }
.vestara-hero h1{
  font-size:clamp(2.1rem,5vw,3.4rem);
  margin:0 0 1rem;
  font-weight:600;
}
.vestara-hero p{ font-size:clamp(1.05rem,2.2vw,1.3rem); color:var(--vestara-muted); margin:0 0 2rem; }
.vestara-hero .vestara-cta{ display:inline-flex; gap:1rem; flex-wrap:wrap; justify-content:center; }
.vestara-btn{
  display:inline-block; padding:.9rem 2rem; border-radius:4px; text-decoration:none;
  font-weight:600; letter-spacing:.03em;
}
.vestara-btn-primary{ background:var(--vestara-ink); color:#fff; }
.vestara-btn-primary:hover{ background:var(--vestara-gold); color:#fff; }
.vestara-btn-outline{ border:1px solid var(--vestara-ink); color:var(--vestara-ink); }
.vestara-btn-outline:hover{ background:var(--vestara-ink); color:#fff; }

/* ---------- Sections ---------- */
.vestara-section{ max-width:var(--vestara-maxw); margin:0 auto; padding:clamp(2.5rem,6vw,4.5rem) 1.25rem; }
.vestara-section h2{ font-size:clamp(1.6rem,3.5vw,2.2rem); margin:0 0 .5rem; text-align:center; }
.vestara-section .lead{ text-align:center; color:var(--vestara-muted); max-width:720px; margin:0 auto 2.5rem; }

.vestara-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.5rem; }
.vestara-card{
  border:1px solid var(--vestara-line); border-radius:8px; overflow:hidden; background:#fff;
  display:flex; flex-direction:column;
}
.vestara-card .body{ padding:1.25rem 1.4rem; }
.vestara-card h3{ margin:0 0 .5rem; font-size:1.2rem; }
.vestara-card p{ margin:0 0 1rem; color:var(--vestara-muted); font-size:.95rem; }

/* Benefits band */
.vestara-benefits{ background:var(--vestara-cream); border-top:1px solid var(--vestara-line); border-bottom:1px solid var(--vestara-line); }
.vestara-benefits .vestara-grid{ grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.vestara-benefit{ text-align:center; padding:1rem; }
.vestara-benefit .ico{ font-size:1.8rem; color:var(--vestara-gold); }

/* Wholesale CTA band */
.vestara-wholesale-band{
  background:var(--vestara-ink); color:#fff; text-align:center;
  padding:clamp(2.5rem,6vw,4rem) 1.25rem;
}
.vestara-wholesale-band h2{ color:#fff; }
.vestara-wholesale-band p{ color:#cfc8b8; max-width:640px; margin:0 auto 1.75rem; }

/* Placeholder marker — makes unconfirmed content obvious in admin preview */
.vestara-placeholder{
  border:1px dashed var(--vestara-gold); background:#fcfaf4; color:var(--vestara-gold-dark);
  padding:.6rem .9rem; border-radius:4px; font-size:.9rem; display:inline-block;
}

/* Price-per-metre hint on products */
.vestara-unit-note{ font-size:.85rem; color:var(--vestara-muted); }

/* Breadcrumbs */
.woocommerce-breadcrumb{ color:var(--vestara-muted); font-size:.9rem; max-width:var(--vestara-maxw); margin:1rem auto; padding:0 1.25rem; }

@media (max-width:600px){
  .vestara-hero .vestara-cta{ flex-direction:column; align-items:stretch; }
}