/* ==========================================================================
   HOCO REDESIGN — 00 CORE (design tokens + shared atoms)
   Applied ON TOP of Woodmart. Loads after child style.css.
   Design language matches /test. Targets Woodmart's real markup classes.
   Page/section specifics live in sibling NN-*.css files (per-agent).
   ========================================================================== */
:root{
  --hoco-brand:#540457; --hoco-brand-dark:#3d0340; --hoco-brand-2:#8E289B;
  --hoco-wa:#25D366; --hoco-wa-dark:#1da851; --hoco-accent:#ff7a1a;
  --hoco-ink:#1c1420; --hoco-muted:#6f6676; --hoco-line:#ececf0;
  --hoco-bg:#f6f4f8; --hoco-surface:#fff; --hoco-price:#540457;
  --hoco-danger:#e23744; --hoco-radius:14px; --hoco-radius-sm:10px;
  --hoco-shadow:0 6px 20px rgba(40,10,50,.08);
  /* nudge Woodmart's own tokens toward our palette */
  --wd-primary-color:#540457; --wd-text-color:#4a444e; --wd-title-color:#1c1420;
  --wd-main-bgcolor:#f6f4f8; --btn-accent-bg:#540457; --btn-accent-bg-hover:#3d0340;
}
body{background:var(--hoco-bg);color:var(--hoco-ink);font-family:"Tajawal",system-ui,Arial,sans-serif}
.wd-section-title,h1,h2,h3,h4{font-weight:800}

/* buttons — unify to brand / whatsapp look */
.hoco-btn,.hoco-btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 20px;font-weight:700;font-size:15px;line-height:1;cursor:pointer;transition:.2s;font-family:inherit}
.hoco-btn-brand{background:var(--hoco-brand);color:#fff}.hoco-btn-brand:hover{background:var(--hoco-brand-dark);color:#fff}
.hoco-btn-wa{background:var(--hoco-wa);color:#fff}.hoco-btn-wa:hover{background:var(--hoco-wa-dark);color:#fff}
.hoco-btn-block{width:100%}
/* Woodmart/Woo primary buttons -> brand, rounded */
.woocommerce .button.alt,.single_add_to_cart_button,.wd-buttons .btn,
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button{
  border-radius:10px !important;font-weight:700 !important;
}
.woocommerce a.button.alt,.woocommerce button.button.alt,.single_add_to_cart_button{
  background:var(--hoco-brand) !important;color:#fff !important;border:0 !important;
}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.single_add_to_cart_button:hover{background:var(--hoco-brand-dark) !important}

/* prices — brand purple, bold */
.woocommerce-Price-amount,.price .amount,.price ins .amount{color:var(--hoco-price);font-weight:800}
.price del,.price del .amount{color:#a99;font-weight:400;opacity:.85}

/* ---- product cards (Woodmart loop) -> /test .card look ---- */
.wd-products .product-grid-item{
  background:#fff;border:1px solid var(--hoco-line) !important;border-radius:var(--hoco-radius);
  padding:12px 12px 14px;transition:box-shadow .2s,transform .2s,border-color .2s;
}
.wd-products .product-grid-item:hover{box-shadow:var(--hoco-shadow);transform:translateY(-3px);border-color:#e6d8ea !important;z-index:2}
.wd-products .product-grid-item .product-image-link,
.wd-products .product-grid-item .product-element-top{border-radius:9px;overflow:hidden;background:#f7f5f8}
.wd-products .product-grid-item img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;padding:6px;mix-blend-mode:multiply}
.wd-products .product-grid-item .wd-entities-title{font-size:13.5px;line-height:1.5;font-weight:500;margin:10px 4px 6px;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wd-products .product-grid-item .wd-entities-title a{color:#2b2530}
.wd-products .product-grid-item .price{font-size:17px;font-weight:800;color:var(--hoco-price)}

/* ---- category tiles (Woodmart) ---- */
.wrapp-category .category-image-wrapp{border-radius:var(--hoco-radius);overflow:hidden;background:#f5f2f7;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.wrapp-category .category-image-wrapp img{aspect-ratio:1;object-fit:cover;width:100%;transition:.35s}
.wrapp-category:hover .category-image-wrapp img{transform:scale(1.06)}
.wrapp-category .category-title{font-weight:700;font-size:15px;margin-top:12px}

/* forms */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce .quantity input,select,.select2-container .select2-selection{
  border-radius:10px !important;border:1.5px solid var(--hoco-line) !important;
}

/* section heading helper for redesign blocks */
.hoco-sec{margin:34px 0}
.hoco-sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}
.hoco-sec-h h2{margin:0;font-size:23px;font-weight:800}
.hoco-sec-h h2 i{display:inline-block;width:6px;height:22px;background:var(--hoco-brand);border-radius:3px;margin-inline-end:10px;vertical-align:-3px}
.hoco-sec-h a{color:var(--hoco-brand);font-weight:700;font-size:14px;white-space:nowrap}

/* notices */
.woocommerce-info,.woocommerce-message{border-radius:10px}
.woocommerce-message{background:#eaf6ea;border-top-color:var(--hoco-wa)}