/*
 * Electronics storefront theme.
 * Scoped to body.storefront-theme-electronics. Shares --storefront-* token names
 * with grocery, furniture, and fashion for a unified future theme editor.
 */

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

  --storefront-text-heading: #1e2a3a;
  --storefront-text-body: #4a5568;
  --storefront-text-muted: #718096;
  --storefront-text-subtle: #a0aec0;
  --storefront-text-inverse: #ffffff;

  --storefront-text-link: #1e2a3a;
  --storefront-text-link-hover: var(--color-primary);
  --storefront-text-section-title: #1e2a3a;
  --storefront-text-section-subtitle: #4a5568;
  --storefront-text-section-kicker: var(--color-primary);

  --storefront-text-product-title: #2d3748;
  --storefront-text-product-category: #718096;
  --storefront-text-product-meta: #718096;
  --storefront-text-price-current: var(--color-primary);
  --storefront-text-price-previous: #a0aec0;

  --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: rgba(var(--color-primary-rgb), 0.08);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.storefront-theme-electronics .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-electronics :is(
  .j2p-category-section-title,
  .j2p-flash-section-title,
  .j2p-tab-section-title,
  .j2p-latest-product-section-title,
  .j2p-cta-section-title
) {
  color: var(--storefront-text-section-title);
}

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

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

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

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

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

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

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

body.storefront-theme-electronics .section-title.title-floating.bg-white {
  background: var(--storefront-surface) !important;
}

body.storefront-theme-electronics .product-with-border .product-inner {
  background: var(--storefront-surface);
  color: var(--storefront-text-body);
}

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

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

body.storefront-theme-electronics .category-inline .category-list a {
  color: var(--storefront-text-body);
}

body.storefront-theme-electronics .category-inline .category-list a:hover {
  color: var(--storefront-text-link-hover);
}

body.storefront-theme-electronics .category-inline .show-more.text-dark:not([style]) {
  color: var(--storefront-text-link) !important;
}

body.storefront-theme-electronics .category-inline .show-more.text-dark:hover {
  color: var(--storefront-text-link-hover) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.storefront-theme-electronics .skeleton {
  --skeleton-base: #edf2f7;
  --skeleton-highlight: #f7fafc;
}