/* ==========================================================================
   Happy Layers Prints - Dual Theme Engine (Dark & Light Mode)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Floating Theme Toggle Switcher Button
   -------------------------------------------------------------------------- */
.hlp-theme-toggle-wrap {
  position: fixed;
  bottom: 80px; /* Sits conveniently above the scroll-to-top button */
  right: 20px;
  z-index: 99998;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.hlp-theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 14px 0 10px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  user-select: none;
}

/* Toggle in Dark Mode (prompting to switch to Light) */
html[data-theme="dark"] .hlp-theme-toggle-btn,
html:not([data-theme="light"]) .hlp-theme-toggle-btn {
  background-color: #232d3d;
  color: #f1f5f9;
  border-color: rgba(255, 255, 255, 0.2);
}

html[data-theme="dark"] .hlp-theme-toggle-btn:hover,
html:not([data-theme="light"]) .hlp-theme-toggle-btn:hover {
  background-color: #2d3748;
  border-color: #ff7a00;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
  transform: translateY(-2px);
}

html[data-theme="dark"] .hlp-icon-sun,
html:not([data-theme="light"]) .hlp-icon-sun {
  display: inline-flex;
  color: #f59e0b; /* Golden sun */
  animation: hlp-pulse 2s infinite ease-in-out;
}

html[data-theme="dark"] .hlp-icon-moon,
html:not([data-theme="light"]) .hlp-icon-moon {
  display: none;
}

/* Toggle in Light Mode (prompting to switch to Dark) */
html[data-theme="light"] .hlp-theme-toggle-btn {
  background-color: #ffffff;
  color: #0f172a;
  border-color: #cbd5e1;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .hlp-theme-toggle-btn:hover {
  background-color: #f8fafc;
  border-color: #ff7a00;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

html[data-theme="light"] .hlp-icon-sun {
  display: none;
}

html[data-theme="light"] .hlp-icon-moon {
  display: inline-flex;
  color: #6366f1; /* Indigo moon */
}

.hlp-theme-toggle-btn:focus-visible {
  outline: 3px solid #ff7a00 !important;
  outline-offset: 3px !important;
}

@keyframes hlp-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

@media (max-width: 600px) {
  .hlp-theme-toggle-btn .hlp-toggle-label {
    display: none;
  }
  .hlp-theme-toggle-btn {
    padding: 0;
    width: 42px;
    height: 42px;
    justify-content: center;
  }
}

/* --------------------------------------------------------------------------
   2. LIGHT THEME DEFINITIONS (html[data-theme="light"])
   -------------------------------------------------------------------------- */
html[data-theme="light"] {
  --global-palette1: #ff7a00;
  --global-palette2: #e06900;
  --global-palette3: #0f172a;
  --global-palette4: #ffffff;
  --global-palette5: #f8fafc;
  --global-palette6: #64748b;
  --global-palette7: #ffffff;
  --global-palette8: #f1f5f9;
  --global-palette9: #ffffff;
}

/* Global Background and Base Colors */
html[data-theme="light"] body,
html[data-theme="light"] #wrapper,
html[data-theme="light"] .site {
  background-color: #f8fafc !important;
  color: #334155 !important;
}

/* Header in Light Mode */
html[data-theme="light"] #masthead,
html[data-theme="light"] .site-header,
html[data-theme="light"] .site-main-header-wrap {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] #masthead .site-title a,
html[data-theme="light"] #masthead .main-navigation a,
html[data-theme="light"] #masthead .header-cart-icon,
html[data-theme="light"] #masthead .header-search-icon,
html[data-theme="light"] #masthead svg {
  color: #0f172a !important;
  fill: currentColor !important;
}

html[data-theme="light"] #masthead .main-navigation a:hover,
html[data-theme="light"] #masthead .main-navigation .current-menu-item > a {
  color: #ff7a00 !important;
}

/* Dropdown Navigation Menu in Light Mode */
html[data-theme="light"] .main-navigation ul ul.sub-menu {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .main-navigation ul ul.sub-menu a {
  color: #334155 !important;
}

html[data-theme="light"] .main-navigation ul ul.sub-menu a:hover {
  background-color: #f1f5f9 !important;
  color: #ff7a00 !important;
}

/* Headings & Text */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] .wp-block-heading,
html[data-theme="light"] .kt-adv-heading {
  color: #0f172a !important;
}

html[data-theme="light"] p,
html[data-theme="light"] .entry-content p {
  color: #334155 !important;
}

/* Homepage Row Layouts & Cards */
html[data-theme="light"] .wp-block-kadence-rowlayout,
html[data-theme="light"] .kt-row-column-wrap {
  background-color: transparent !important;
}

html[data-theme="light"] .has-theme-palette7-background-color,
html[data-theme="light"] .has-theme-palette8-background-color,
html[data-theme="light"] .has-theme-palette9-background-color {
  background-color: #f1f5f9 !important;
}

/* 4 Benefit Cards on Homepage */
html[data-theme="light"] .kt-info-box-column > .kt-blocks-info-box-link-wrap {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="light"] .kt-blocks-info-box-title {
  color: #0f172a !important;
}

html[data-theme="light"] .kt-blocks-info-box-text {
  color: #64748b !important;
}

/* ==========================================================================
   Homepage Category Cards - Light Mode (Option B: Frosted Glass Badge)
   ========================================================================== */
/* Heading (Top part of badge) */
html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 .kt-inside-inner-col .wp-block-kadence-advancedheading,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 .kt-inside-inner-col .wp-block-kadence-advancedheading,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 .kt-inside-inner-col .wp-block-kadence-advancedheading,
html[data-theme="light"] .kt-adv-heading974_aa7b54-60,
html[data-theme="light"] .kt-adv-heading974_9e6595-5a,
html[data-theme="light"] .kt-adv-heading974_33a051-49,
html[data-theme="light"] .kt-adv-heading974_56cee1-88,
html[data-theme="light"] .kt-adv-heading974_bf3481-0e,
html[data-theme="light"] .kt-adv-heading974_950633-0c {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0f172a !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  border-bottom: none !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 .kt-inside-inner-col .wp-block-kadence-advancedheading strong,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 .kt-inside-inner-col .wp-block-kadence-advancedheading strong,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 .kt-inside-inner-col .wp-block-kadence-advancedheading strong,
html[data-theme="light"] .kt-adv-heading974_aa7b54-60 strong,
html[data-theme="light"] .kt-adv-heading974_9e6595-5a strong,
html[data-theme="light"] .kt-adv-heading974_33a051-49 strong,
html[data-theme="light"] .kt-adv-heading974_56cee1-88 strong,
html[data-theme="light"] .kt-adv-heading974_bf3481-0e strong,
html[data-theme="light"] .kt-adv-heading974_950633-0c strong {
  color: #0f172a !important;
}

/* Paragraph (Bottom part of badge) */
html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 .kt-inside-inner-col p,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 .kt-inside-inner-col p,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 .kt-inside-inner-col p {
  background-color: rgba(255, 255, 255, 0.94) !important;
  color: #0f172a !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  border-top: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

/* Link "Więcej" */
html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 .kt-inside-inner-col p a,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 .kt-inside-inner-col p a,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 .kt-inside-inner-col p a,
html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 .kt-inside-inner-col p strong,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 .kt-inside-inner-col p strong,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 .kt-inside-inner-col p strong {
  color: #ff7a00 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 .kt-inside-inner-col p a::after,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 .kt-inside-inner-col p a::after,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 .kt-inside-inner-col p a::after {
  content: " →" !important;
  margin-left: 4px !important;
  display: inline-block !important;
  transition: transform 0.2s ease !important;
}

html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 .kt-inside-inner-col p a:hover,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 .kt-inside-inner-col p a:hover,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 .kt-inside-inner-col p a:hover {
  color: #e06900 !important;
}

html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 .kt-inside-inner-col p a:hover::after,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 .kt-inside-inner-col p a:hover::after,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 .kt-inside-inner-col p a:hover::after {
  transform: translateX(4px) !important;
}

/* Card Column Outer Border & Shadow in Light Mode */
html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

html[data-theme="light"] .kb-row-layout-id974_fc5c6a-90 > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col:hover,
html[data-theme="light"] .kb-row-layout-id974_406c88-e9 > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col:hover,
html[data-theme="light"] .kb-row-layout-id974_adef27-49 > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

/* Category Hero Headers (e.g. Motoryzacyjne, Breloki, etc.) */
html[data-theme="light"] .entry-hero,
html[data-theme="light"] .entry-hero-layout-above,
html[data-theme="light"] .entry-hero-layout-standard,
html[data-theme="light"] .product-archive-title-layout-above,
html[data-theme="light"] .product-archive-title-wrap,
html[data-theme="light"] .woocommerce-products-header {
  background-color: #f1f5f9 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background-image: none !important;
}

html[data-theme="light"] .entry-hero .entry-title,
html[data-theme="light"] .entry-hero h1,
html[data-theme="light"] .product-archive-title-layout-above h1 {
  color: #0f172a !important;
}

html[data-theme="light"] .entry-hero .kadence-breadcrumbs,
html[data-theme="light"] .entry-hero .kadence-breadcrumbs a,
html[data-theme="light"] .product-archive-title-layout-above .kadence-breadcrumbs a {
  color: #64748b !important;
}

html[data-theme="light"] .entry-hero .kadence-breadcrumbs a:hover,
html[data-theme="light"] .product-archive-title-layout-above .kadence-breadcrumbs a:hover {
  color: #ff7a00 !important;
}

html[data-theme="light"] .entry-hero .archive-description,
html[data-theme="light"] .entry-hero p,
html[data-theme="light"] .product-archive-title-layout-above p {
  color: #475569 !important;
}

/* WooCommerce Products in Light Mode */
html[data-theme="light"] .woocommerce ul.products li.product,
html[data-theme="light"] .woocommerce-page ul.products li.product {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .woocommerce ul.products li.product .woocommerce-loop-product__title,
html[data-theme="light"] .woocommerce div.product .product_title {
  color: #0f172a !important;
}

html[data-theme="light"] .woocommerce ul.products li.product .price,
html[data-theme="light"] .woocommerce div.product p.price {
  color: #ff7a00 !important;
}

/* Contact Page in Light Mode */
html[data-theme="light"] .page-id-1142 .kt-inside-inner-col {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .page-id-1142 input[type="text"],
html[data-theme="light"] .page-id-1142 input[type="email"],
html[data-theme="light"] .page-id-1142 input[type="tel"],
html[data-theme="light"] .page-id-1142 textarea {
  background-color: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .page-id-1142 input::placeholder,
html[data-theme="light"] .page-id-1142 textarea::placeholder {
  color: #94a3b8 !important;
}

html[data-theme="light"] .page-id-1142 h1,
html[data-theme="light"] .page-id-1142 h2,
html[data-theme="light"] .page-id-1142 h3,
html[data-theme="light"] .page-id-1142 label {
  color: #0f172a !important;
}

html[data-theme="light"] .page-id-1142 p {
  color: #475569 !important;
}

/* Footer in Light Mode */
html[data-theme="light"] #colophon,
html[data-theme="light"] .site-footer,
html[data-theme="light"] .site-footer-wrap,
html[data-theme="light"] .site-top-footer-wrap {
  background-color: #f1f5f9 !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #475569 !important;
}

html[data-theme="light"] .site-footer .widget-title,
html[data-theme="light"] .site-top-footer-wrap .widget-title {
  color: #0f172a !important;
}

html[data-theme="light"] .site-footer p,
html[data-theme="light"] .site-footer span,
html[data-theme="light"] .site-footer div,
html[data-theme="light"] .site-footer .textwidget,
html[data-theme="light"] .site-top-footer-wrap .site-footer-row-container-inner {
  color: #475569 !important;
}

html[data-theme="light"] .site-footer a,
html[data-theme="light"] .site-top-footer-wrap a,
html[data-theme="light"] .site-footer .menu li a {
  color: #64748b !important;
}

html[data-theme="light"] .site-footer a:hover,
html[data-theme="light"] .site-top-footer-wrap a:hover,
html[data-theme="light"] .site-footer .menu li a:hover {
  color: #ff7a00 !important;
}

html[data-theme="light"] .site-bottom-footer-wrap {
  background-color: #e2e8f0 !important;
  border-top: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .site-bottom-footer-wrap .site-footer-row-container-inner,
html[data-theme="light"] .site-bottom-footer-wrap p,
html[data-theme="light"] .site-bottom-footer-wrap span,
html[data-theme="light"] .site-bottom-footer-wrap div,
html[data-theme="light"] #colophon .footer-html,
html[data-theme="light"] #colophon .footer-html p {
  color: #64748b !important;
}

html[data-theme="light"] #colophon .site-bottom-footer-wrap a,
html[data-theme="light"] .site-bottom-footer-wrap .site-footer-row-container-inner a {
  color: #64748b !important;
}

html[data-theme="light"] #colophon .site-bottom-footer-wrap a:hover,
html[data-theme="light"] .site-bottom-footer-wrap .site-footer-row-container-inner a:hover {
  color: #ff7a00 !important;
}

html[data-theme="light"] #kt-scroll-up {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] #kt-scroll-up:hover {
  background-color: #ff7a00 !important;
  color: #ffffff !important;
  border-color: #ff7a00 !important;
}