/*
Theme Name: Life Clarity Storefront Child
Theme URI: https://example.com/
Description: Cheerful WooCommerce child theme for selling Life Clarity Dashboard.
Author: OpenAI
Template: storefront
Version: 1.0.0
Text Domain: life-clarity-storefront-child
*/

:root{
  --lcd-cream:#fffaf4;
  --lcd-blush:#ffe6df;
  --lcd-peach:#ffd9bf;
  --lcd-ink:#4f4339;
  --lcd-muted:#7a6b5e;
  --lcd-line:#eadcca;
  --lcd-accent:#f48b66;
  --lcd-accent-2:#ffb16a;
  --lcd-card:#ffffff;
  --lcd-radius:28px;
  --lcd-shadow:0 14px 30px rgba(125, 90, 58, .10);
}

body.woocommerce-page,
body.page-template-page-sales{
  background:linear-gradient(180deg,#fff7ef 0%, #fffdf9 100%);
  color:var(--lcd-ink);
}

.site-header,
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children{
  background:#fffaf6;
  border-bottom:1px solid var(--lcd-line);
}

.site-branding .site-title a,
.main-navigation ul li a{
  color:var(--lcd-ink);
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart{
  background:linear-gradient(135deg,var(--lcd-accent),var(--lcd-accent-2));
  color:#fff;
  border-radius:999px;
  border:none;
  box-shadow:var(--lcd-shadow);
}

.button.alt, .wc-block-components-button{
  background:linear-gradient(135deg,var(--lcd-accent),var(--lcd-accent-2));
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce div.product,
.lcd-sales-wrap section{
  background:var(--lcd-card);
  border:1px solid var(--lcd-line);
  border-radius:var(--lcd-radius);
  box-shadow:var(--lcd-shadow);
}

.woocommerce ul.products li.product{
  padding:18px;
}

.lcd-sales-wrap{
  display:grid;
  gap:24px;
}

.lcd-hero{
  background:linear-gradient(135deg,#ffe8dc,#fff5df 55%,#ffe3f1);
  border:1px solid #e8d2c2;
  border-radius:34px;
  padding:42px 28px;
  box-shadow:var(--lcd-shadow);
}

.lcd-kicker{
  display:inline-block;
  font-size:.85rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--lcd-muted);
  margin-bottom:14px;
}

.lcd-hero h1{
  font-size:clamp(2rem,5vw,3.8rem);
  line-height:1.02;
  margin:0 0 12px;
}

.lcd-hero p{
  color:var(--lcd-muted);
  font-size:1.08rem;
  max-width:60ch;
}

.lcd-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}

.lcd-card{
  background:#fff;
  border:1px solid var(--lcd-line);
  border-radius:24px;
  padding:20px;
}

.lcd-card h3{
  margin-top:0;
}

.lcd-note{
  padding:18px;
  border-radius:22px;
  background:#fff4ea;
  border:1px solid #efd7bf;
  color:var(--lcd-ink);
}

@media (max-width: 768px){
  .lcd-hero{
    padding:28px 20px;
    border-radius:28px;
  }
}