/*
Theme Name: Astra Child — Zia Mall LLC
Theme URI: https://www.ziamallllc.com
Description: Wholesale e-commerce child theme for Zia Mall LLC. Bright modern marketplace styling on Astra + Elementor Pro + WooCommerce (Poppins + Inter, white / blue / amber palette) across Beauty Care, Kitchen & Dining, Pet Supplies and Toys.
Author: Zia Mall LLC
Template: astra
Version: 1.1.0
Text Domain: astra-child-ziamall
*/

/* ==========================================================================
   ZIA MALL LLC — Bright multi-category wholesale marketplace design system
   ========================================================================== */

:root{
  /* Surfaces */
  --bg:#FFFFFF;
  --muted-bg:#F4F6F9;
  --surface:#FFFFFF;
  /* Ink */
  --ink:#16202E;       /* headings */
  --body:#3D4757;      /* body text */
  --soft:#6B7686;      /* muted */
  --line:#E4E8EE;
  /* Brand */
  --primary:#2563EB;       /* marketplace blue */
  --primary-dark:#1D4ED8;
  --primary-soft:#EAF1FF;
  --accent:#F59E0B;        /* amber CTA / deals */
  --accent-dark:#D97706;
  --success:#16A34A;
  /* Category accents */
  --cat-beauty:#E84F8B;
  --cat-kitchen:#14B8A6;
  --cat-pet:#F59E0B;
  --cat-toys:#8B5CF6;
  /* System */
  --font-display:"Poppins","Inter",Arial,sans-serif;
  --font-body:"Inter","Helvetica Neue",Arial,sans-serif;
  --radius:10px;
  --radius-sm:8px;
  --shadow-sm:0 1px 2px rgba(16,32,46,.06);
  --shadow:0 8px 24px -12px rgba(16,32,46,.22);
  --shadow-lg:0 24px 60px -28px rgba(16,32,46,.32);
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Base ---------- */
body,
.ast-container{
  font-family:var(--font-body);
  color:var(--body);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}
body{background:var(--bg);}

h1,h2,h3,h4,h5,h6,
.entry-title,
.elementor-heading-title,
.woocommerce-loop-product__title,
.product_title{
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--ink);
  line-height:1.18;
}

.eyebrow{
  font-family:var(--font-body);
  font-size:.72rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--primary);
  display:inline-block;margin-bottom:.75rem;
}

/* ---------- Buttons ---------- */
.ast-button,
.button,
button.button,
input[type=submit],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.elementor-button{
  background-color:var(--primary) !important;
  color:#fff !important;
  border:1px solid var(--primary) !important;
  font-family:var(--font-body) !important;
  font-size:.86rem !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  border-radius:var(--radius-sm) !important;
  padding:.78em 1.6em !important;
  box-shadow:var(--shadow-sm);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease) !important;
}
.ast-button:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.elementor-button:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
  background-color:var(--primary-dark) !important;
  border-color:var(--primary-dark) !important;
  color:#fff !important;
}

/* Primary "buy" action pops in amber */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .single_add_to_cart_button,
.wc-block-components-button{
  background-color:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#1c1304 !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover{
  background-color:var(--accent-dark) !important;
  border-color:var(--accent-dark) !important;
  color:#fff !important;
}

/* ---------- Header ---------- */
.site-header,
.ast-primary-header-bar{
  background:#fff !important;
  border-bottom:1px solid var(--line);
  box-shadow:var(--shadow-sm);
}
.main-header-menu a,
.ast-builder-menu a{
  font-size:.92rem;font-weight:500;letter-spacing:0;text-transform:none;
  color:var(--ink);
}
.main-header-menu a:hover{color:var(--primary);}
.site-title a{font-family:var(--font-display);font-weight:700;color:var(--ink);letter-spacing:-.02em;}

/* ---------- Announcement bar ---------- */
.ziamall-announce{
  background:var(--primary);color:#fff;
  text-align:center;font-size:.82rem;letter-spacing:.01em;
  padding:.6rem 1rem;font-weight:500;
}
.ziamall-announce a{color:#fff;text-decoration:underline;font-weight:600;}

/* ---------- WooCommerce shop grid + cards ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:12px 12px 20px;
  box-shadow:var(--shadow-sm);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
  text-align:left;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
  border-color:#d6dde7;
}
.woocommerce ul.products li.product img{
  border-radius:var(--radius-sm);
  background:var(--muted-bg);
  margin-bottom:.9rem;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1rem;font-weight:600;padding:.15rem 0 .35rem;color:var(--ink);
}
.woocommerce ul.products li.product .price{
  color:var(--ink) !important;
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.12rem;
}
.woocommerce ul.products li.product .price del{color:var(--soft) !important;font-weight:400;}
.woocommerce ul.products li.product .price ins{color:var(--ink) !important;text-decoration:none;}
.woocommerce ul.products li.product .button{margin-top:.6rem;}

/* Sale / wholesale badge */
.woocommerce span.onsale{
  background:var(--accent) !important;
  color:#1c1304 !important;
  border-radius:6px;
  font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  min-height:auto;min-width:auto;padding:.34em .7em;line-height:1;
  top:10px;left:10px;
}

/* ---------- Single product ---------- */
.woocommerce div.product .product_title{font-size:clamp(1.6rem,3vw,2.2rem);}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.7rem;
}
.woocommerce div.product p.price del{color:var(--soft);font-weight:400;font-size:1.1rem;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--primary);}
.woocommerce-message,.woocommerce-info,.woocommerce-noreviews,p.no-comments{
  border-top-color:var(--primary) !important;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--primary) !important;}
.woocommerce .quantity .qty{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.55em;}

/* ---------- Cart & checkout ---------- */
.woocommerce-cart table.cart,
.woocommerce-checkout .woocommerce-checkout-review-order-table{border-radius:var(--radius);}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review{
  background:var(--muted-bg);border:1px solid var(--line);
  border-radius:var(--radius);padding:1.6rem;
}

/* ---------- Section + page helpers (Elementor) ---------- */
.ziamall-section{padding-block:clamp(48px,7vw,96px);}
.ziamall-bg-muted{background:var(--muted-bg);}
.ziamall-bg-primary{background:var(--primary);color:#fff;}
.ziamall-bg-primary h1,.ziamall-bg-primary h2,.ziamall-bg-primary h3{color:#fff;}
.ziamall-divider{width:54px;height:3px;background:var(--primary);border-radius:3px;margin:1.2rem 0;border:0;}

/* Category tiles */
.ziamall-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);}
.ziamall-cat{
  position:relative;display:block;aspect-ratio:3/4;overflow:hidden;
  border-radius:var(--radius);background:var(--muted-bg);
  border:1px solid var(--line);box-shadow:var(--shadow-sm);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.ziamall-cat:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.ziamall-cat img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.ziamall-cat:hover img{transform:scale(1.05);}
.ziamall-cat__label{
  position:absolute;left:0;right:0;bottom:0;
  padding:1.1rem;color:#fff;font-family:var(--font-display);font-weight:600;font-size:1.2rem;
  background:linear-gradient(to top,rgba(16,32,46,.78),transparent);
}
/* Per-category top accent bar */
.ziamall-cat--beauty{border-top:4px solid var(--cat-beauty);}
.ziamall-cat--kitchen{border-top:4px solid var(--cat-kitchen);}
.ziamall-cat--pet{border-top:4px solid var(--cat-pet);}
.ziamall-cat--toys{border-top:4px solid var(--cat-toys);}

/* Trust / benefits strip */
.ziamall-trust{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;
  background:var(--muted-bg);border-block:1px solid var(--line);
  padding:2rem clamp(20px,5vw,64px);text-align:center;
}
.ziamall-trust .t{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink);}
.ziamall-trust .d{font-size:.85rem;color:var(--soft);}

/* Color the category archive titles by category */
.tax-product_cat.term-beauty-care .page-title,
.tax-product_cat.term-beauty-care .ast-archive-title{color:var(--cat-beauty);}
.tax-product_cat.term-kitchen-dining .page-title{color:var(--cat-kitchen);}
.tax-product_cat.term-pet-supplies .page-title{color:var(--cat-pet);}
.tax-product_cat.term-toys .page-title{color:var(--cat-toys);}

/* Amber CTA button helper for Elementor (add class "ziamall-btn-amber" to a Button widget) */
.ziamall-btn-amber .elementor-button{
  background-color:var(--accent) !important;border-color:var(--accent) !important;color:#1c1304 !important;
}
.ziamall-btn-amber .elementor-button:hover{
  background-color:var(--accent-dark) !important;border-color:var(--accent-dark) !important;color:#fff !important;
}
/* White/ghost button helper for use on the blue CTA band */
.ziamall-btn-white .elementor-button{
  background-color:#fff !important;border-color:#fff !important;color:var(--primary) !important;
}
.ziamall-btn-white .elementor-button:hover{
  background-color:#EAF1FF !important;border-color:#EAF1FF !important;color:var(--primary-dark) !important;
}

/* ---------- Footer ---------- */
.site-footer,footer.site-footer{background:#0F1722;color:#AEB7C2;}
.site-footer a{color:#AEB7C2;}
.site-footer a:hover{color:#fff;}
.site-footer h2,.site-footer h3,.site-footer h4,.site-footer .widget-title{
  color:#fff;font-family:var(--font-display);font-weight:600;
}

/* ---------- Responsive ---------- */
@media (max-width:880px){
  .ziamall-cat-grid{grid-template-columns:repeat(2,1fr);}
  .ziamall-trust{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:520px){
  .ziamall-cat-grid{grid-template-columns:1fr;}
  .ziamall-trust{grid-template-columns:1fr;}
}