/*
 * Manti storefront theme.
 * Scoped to body.storefront-theme-manti. Shares --storefront-* token names with
 * other storefront families for a unified future theme editor.
 */

body.storefront-theme-manti {
  --storefront-page-bg: #ffffff;
  --storefront-surface: #ffffff;
  --storefront-surface-soft: #f5f9fc;
  --storefront-border: #e2e8f0;

  --storefront-text-heading: #1a2332;
  --storefront-text-body: #475569;
  --storefront-text-muted: #64748b;
  --storefront-text-subtle: #94a3b8;
  --storefront-text-inverse: #ffffff;

  --storefront-text-link: #1a2332;
  --storefront-text-link-hover: var(--color-primary);
  --storefront-text-section-title: #1a2332;
  --storefront-text-section-subtitle: #475569;
  --storefront-text-section-kicker: var(--color-primary);

  --storefront-text-product-title: #1e293b;
  --storefront-text-product-category: #64748b;
  --storefront-text-product-meta: #64748b;
  --storefront-text-price-current: var(--color-primary);
  --storefront-text-price-previous: #94a3b8;

  --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);

  --storefront-nav-strip-bg: var(--storefront-surface-soft);

  --storefront-category-tile-bg: var(--color-primary);
  --storefront-category-tile-tint: var(--color-primary);
  --storefront-category-tile-accent: #e2e8f0;

  --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-manti .wrapper,
body.storefront-theme-manti .main-panel,
body.storefront-theme-manti .main-panel > .content,
body.storefront-theme-manti .page-inner {
  background: var(--storefront-page-bg);
  color: var(--storefront-text-body);
}

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

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

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

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

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

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

body.storefront-theme-manti .sub-title.color-primary:not([style]) {
  color: var(--storefront-text-section-kicker);
}

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

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

body.storefront-theme-manti .header .header-top,
body.storefront-theme-manti .header .header-middle,
body.storefront-theme-manti .mobile-navbar,
body.storefront-theme-manti .mobile-menu {
  background: var(--storefront-surface);
  color: var(--storefront-text-body);
}

body.storefront-theme-manti .header .header-bottom.bg-light {
  background-color: var(--storefront-nav-strip-bg) !important;
}

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

body.storefront-theme-manti .header .header-bottom :is(.nav-link, .menu-link) {
  color: var(--storefront-text-heading);
}

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

body.storefront-theme-manti .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-manti :is(
  .j2p-category-section-title,
  .j2p-flash-section-title,
  .j2p-featured-section-title,
  .j2p-top-rated-section-title,
  .j2p-cta-section-title
) {
  color: var(--storefront-text-section-title);
}

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

body.storefront-theme-manti .home-slider.home-slider-6 .sub-title:not([style]) {
  color: var(--storefront-text-section-kicker);
}

body.storefront-theme-manti .home-slider.home-slider-6 .slider-content :is(.title, h1) {
  color: var(--storefront-text-heading);
}

body.storefront-theme-manti .home-slider.home-slider-6 .slider-content .text-lg {
  color: var(--storefront-text-body);
}

body.storefront-theme-manti .banner-sm .banner-content,
body.storefront-theme-manti .banner-sm .content-inner {
  color: var(--storefront-text-body);
}

body.storefront-theme-manti .banner-sm-style-2 .description {
  color: var(--storefront-text-body);
}

body.storefront-theme-manti .banner-sm-style-2 .title:not([style]) {
  color: var(--storefront-text-heading);
}

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

body.storefront-theme-manti .category-6 .category-item-title,
body.storefront-theme-manti .category-6 .category-item-title a {
  color: var(--storefront-text-product-title);
}

body.storefront-theme-manti .category-6 .category-item a:hover .category-item-title {
  color: var(--storefront-text-link-hover);
}

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

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

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

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

body.storefront-theme-manti .product-default .product-category a:hover,
body.storefront-theme-manti .product-default-2 .product-category a:hover {
  color: var(--storefront-text-link-hover);
}

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

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

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

body.storefront-theme-manti .product-inline,
body.storefront-theme-manti .product-inline-2 {
  background: var(--storefront-surface);
  color: var(--storefront-text-body);
}

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

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

body.storefront-theme-manti .product-inline .product-category,
body.storefront-theme-manti .product-inline-2 .product-category {
  color: var(--storefront-text-product-category);
}

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

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

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

body.storefront-theme-manti .product-slider-2-wrapper .product-image-area {
  background: var(--storefront-surface-soft);
}

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

body.storefront-theme-manti .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-manti .tabs-navigation-2 .nav-tabs-style-2 .nav-link-2 {
  color: var(--storefront-text-body);
}

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

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

body.storefront-theme-manti .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-manti .btn-outline {
  color: var(--storefront-action-bg);
  border-color: var(--storefront-action-bg);
}

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

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

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

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

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

body.storefront-theme-manti .featured.featured-2 .featured-item .content h5:not([style]) {
  color: var(--storefront-text-heading);
}

body.storefront-theme-manti .featured.featured-2 .featured-item .content p.text-sm:not([style]) {
  color: var(--storefront-text-body);
}

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

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

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

body.storefront-theme-manti .footer-area .footer-widget :is(p, li, span):not(.social-link span),
body.storefront-theme-manti .footer-area .footer-widget a,
body.storefront-theme-manti .copy-right-content,
body.storefront-theme-manti .copy-right-content a,
body.storefront-theme-manti .show-more-footer {
  color: var(--storefront-text-body);
}

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

body.storefront-theme-manti .skeleton {
  --skeleton-base: #edf2f7;
  --skeleton-highlight: #f8fafc;
}