/*
Theme Name:   Eyewear Child
Template:     astra
Version:      1.0.0
*/

/* ── Tokens ── */
:root {
  --clr-primary:      #7B4FD9;
  --clr-primary-dark: #5E35B1;
  --clr-primary-light:#EDE7FF;
  --clr-hero-bg:      #C9B3F5;
  --clr-text:         #1A1A1A;
  --clr-muted:        #666;
  --clr-border:       #E5E5E5;
  --clr-card-bg:      #FAFAFA;
  --clr-white:        #fff;
  --radius:           10px;
  --font-main:        'Inter', sans-serif;
}

/* ── Base ── */
body { font-family: var(--font-main); color: var(--clr-text); }

/* ── Astra overrides ── */
.ast-primary-header-bar { background: var(--clr-white); border-bottom: 1px solid var(--clr-border); }
.main-header-menu .menu-item > a,
.site-header .ast-masthead-custom-menu-items a { color: var(--clr-text); font-size: 14px; }
.main-header-menu .menu-item > a:hover { color: var(--clr-primary); }
.site-logo-img, #site-logo { max-height: 36px; }

/* ── Buttons ── */
.ast-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
button.ewf-apply-filters {
  background: var(--clr-primary) !important;
  color: var(--clr-white) !important;
  border: none !important;
  border-radius: var(--radius) !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  transition: background 0.2s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover { background: var(--clr-primary-dark) !important; }

/* ── WooCommerce price ── */
.woocommerce .price, .woocommerce ins .amount { color: var(--clr-primary) !important; font-weight: 700; }

/* ── Product cards ── */
.woocommerce ul.products li.product { border: 1px solid var(--clr-border); border-radius: var(--radius); padding: 14px; background: var(--clr-white); }
.woocommerce ul.products li.product:hover { box-shadow: 0 4px 18px rgba(123,79,217,0.10); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px; font-weight: 600; }

/* ── Category page hero banner ── */
.ew-cat-hero {
  background: linear-gradient(135deg, var(--clr-hero-bg) 0%, var(--clr-primary-light) 100%);
  padding: 48px 24px;
  text-align: center;
  margin-bottom: 32px;
}
.ew-cat-hero h1 { color: var(--clr-primary); font-size: clamp(24px, 4vw, 36px); margin: 0; }

/* ── Checkout ── */
.ew-checkout-bank { background: var(--clr-primary-light); border-left: 4px solid var(--clr-primary); padding: 20px 24px; border-radius: var(--radius); margin-bottom: 24px; }
.ew-checkout-bank h3 { margin: 0 0 8px; color: var(--clr-primary); }

/* ── Contact ── */
.ew-contact-wrap { max-width: 680px; margin: 0 auto; }

/* ── Blog ── */
.ast-article-post { border-bottom: 1px solid var(--clr-border); padding-bottom: 32px; margin-bottom: 32px; }

@media (min-width: 977px) {
  .site-content .ast-container {
    display: grid !important;
    grid-template-columns: 1fr; /* adjust as needed */
  }
}