/* ==========================================================================
   HOCO REDESIGN — 40 SINGLE PRODUCT · SUMMARY COLUMN
   Scope: .summary.entry-summary only (title, price, short desc, stock,
          product meta, breadcrumb). Matches /test clean product feel.
   NOT: gallery (41) · tabs/related (42) · WhatsApp + trust CTA (43).
   RTL-safe (logical props). Loads on top of Woodmart.
   ========================================================================== */

/* summary column shell — comfortable rhythm ------------------------------- */
.single-product .summary.entry-summary{
  color:var(--hoco-ink);
}
.single-product .summary.entry-summary .summary-inner{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* ---- breadcrumb: muted, brand hover ------------------------------------- */
.single-product .summary .single-breadcrumbs-wrapper{
  margin:0;
}
.single-product .summary .wd-breadcrumbs,
.single-product .summary .woocommerce-breadcrumb{
  font-size:13px;
  line-height:1.7;
  color:var(--hoco-muted);
}
.single-product .summary .woocommerce-breadcrumb a,
.single-product .summary .woocommerce-breadcrumb .breadcrumb-link{
  color:var(--hoco-muted);
  transition:color .18s;
}
.single-product .summary .woocommerce-breadcrumb a:hover,
.single-product .summary .woocommerce-breadcrumb .breadcrumb-link:hover{
  color:var(--hoco-brand);
}
.single-product .summary .woocommerce-breadcrumb .breadcrumb-last{
  color:var(--hoco-ink);
  font-weight:500;
}

/* prev / next product mini-nav — keep it discreet inside the summary header */
.single-product .summary .wd-products-nav .wd-product-nav-btn{
  color:var(--hoco-muted);
}
.single-product .summary .wd-products-nav .wd-product-nav-btn:hover{
  color:var(--hoco-brand);
}
.single-product .summary .wd-products-nav .wd-dropdown{
  border-radius:var(--hoco-radius-sm);
  box-shadow:var(--hoco-shadow);
  border:1px solid var(--hoco-line);
}
.single-product .summary .wd-product-nav-desc .wd-entities-title a{color:var(--hoco-ink)}

/* ---- product title ------------------------------------------------------ */
.single-product .summary .product_title{
  margin:2px 0 0;
  font-size:27px;
  line-height:1.3;
  font-weight:800;
  color:var(--hoco-ink);
  letter-spacing:-.2px;
}

/* ---- price: big, brand purple, bold ------------------------------------- */
.single-product .summary .summary-inner > p.price,
.single-product .summary .summary-inner > .price{
  margin:0;
  padding-bottom:16px;
  border-bottom:1px solid var(--hoco-line);
  font-size:30px;
  font-weight:800;
  line-height:1.2;
  color:var(--hoco-price);
}
.single-product .summary .summary-inner > .price .woocommerce-Price-amount,
.single-product .summary .summary-inner > .price .amount,
.single-product .summary .summary-inner > .price ins .amount{
  color:var(--hoco-price);
  font-weight:800;
}
.single-product .summary .summary-inner > .price .woocommerce-Price-currencySymbol{
  font-size:.62em;
  font-weight:700;
  margin-inline-end:4px;
  opacity:.85;
}
.single-product .summary .summary-inner > .price del,
.single-product .summary .summary-inner > .price del .amount{
  font-size:.62em;
  font-weight:500;
  color:var(--hoco-muted);
  opacity:.8;
  margin-inline-end:8px;
}
.single-product .summary .summary-inner > .price ins{text-decoration:none}

/* ---- short description --------------------------------------------------- */
.single-product .summary .woocommerce-product-details__short-description{
  color:var(--hoco-muted);
  font-size:15px;
  line-height:1.75;
}
.single-product .summary .woocommerce-product-details__short-description p{
  margin:0 0 10px;
}
.single-product .summary .woocommerce-product-details__short-description p:last-child{margin-bottom:0}
.single-product .summary .woocommerce-product-details__short-description ul,
.single-product .summary .woocommerce-product-details__short-description ol{
  margin:0;
  padding-inline-start:20px;
}
.single-product .summary .woocommerce-product-details__short-description li{margin-bottom:6px}

/* ---- stock status -------------------------------------------------------- */
.single-product .summary .stock{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:5px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
}
.single-product .summary .stock.in-stock,
.single-product .summary .stock.available-on-backorder{
  background:#eaf6ea;
  color:var(--hoco-wa-dark);
}
.single-product .summary .stock.in-stock::before,
.single-product .summary .stock.available-on-backorder::before{
  content:"";width:8px;height:8px;border-radius:50%;background:var(--hoco-wa);
}
.single-product .summary .stock.out-of-stock{
  background:#fdeced;
  color:var(--hoco-danger);
}

/* ---- product meta: tidy SKU / category / tag rows ----------------------- */
.single-product .summary .product_meta{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:4px;
  padding-top:16px;
  border-top:1px solid var(--hoco-line);
  font-size:13.5px;
  line-height:1.6;
  color:var(--hoco-ink);
}
.single-product .summary .product_meta > span{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:baseline;
}
.single-product .summary .product_meta .meta-label{
  min-width:88px;
  color:var(--hoco-muted);
  font-weight:500;
}
.single-product .summary .product_meta .sku{
  color:var(--hoco-ink);
  font-weight:700;
}
.single-product .summary .product_meta a{
  color:var(--hoco-brand-2);
  font-weight:500;
  transition:color .18s;
}
.single-product .summary .product_meta a:hover{
  color:var(--hoco-brand);
  text-decoration:underline;
}
.single-product .summary .product_meta .meta-sep{color:var(--hoco-muted)}
/* long hashtag tag string — keep it readable, not a runaway line */
.single-product .summary .product_meta .tagged_as a{
  font-size:12.5px;
  color:var(--hoco-muted);
  line-height:1.9;
}
.single-product .summary .product_meta .tagged_as a:hover{color:var(--hoco-brand)}

/* ---- responsive ---------------------------------------------------------- */
@media (max-width:768px){
  .single-product .summary.entry-summary .summary-inner{gap:14px}
  .single-product .summary .product_title{font-size:22px}
  .single-product .summary .summary-inner > p.price,
  .single-product .summary .summary-inner > .price{font-size:26px;padding-bottom:14px}
  .single-product .summary .product_meta .meta-label{min-width:72px}
}
@media (max-width:390px){
  .single-product .summary .product_title{font-size:20px}
  .single-product .summary .summary-inner > .price{font-size:24px}
}