/*
Theme Name: Videms Furniture (Hello Elementor Child)
Theme URI: https://videms.in
Description: Premium furniture e-commerce child theme for Videms Furniture. Brand palette, Fraunces + Manrope fonts, WooCommerce styling tuned for combo-first selling. Built by Ragso Technologies.
Author: Ragso Technologies
Author URI: https://ragso.in
Template: hello-elementor
Version: 1.0.0
Text Domain: videms-hello-child
*/

/* ============ Videms brand tokens ============ */
:root {
  --vd-ink: #17130F;
  --vd-ink-soft: #4B433A;
  --vd-paper: #FFFFFF;
  --vd-sand: #F6F1E9;
  --vd-sand-deep: #ECE3D5;
  --vd-walnut: #7A5638;
  --vd-red: #E0301E;
  --vd-red-deep: #B32114;
  --vd-gold: #C8963E;
  --vd-green: #1A7F4B;
  --vd-radius: 18px;
  --vd-shadow: 0 10px 34px rgba(23,19,15,.10);
  --vd-font-display: 'Fraunces', serif;
  --vd-font-body: 'Manrope', sans-serif;
}

body {
  font-family: var(--vd-font-body);
  color: var(--vd-ink);
}
h1,h2,h3,h4 { font-family: var(--vd-font-display); font-weight: 500; letter-spacing: -.01em; }

/* ============ WooCommerce: Videms look ============ */
.woocommerce ul.products li.product {
  background: var(--vd-paper);
  border: 1px solid #EFE8DC;
  border-radius: var(--vd-radius);
  overflow: hidden;
  padding-bottom: 18px;
  transition: transform .2s, box-shadow .2s;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: var(--vd-shadow);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--vd-font-body);
  font-weight: 700; font-size: 15px;
  padding: 4px 16px 0;
}
.woocommerce ul.products li.product .price {
  font-family: var(--vd-font-display);
  font-size: 20px; font-weight: 600;
  color: var(--vd-ink);
  padding: 0 16px;
}
.woocommerce ul.products li.product .price del {
  font-family: var(--vd-font-body);
  font-size: 13px; color: #A79C8C;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: var(--vd-red);
  border-radius: 8px;
  font-weight: 800; font-size: 11px;
  min-height: 0; min-width: 0; line-height: 1;
  padding: 6px 10px;
  left: 12px; top: 12px; right: auto; margin: 0;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button {
  background: var(--vd-ink);
  color: #fff;
  border-radius: 999px;
  font-family: var(--vd-font-body);
  font-weight: 800; font-size: 14px;
  padding: 13px 26px;
  transition: background .15s;
  margin: 10px 16px 0;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover {
  background: var(--vd-red);
  color: #fff;
}
.woocommerce a.button.checkout, .woocommerce .checkout-button {
  background: var(--vd-red) !important;
}
.woocommerce a.button.checkout:hover { background: var(--vd-red-deep) !important; }

/* Single product */
.woocommerce div.product p.price {
  font-family: var(--vd-font-display);
  font-size: 32px; color: var(--vd-ink);
}
.woocommerce div.product p.price del { font-size: 16px; color: #A79C8C; }
.woocommerce div.product .woocommerce-product-rating .star-rating { color: var(--vd-gold); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: var(--vd-red);
}

/* Cart / checkout accents */
.woocommerce-message, .woocommerce-info { border-top-color: var(--vd-red); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--vd-red); }

/* Combo badge — add product tag 'combo' and this styles it */
.product_tag-combo .woocommerce-loop-product__title::after {
  content: 'COMBO DEAL';
  display: inline-block;
  background: var(--vd-gold);
  color: var(--vd-ink);
  font-size: 10px; font-weight: 800; letter-spacing: .08em;
  border-radius: 999px;
  padding: 3px 10px;
  margin-left: 8px;
  vertical-align: middle;
}

/* Savings line on sale products */
.woocommerce ul.products li.product .price ins { text-decoration: none; }

/* Utility classes usable inside Elementor */
.vd-pill {
  display: inline-block; background: var(--vd-red); color: #fff;
  font-size: 11px; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; padding: 6px 12px; border-radius: 999px;
}
.vd-card {
  background: var(--vd-paper); border: 1px solid #EFE8DC;
  border-radius: var(--vd-radius); box-shadow: var(--vd-shadow);
}