/*
 * Furniture storefront theme.
 * Uses the shared --storefront-* token names so the admin theme editor can
 * target every storefront family with the same fields.
 */

body.storefront-theme-furniture {
  --storefront-page-bg: #ffffff;
  --storefront-surface: #ffffff;
  --storefront-surface-soft: #f8f5f0;
  --storefront-border: #e4dbcf;

  --storefront-text-heading: #2b2118;
  --storefront-text-body: #5f544a;
  --storefront-text-muted: #8a7d71;
  --storefront-text-subtle: #aa9f94;
  --storefront-text-inverse: #ffffff;

  --storefront-text-link: #2b2118;
  --storefront-text-link-hover: var(--color-primary);
  --storefront-text-section-title: #2b2118;
  --storefront-text-section-subtitle: #6e6257;
  --storefront-text-section-kicker: #8a7d71;

  --storefront-text-product-title: #2f251c;
  --storefront-text-product-category: #75695f;
  --storefront-text-product-meta: #897f75;
  --storefront-text-price-current: var(--color-primary);
  --storefront-text-price-previous: #a69c92;

  --storefront-action-bg: var(--color-primary);
  --storefront-action-text: #ffffff;
  --storefront-action-hover-bg: var(--color-primary);
  --storefront-focus-ring: rgba(var(--color-primary-rgb), 0.24);

  /* Main nav bar only; theme editor can override later via a dedicated token. */
  --storefront-header-nav-bg: transparent;

  --color-dark: var(--storefront-text-heading);
  --color-gray-1: var(--storefront-text-muted);
  --color-gray-2: var(--storefront-text-body);
  --border: var(--storefront-border);

  background: var(--storefront-page-bg);
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .wrapper,
body.storefront-theme-furniture .main-panel,
body.storefront-theme-furniture .main-panel > .content,
body.storefront-theme-furniture .page-inner {
  background: var(--storefront-page-bg);
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture :is(h1, h2, h3, h4, h5, h6, .title, .title-sm, .title-md, .category-title) {
  color: var(--storefront-text-heading);
}

body.storefront-theme-furniture :is(p, .text, .text-lg, .ratings-total) {
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .text-muted:not([style]),
body.storefront-theme-furniture .color-medium:not([style]) {
  color: var(--storefront-text-muted) !important;
}

body.storefront-theme-furniture .text-white:not([style]) {
  color: var(--storefront-text-inverse) !important;
}

body.storefront-theme-furniture :is(a, .nav-link, .menu-link) {
  color: var(--storefront-text-link);
}

body.storefront-theme-furniture :is(a, .nav-link, .menu-link):is(:hover, :focus, .active) {
  color: var(--storefront-text-link-hover);
}

body.storefront-theme-furniture .header .header-top {
  background: var(--storefront-surface);
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .header .header-middle,
body.storefront-theme-furniture .mobile-navbar {
  background: var(--storefront-header-nav-bg);
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .mobile-menu {
  background: var(--storefront-surface);
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .header .header-top :is(li, p, a),
body.storefront-theme-furniture .header .header-middle :is(.nav-link, .menu-link) {
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .header .header-middle :is(.nav-link, .menu-link):is(:hover, :focus, .active),
body.storefront-theme-furniture .header .header-top a:is(:hover, :focus) {
  color: var(--storefront-text-link-hover);
}

body.storefront-theme-furniture .menu :is(.setting-dropdown, .cart-dropdown, .submenu, .mega-dropdown, .category-dropdown) {
  background: var(--storefront-surface);
  color: var(--storefront-text-body);
  border-color: var(--storefront-border);
}

body.storefront-theme-furniture :is(
  .j2p-category-section-title,
  .j2p-flash-section-title,
  .j2p-tab-section-title,
  .j2p-top-rated-section-title,
  .j2p-top-selling-section-title,
  .j2p-cta-section-title,
  .j2p-video-section-title
) {
  color: var(--storefront-text-section-title);
}

body.storefront-theme-furniture :is(
  .j2p-category-section-subtitle,
  .j2p-flash-section-subtitle,
  .j2p-tab-section-subtitle,
  .j2p-cta-section-text,
  .j2p-video-section-subtitle,
  .j2p-video-section-text
) {
  color: var(--storefront-text-section-subtitle);
}

body.storefront-theme-furniture .home-slider .slider-content .text-lg,
body.storefront-theme-furniture .banner-sm .sub-title {
  color: var(--storefront-text-section-kicker);
}

body.storefront-theme-furniture .section-title .title {
  color: var(--storefront-text-section-title);
}

body.storefront-theme-furniture .category-2 .category-content {
  background: var(--storefront-surface);
  border-color: var(--storefront-border) !important;
}

body.storefront-theme-furniture .category-2 .category-title,
body.storefront-theme-furniture .category-2 .category-title a {
  color: var(--storefront-text-product-title);
}

body.storefront-theme-furniture .category-2 .category-title a:hover {
  color: var(--storefront-text-link-hover);
}

body.storefront-theme-furniture .product-default,
body.storefront-theme-furniture .product-inline,
body.storefront-theme-furniture .quick-view-modal .modal-content {
  background: var(--storefront-surface);
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .product-default .product-title,
body.storefront-theme-furniture .product-default .product-title a,
body.storefront-theme-furniture .product-inline .product-title,
body.storefront-theme-furniture .product-inline .product-title a {
  color: var(--storefront-text-product-title);
}

body.storefront-theme-furniture .product-default:hover .product-title,
body.storefront-theme-furniture .product-default:hover .product-title a,
body.storefront-theme-furniture .product-inline:hover .product-title,
body.storefront-theme-furniture .product-inline:hover .product-title a {
  color: var(--storefront-text-link-hover);
}

body.storefront-theme-furniture .product-default .product-category,
body.storefront-theme-furniture .product-default .product-category a,
body.storefront-theme-furniture .product-inline .product-category,
body.storefront-theme-furniture .product-inline .product-category a {
  color: var(--storefront-text-product-category);
}

body.storefront-theme-furniture .product-default .ratings-total,
body.storefront-theme-furniture .product-inline .ratings-total {
  color: var(--storefront-text-product-meta);
}

body.storefront-theme-furniture .product-default .product-price .new-price,
body.storefront-theme-furniture .product-inline .product-price .new-price {
  color: var(--storefront-text-price-current);
}

body.storefront-theme-furniture .product-default .product-price .old-price,
body.storefront-theme-furniture .product-inline .product-price .old-price,
body.storefront-theme-furniture .line_through {
  color: var(--storefront-text-price-previous);
}

body.storefront-theme-furniture .tabs-navigation .nav .nav-link {
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .tabs-navigation .nav .nav-link:is(:hover, .active) {
  color: var(--storefront-action-text);
  background: var(--storefront-action-bg);
  border-color: var(--storefront-action-bg);
}

body.storefront-theme-furniture .btn-primary {
  color: var(--storefront-action-text);
  background-color: var(--storefront-action-bg);
  border-color: var(--storefront-action-bg);
}

body.storefront-theme-furniture .btn-primary:is(:hover, :focus, :active) {
  color: var(--storefront-action-text);
  background-color: var(--storefront-action-hover-bg);
  border-color: var(--storefront-action-hover-bg);
  box-shadow: 0 0 0 0.2rem var(--storefront-focus-ring);
}

body.storefront-theme-furniture .btn-outline {
  color: var(--storefront-action-bg);
  border-color: var(--storefront-action-bg);
}

body.storefront-theme-furniture .btn-outline:is(:hover, :focus) {
  color: var(--storefront-action-text);
  background: var(--storefront-action-bg);
  border-color: var(--storefront-action-bg);
}

body.storefront-theme-furniture .btn-icon {
  color: var(--storefront-text-link);
}

body.storefront-theme-furniture .btn-icon:is(:hover, :focus, .active) {
  color: var(--storefront-action-text);
  background-color: var(--storefront-action-bg);
}

body.storefront-theme-furniture .product-countdown .count {
  color: var(--storefront-text-heading);
  border-color: var(--storefront-border);
  background: var(--storefront-surface-soft);
}

body.storefront-theme-furniture .product-countdown .count-period {
  color: var(--storefront-text-muted);
}

body.storefront-theme-furniture .newsletter .image-inner .content {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.storefront-theme-furniture .newsletter .image-inner .content :is(.title, h3) {
  color: var(--storefront-text-section-title);
}

body.storefront-theme-furniture .footer-area,
body.storefront-theme-furniture .copy-right-area {
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .footer-area .footer-widget :is(h3, .title),
body.storefront-theme-furniture .footer-area .footer-widget .j2p-footer-links-title,
body.storefront-theme-furniture .footer-area .footer-widget .j2p-footer-subscriber-title {
  color: var(--storefront-text-heading);
}

body.storefront-theme-furniture .footer-area .footer-widget :is(p, li, span),
body.storefront-theme-furniture .footer-area .footer-widget a,
body.storefront-theme-furniture .copy-right-content,
body.storefront-theme-furniture .copy-right-content a {
  color: var(--storefront-text-body);
}

body.storefront-theme-furniture .footer-area .footer-widget a:hover,
body.storefront-theme-furniture .copy-right-content a:hover {
  color: var(--storefront-text-link-hover);
}

body.storefront-theme-furniture .skeleton {
  --skeleton-base: #f0ece6;
  --skeleton-highlight: #fbf9f6;
}

/* Flash sale decorative backdrop — on .col-lg-8 so Slick overflow does not clip it. */
body.storefront-theme-furniture .new-product {
  overflow: visible;
}

body.storefront-theme-furniture .new-product .col-lg-8 {
  position: relative;
  z-index: 0;
}

body.storefront-theme-furniture .new-product .col-lg-8::after {
  position: absolute;
  content: "";
  right: -30%;
  top: 50%;
  width: calc(100% / 2 * 1.5);
  height: calc(100% / 2 * 2.2);
  transform: translateY(-50%);
  margin-top: -15px;
  background: rgba(var(--color-primary-rgb), 0.13);
  z-index: 0;
  pointer-events: none;
}

body.storefront-theme-furniture .new-product .col-lg-8::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: calc(100% / 2 * 1.15);
  height: calc(100% / 2 * 2.5);
  transform: translateY(-50%);
  margin-top: -15px;
  border: 10px solid var(--color-primary);
  z-index: 0;
  pointer-events: none;
}

body.storefront-theme-furniture .new-product .product-slider::before,
body.storefront-theme-furniture .new-product .product-slider::after {
  display: none;
}

body.storefront-theme-furniture .new-product .product-slider {
  position: relative;
  z-index: 1;
}

html[dir="rtl"] body.storefront-theme-furniture .new-product .col-lg-8::after {
  left: -30%;
  right: auto;
}

html[dir="rtl"] body.storefront-theme-furniture .new-product .col-lg-8::before {
  left: 0;
  right: auto;
}