/**
 * Family Meble redesign layer — WoodMart child
 * Port tokenów i brandu z prototypes/site (Editorial Flow).
 * Włączane na stagingu przed cutoverem. Nie zmienia logiki checkoutu.
 */

:root {
  --fm-red: #d62828;
  --fm-red-dark: #b91c1c;
  --fm-red-soft: #fef2f2;
  --fm-gray-900: #1f2937;
  --fm-gray-600: #6b7280;
  --fm-gray-200: #e5e7eb;
  --fm-gray-100: #f3f4f6;
  --fm-font: 'DM Sans', system-ui, -apple-system, sans-serif;
}

/* Global typography nudge — safe, non-breaking */
body.fm-redesign,
.fm-redesign body {
  font-family: var(--fm-font);
}

body.fm-redesign {
  --wd-primary-color: var(--fm-red);
  --color-primary: var(--fm-red);
}

/* Buttons / ATC brand */
body.fm-redesign .button,
body.fm-redesign button.button,
body.fm-redesign .wd-buy-now-btn,
body.fm-redesign .single_add_to_cart_button,
body.fm-redesign .checkout-button,
body.fm-redesign .woocommerce-button {
  border-radius: 10px !important;
}

body.fm-redesign .single_add_to_cart_button,
body.fm-redesign .checkout-button,
body.fm-redesign .button.alt {
  background-color: var(--fm-red) !important;
  border-color: var(--fm-red) !important;
  color: #fff !important;
}

body.fm-redesign .single_add_to_cart_button:hover,
body.fm-redesign .checkout-button:hover,
body.fm-redesign .button.alt:hover {
  background-color: var(--fm-red-dark) !important;
  border-color: var(--fm-red-dark) !important;
}

/* Prices */
body.fm-redesign .price,
body.fm-redesign .woocommerce-Price-amount {
  color: var(--fm-red);
  font-weight: 700;
}

body.fm-redesign .price del,
body.fm-redesign .price del .woocommerce-Price-amount {
  color: #9ca3af;
  font-weight: 500;
}

/* Product grid cards — cleaner editorial */
body.fm-redesign .wd-product,
body.fm-redesign .product-grid-item {
  border-radius: 12px;
}

body.fm-redesign .wd-entities-title a:hover,
body.fm-redesign .product-title a:hover {
  color: var(--fm-red) !important;
}

/* Sale badge */
body.fm-redesign .onsale {
  background: var(--fm-red) !important;
  border-radius: 6px !important;
}

/* Links accent */
body.fm-redesign a:hover {
  color: var(--fm-red);
}

/* Checkout: ONLY brand colors — do not alter layout */
body.fm-redesign.woocommerce-checkout .woocommerce-checkout-payment .button {
  background-color: var(--fm-red) !important;
}

/* My account nav */
body.fm-redesign .woocommerce-MyAccount-navigation ul li.is-active a,
body.fm-redesign .woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--fm-red);
}