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

body.storefront-theme-kids {
  --storefront-page-bg: #ffffff;
  --storefront-surface: #ffffff;
  --storefront-surface-soft: #faf8fc;
  --storefront-border: #e8e0f0;

  --storefront-text-heading: #2c3d50;
  --storefront-text-body: #5a6573;
  --storefront-text-muted: #7b8794;
  --storefront-text-subtle: #9aa5b1;
  --storefront-text-inverse: #ffffff;

  --storefront-text-link: #2c3d50;
  --storefront-text-link-hover: var(--color-primary);
  --storefront-text-section-title: #2c3d50;
  --storefront-text-section-subtitle: #5a6573;
  --storefront-text-section-kicker: var(--color-primary);

  --storefront-text-product-title: #344054;
  --storefront-text-product-category: #6b7785;
  --storefront-text-product-meta: #7b8794;
  --storefront-text-price-current: var(--color-primary);
  --storefront-text-price-previous: #a0aab5;

  --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: #cd49cd;
  --storefront-category-tile-tint: #fff6ff;
  --storefront-category-tile-accent: #3f5dff;

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

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

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

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

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

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

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

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

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

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

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

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

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

body.storefront-theme-kids .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-kids :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-kids :is(.j2p-category-section-subtitle, .j2p-cta-section-text) {
  color: var(--storefront-text-section-subtitle);
}

body.storefront-theme-kids .j2p-video-section-title {
  color: var(--storefront-text-section-kicker);
}

body.storefront-theme-kids .j2p-video-section-subtitle {
  color: var(--storefront-text-section-title);
}

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

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

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

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

body.storefront-theme-kids .category-5 .category-item .category-title,
body.storefront-theme-kids .category-5 .category-item .category-title a {
  color: var(--storefront-text-heading);
}

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

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

body.storefront-theme-kids .product-default-4 .product-img {
  background: var(--storefront-surface) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.storefront-theme-kids .skeleton {
  --skeleton-base: #f0ecf5;
  --skeleton-highlight: #faf8fc;
}