/* FINAL OVERRIDE: Sticky menu-area background white, highest specificity */
body.theme-electronics .header.shop.sticky .cat-nav-head > .row > .col-lg-12 > .menu-area,
body.theme-electronics-alt .header.shop.sticky .cat-nav-head > .row > .col-lg-12 > .menu-area,
.header.shop.sticky .menu-area {
  background: #fff !important;
  box-shadow: 0 4px 18px rgba(252, 252, 252, 0.1), 0 1.5px 4px rgba(44,62,80,0.04) !important;
  border-radius: 0 0 16px 16px !important;
  transition: background 0.3s, box-shadow 0.3s, border-radius 0.3s !important;
  z-index: 1002 !important;
}
/* Force sticky menu bar background white regardless of theme */
body.theme-electronics .header.shop.sticky .menu-area,
body.theme-electronics-alt .header.shop.sticky .menu-area {
  background: #fff !important;
  box-shadow: 0 4px 18px rgba(44,62,80,0.10), 0 1.5px 4px rgba(44,62,80,0.04);
  border-radius: 0 0 16px 16px;
  transition: background 0.3s, box-shadow 0.3s, border-radius 0.3s;
}
/* Electronics Theme Palette (centralized)
   Header / Footer: #0B1F3A
   Background:      #FFFFFF
   Section BG:      #F5F7FA
   Primary CTA:     #FF7A00
   Secondary CTA:   #28A745
   Text:            #333333
*/

:root {
  --electronics-header-footer: #0B1F3A;
  --electronics-bg: #ffffff;
  --electronics-section-bg: #f5f7fa;
  --electronics-cta-primary: #ff7a00;
  --electronics-cta-secondary: #28a745;
  --electronics-tag-offer: #dc3545;
  --electronics-text: #333333;
  --electronics-link: #0B1F3A;
}

/* Alternative Theme (Charcoal / White / Neon Blue / Orange) */
body.theme-electronics-alt {
  --electronics-header-footer: #121212;
  --electronics-bg: #ffffff;
  --electronics-section-bg: #ffffff;
  --electronics-cta-primary: #ff7a00;
  /* Button rule: Checkout / Pay must be green */
  --electronics-cta-secondary: #28a745;
  --electronics-text: #333333;
  --electronics-link: #00b4ff;
}

body.theme-electronics {
  background: var(--electronics-bg);
  color: var(--electronics-text);
}

body.theme-electronics-alt {
  background: var(--electronics-bg);
  color: var(--electronics-text);
}

body.theme-electronics a {
  color: var(--electronics-link);
}
body.theme-electronics a:hover,
body.theme-electronics a:focus {
  color: var(--electronics-cta-primary);
}

body.theme-electronics-alt a {
  color: var(--electronics-link);
}
body.theme-electronics-alt a:hover,
body.theme-electronics-alt a:focus {
  color: var(--electronics-cta-primary);
}

/* Header / Footer */
body.theme-electronics .header.shop,
body.theme-electronics .header.shop .topbar,
body.theme-electronics .header.shop .middle-inner,
body.theme-electronics .header.shop .header-inner,
body.theme-electronics .footer,
body.theme-electronics .footer .footer-top,
body.theme-electronics .footer .copyright {
  background: var(--electronics-header-footer);
}

body.theme-electronics-alt .header.shop,
body.theme-electronics-alt .header.shop .topbar,
body.theme-electronics-alt .header.shop .middle-inner,
body.theme-electronics-alt .header.shop .header-inner,
body.theme-electronics-alt .footer,
body.theme-electronics-alt .footer .footer-top,
body.theme-electronics-alt .footer .copyright {
  background: var(--electronics-header-footer);
}

/* Sticky header should turn white (navbar only) */
body.theme-electronics .header.shop.sticky .header-inner,
body.theme-electronics-alt .header.shop.sticky .header-inner {
  background: var(--electronics-bg) !important;
  color: var(--electronics-text) !important;
}

body.theme-electronics .header.shop.sticky .header-inner a,
body.theme-electronics-alt .header.shop.sticky .header-inner a {
  color: var(--electronics-text) !important;
}

body.theme-electronics .header.shop.sticky .header-inner a:hover,
body.theme-electronics .header.shop.sticky .header-inner a:focus,
body.theme-electronics-alt .header.shop.sticky .header-inner a:hover,
body.theme-electronics-alt .header.shop.sticky .header-inner a:focus {
  color: var(--electronics-cta-primary) !important;
}

body.theme-electronics .header.shop.sticky .header-inner .nav li:hover > a,
body.theme-electronics .header.shop.sticky .header-inner .nav li.active > a,
body.theme-electronics-alt .header.shop.sticky .header-inner .nav li:hover > a,
body.theme-electronics-alt .header.shop.sticky .header-inner .nav li.active > a {
  color: #ffffff !important;
}

body.theme-electronics .header.shop.sticky .header-inner .nav li .dropdown li a,
body.theme-electronics-alt .header.shop.sticky .header-inner .nav li .dropdown li a {
  color: var(--electronics-text) !important;
}

body.theme-electronics .header.shop.sticky .header-inner .nav li .dropdown li a:hover,
body.theme-electronics-alt .header.shop.sticky .header-inner .nav li .dropdown li a:hover {
  color: #ffffff !important;
}

body.theme-electronics .header.shop,
body.theme-electronics .footer {
  color: #ffffff;
}

body.theme-electronics-alt .header.shop,
body.theme-electronics-alt .footer {
  color: #ffffff;
}

body.theme-electronics .header.shop a,
body.theme-electronics .footer a,
body.theme-electronics .footer .single-footer h4,
body.theme-electronics .footer .single-footer .text,
body.theme-electronics .footer .contact ul li {
  color: #ffffff;
}

body.theme-electronics-alt .header.shop a,
body.theme-electronics-alt .footer a,
body.theme-electronics-alt .footer .single-footer h4,
body.theme-electronics-alt .footer .single-footer .text,
body.theme-electronics-alt .footer .contact ul li {
  color: #ffffff;
}

body.theme-electronics .header.shop a:hover,
body.theme-electronics .footer a:hover {
  color: var(--electronics-cta-primary);
}

body.theme-electronics-alt .header.shop a:hover,
body.theme-electronics-alt .footer a:hover {
  color: var(--electronics-cta-primary);
}

/* Header topbar contact details (phone / email) must be white */
body.theme-electronics .header.shop .topbar .top-left .list-main > li,
body.theme-electronics-alt .header.shop .topbar .top-left .list-main > li {
  color: #ffffff !important;
}

body.theme-electronics .header.shop .topbar .right-content .list-main > li,
body.theme-electronics-alt .header.shop .topbar .right-content .list-main > li,
body.theme-electronics .header.shop .topbar .right-content .list-main > li a,
body.theme-electronics-alt .header.shop .topbar .right-content .list-main > li a {
  color: #ffffff !important;
}

/* Footer contact details (address / email / phone) must stay white */
body.theme-electronics .footer .contact ul li,
body.theme-electronics .footer .contact ul li a,
body.theme-electronics-alt .footer .contact ul li,
body.theme-electronics-alt .footer .contact ul li a {
  color: #ffffff !important;
}

/* Section backgrounds */
body.theme-electronics .section {
  background: var(--electronics-section-bg);
}

body.theme-electronics-alt .section {
  background: var(--electronics-section-bg);
}

/*
  Button & Highlight Rules
  - Buy Now / Add to Cart: Orange
  - Checkout / Pay: Green
  - Offers / Discounts: Red (tags only)
*/

/* Buy Now / Add to Cart (ORANGE) */
body.theme-electronics .cta-buy,
body.theme-electronics .cta-cart,
body.theme-electronics .btn.cta-buy,
body.theme-electronics .btn.cta-cart,
body.theme-electronics .btn.cart,
body.theme-electronics .add-to-cart .btn:not(.min),
body.theme-electronics .product-action-2 a[title="Add to cart"],
body.theme-electronics .product-action-2 a[title="Add to Cart"] {
  background-color: var(--electronics-cta-primary) !important;
  border-color: var(--electronics-cta-primary) !important;
  color: #ffffff !important;
}

body.theme-electronics-alt .cta-buy,
body.theme-electronics-alt .cta-cart,
body.theme-electronics-alt .btn.cta-buy,
body.theme-electronics-alt .btn.cta-cart,
body.theme-electronics-alt .btn.cart,
body.theme-electronics-alt .add-to-cart .btn:not(.min),
body.theme-electronics-alt .product-action-2 a[title="Add to cart"],
body.theme-electronics-alt .product-action-2 a[title="Add to Cart"] {
  background-color: var(--electronics-cta-primary) !important;
  border-color: var(--electronics-cta-primary) !important;
  color: #ffffff !important;
}

body.theme-electronics .cta-buy:hover,
body.theme-electronics .cta-cart:hover,
body.theme-electronics .btn.cta-buy:hover,
body.theme-electronics .btn.cta-cart:hover,
body.theme-electronics .btn.cart:hover,
body.theme-electronics .add-to-cart .btn:not(.min):hover,
body.theme-electronics .product-action-2 a[title="Add to cart"]:hover,
body.theme-electronics .product-action-2 a[title="Add to Cart"]:hover {
  filter: brightness(0.95);
}

/* Checkout / Pay (GREEN) */
body.theme-electronics .cta-checkout,
body.theme-electronics .cta-pay,
body.theme-electronics .btn.cta-checkout,
body.theme-electronics .btn.cta-pay {
  background-color: var(--electronics-cta-secondary) !important;
  border-color: var(--electronics-cta-secondary) !important;
  color: #ffffff !important;
}

body.theme-electronics-alt .cta-checkout,
body.theme-electronics-alt .cta-pay,
body.theme-electronics-alt .btn.cta-checkout,
body.theme-electronics-alt .btn.cta-pay {
  background-color: var(--electronics-cta-secondary) !important;
  border-color: var(--electronics-cta-secondary) !important;
  color: #ffffff !important;
}

body.theme-electronics .cta-checkout:hover,
body.theme-electronics .cta-pay:hover,
body.theme-electronics .btn.cta-checkout:hover,
body.theme-electronics .btn.cta-pay:hover {
  filter: brightness(0.95);
}

/* Offers / Discounts (RED) - tags only */
body.theme-electronics .price-dec {
  background-color: var(--electronics-tag-offer) !important;
  color: #ffffff !important;
}

body.theme-electronics-alt .price-dec {
  background-color: var(--electronics-tag-offer) !important;
  color: #ffffff !important;
}

/* Frontend header search controls */
body.theme-electronics .header.shop .search-bar input,
body.theme-electronics .header.shop .search-bar select {
  background: #ffffff;
  color: var(--electronics-text);
}

body.theme-electronics-alt .header.shop .search-bar input,
body.theme-electronics-alt .header.shop .search-bar select {
  background: #ffffff;
  color: var(--electronics-text);
}

/* Make header search bar clearer/neater (layout only) */
body.theme-electronics .header.shop .search-bar,
body.theme-electronics-alt .header.shop .search-bar {
  width: 100%;
  max-width: 535px;
}

body.theme-electronics .header.shop .search-bar form.search-form,
body.theme-electronics-alt .header.shop .search-bar form.search-form {
  display: flex;
  align-items: stretch;
  width: 100%;
  float: none;
}

body.theme-electronics .header.shop .search-bar form.search-form input,
body.theme-electronics-alt .header.shop .search-bar form.search-form input {
  flex: 1 1 auto;
  width: 100%;
}

body.theme-electronics .header.shop .search-bar form.search-form .btnn,
body.theme-electronics-alt .header.shop .search-bar form.search-form .btnn {
  position: static;
  right: auto;
  top: auto;
  flex: 0 0 auto;
  height: 50px;
}

/* Admin (SB Admin 2) sidebar/topbar */
body.theme-electronics .bg-gradient-primary {
  background-color: var(--electronics-header-footer);
  background-image: linear-gradient(180deg, var(--electronics-header-footer) 10%, var(--electronics-header-footer) 100%);
  background-size: cover;
}

body.theme-electronics .topbar.navbar-light,
body.theme-electronics .topbar.bg-white {
  background-color: var(--electronics-header-footer) !important;
}

body.theme-electronics .topbar .nav-link,
body.theme-electronics .topbar .dropdown-toggle,
body.theme-electronics .topbar .text-gray-600 {
  color: #ffffff !important;
}
