/*
Theme Name:  Divi Child (HANU Fitness)
Description: Child theme for Divi — HANU Fitness Strength listing customizations (card layout, badges, tagline) and scoped shop styling.
Author:      HANU Fitness
Template:    Divi
Version:     1.0.0
Text Domain: divi-child-hanu
*/

/* =========================================================
   HANU Fitness — Strength listing card styling.
   All rules are scoped to .hanu-shop (the CSS class you set
   on the Divi Shop module) so nothing leaks to other pages.
   ========================================================= */

:root{
  --hanu-navy:#0B2545;
  --hanu-navy-dark:#081B33;
  --hanu-blue:#1E5CE6;
  --hanu-red:#E11D2A;
  --hanu-gold:#F4A62A;
  --hanu-border:#E5E7EB;
  --hanu-muted:#6B7280;
}

/* ---- Card ---- */
.hanu-shop ul.products li.product{
  position:relative;
  background:#fff;
  border:1px solid var(--hanu-border);
  border-radius:12px;
  padding:18px;
  margin-bottom:24px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:box-shadow .2s ease, transform .2s ease;
}
.hanu-shop ul.products li.product:hover{
  box-shadow:0 8px 24px rgba(11,37,69,.10);
  transform:translateY(-2px);
}
.hanu-shop ul.products li.product img{
  border-radius:8px;
  margin-bottom:6px;
}

/* ---- Title ---- */
.hanu-shop ul.products li.product h2,
.hanu-shop ul.products li.product h3,
.hanu-shop ul.products li.product .woocommerce-loop-product__title{
  font-size:18px;
  font-weight:700;
  color:var(--hanu-navy);
  padding-top:8px;
  line-height:1.3;
}

/* ---- Rating + review count on one line ---- */
.hanu-shop .star-rating{
  color:var(--hanu-gold);
  margin:6px 0;
  font-size:14px;
  display:inline-block;
}
.hanu-shop .hanu-review-count{
  color:var(--hanu-muted);
  font-size:13px;
  margin-left:6px;
  vertical-align:middle;
}

/* ---- Price ---- */
.hanu-shop .price{
  display:block;
  margin:4px 0 10px;
  color:var(--hanu-navy);
  font-weight:800;
  font-size:20px;
}
.hanu-shop .price del{
  color:#9CA3AF;
  font-weight:400;
  font-size:15px;
  margin-right:8px;
}
.hanu-shop .price ins{
  color:var(--hanu-navy);
  font-weight:800;
  text-decoration:none;
}

/* ---- Tagline line (short description) ---- */
.hanu-shop .hanu-loop-excerpt{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--hanu-muted);
  font-size:13px;
  margin:0 0 14px;
}
.hanu-shop .hanu-loop-excerpt::before{
  content:"\2713";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border:1px solid var(--hanu-border);
  border-radius:50%;
  font-size:11px;
  color:var(--hanu-navy);
  flex:0 0 auto;
}

/* ---- Add to Cart ---- */
.hanu-shop ul.products li.product a.button,
.hanu-shop ul.products li.product a.added_to_cart{
  display:block;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  background:var(--hanu-navy);
  color:#fff;
  border:none;
  padding:12px 16px;
  border-radius:8px;
  font-weight:600;
}
.hanu-shop ul.products li.product a.button:hover,
.hanu-shop ul.products li.product a.added_to_cart:hover{
  background:var(--hanu-navy-dark);
}

/* ---- Badges (Best Seller + Sale) ---- */
.hanu-shop ul.products li.product .hanu-badge,
.hanu-shop ul.products li.product .onsale{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  margin:0;
  padding:5px 10px;
  border-radius:6px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.03em;
  color:#fff;
}
.hanu-shop ul.products li.product .hanu-badge--bestseller{
  background:var(--hanu-blue);
}
.hanu-shop ul.products li.product .onsale{
  background:var(--hanu-red);
  min-width:0;
}