/* Light mode root */
/*body.light-mode {
  background: #ffffff;
  color: #111;
}*/

/* Hero light mode */
/*body.light-mode .hero-text p {
  color: #333;
}*/

/* Product cards */
/*body.light-mode .product-card {
  background: rgba(0,0,0,0.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}*/
body.light-mode .product-info {
  background: rgba(0,0,0,0.05);
  color: #111;
}
body.light-mode .product-info .price {
  color: #043915;
}

/* Header + menus */
body.light-mode #tt-header {
  color: #111;
}
body.light-mode .tt-main-menu-list > li > a {
  color: #111;
}
body.light-mode .tt-submenu {
  background-color: #fafafa;
}
body.light-mode .tt-submenu-list li a {
  color: #333;
}

/* Overlay menu */
/*body.light-mode .tt-overlay-menu {
  background-color: #f3f3f3;
}*/
/*body.light-mode .tt-ol-menu-list > li > a {
  color: #444;
}
body.light-mode .tt-ol-menu-list > li.active > a,
body.light-mode .tt-ol-menu-list > li > a:hover {
  color: #111;
}*/

/* Logo switch */
.tt-logo-light { display: none; }
body.light-mode .tt-logo-dark { display: none; }
body.light-mode .tt-logo-light { display: inline-block; }

/* Toggle button */
/*#theme-toggle {
  background: transparent;
  border: 2px solid #fff;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  color: #fff;
  font-size: 1rem;
  transition: all 0.3s ease;
}*/
body.light-mode #theme-toggle {
  border-color: #111;
  color: #111;
}
/* Overlay menu in light mode */
/*body.light-mode .tt-overlay-menu {
  background: #fff;
  color: #111;
}*/

/*body.light-mode .tt-overlay-menu a {
  color: #111;
}

body.light-mode .tt-overlay-menu a:hover {
  color: #2563eb;
}*/

body.light-mode .tt-ol-menu-ghost {
  color: rgba(0, 0, 0, 0.3);
}

body.light-mode .tt-ol-submenu {
  background: #f3f3f3;
  border: 1px solid rgba(0,0,0,0.08);
}
/* Light mode overrides */
body.light-mode .tt-ol-menu-toggle-btn-text .text-menu,
body.light-mode .tt-ol-menu-toggle-btn-text .text-close {
  color: #043915 !important; /* dark text for visibility */
}

body.light-mode .tt-ol-menu-toggle-btn-text .text-menu::after {
  color: #043915 !important; /* hover state */
}
/* Default (dark mode) toggle button lines */
.tt-ol-menu-toggle-btn span,
.tt-ol-menu-toggle-btn span::before,
.tt-ol-menu-toggle-btn span::after {
  background-color: #043915; /* white lines for dark background */
}

/* Light mode override */
body.light-mode .tt-ol-menu-toggle-btn span,
body.light-mode .tt-ol-menu-toggle-btn span::before,
body.light-mode .tt-ol-menu-toggle-btn span::after {
  background-color: #043915; /* dark lines for light background */
}