/* GLOBAL RED THEME OVERRIDE - FINAL SOLUTION
   This file ensures ALL mobile elements stay red-themed
   Load this LAST to override everything else */

/* HAMBURGER MENU LINES - ABSOLUTE RED OVERRIDE */
.burger-line,
.hamburger-line,
button.mobile-menu-toggle > span,
.mobile-header .mobile-menu-toggle > span,
.mobile-menu-toggle span {
    width: 24px !important;
    height: 3px !important;
    background: #dc3545 !important;
    background-color: #dc3545 !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 1px 2px rgba(220, 53, 69, 0.3) !important;
    display: block !important;
    margin: 3px 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    content: '' !important;
    position: relative !important;
    border: none !important;
    outline: none !important;
}

/* HAMBURGER HOVER STATES */
.mobile-menu-toggle:hover .burger-line,
.mobile-menu-btn:hover .burger-line,
.mobile-menu-toggle:hover .hamburger-line,
.mobile-menu-btn:hover .hamburger-line,
button.mobile-menu-toggle:hover > span {
    background: #c82333 !important;
    transform: scaleY(1.3) !important;
    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.6) !important;
}

/* MOBILE ICONS - ALL RED */
.mobile-actions i,
.mobile-actions a i,
.mobile-actions button i,
.cart-link i,
.wishlist-link i,
.mobile-cart-btn i,
.mobile-wishlist-btn i,
.mobile-header i,
.mobile-header-content i,
[class*="mobile"] i,
header i {
    color: #dc3545 !important;
    font-size: 20px !important;
}

/* COUNT BADGES - ALL RED */
.cart-count,
.wishlist-count,
.mobile-cart-count,
.mobile-wishlist-count,
[class*="count"],
span[class*="count"] {
    background: #dc3545 !important;
    color: white !important;
    border: 2px solid white !important;
    font-weight: 700 !important;
}

/* MOBILE HOVER STATES */
.mobile-actions a:hover,
.mobile-actions button:hover,
.cart-link:hover,
.wishlist-link:hover {
    background: rgba(220, 53, 69, 0.1) !important;
}

.mobile-actions a:hover i,
.mobile-actions button:hover i,
.cart-link:hover i,
.wishlist-link:hover i {
    color: #c82333 !important;
    transform: scale(1.1) !important;
}

/* FORCE OVERRIDE ANY ORANGE/BLUE COLORS */
[style*="color: #ff6b35"] { color: #dc3545 !important; }
[style*="color: #e67e22"] { color: #dc3545 !important; }
[style*="color: #f39c12"] { color: #dc3545 !important; }
[style*="color: #3498db"] { color: #dc3545 !important; }
[style*="color: #007bff"] { color: #dc3545 !important; }
[style*="color: orange"] { color: #dc3545 !important; }
[style*="color: blue"] { color: #dc3545 !important; }

[style*="background: #ff6b35"] { background: #dc3545 !important; }
[style*="background: #e67e22"] { background: #dc3545 !important; }
[style*="background: #f39c12"] { background: #dc3545 !important; }
[style*="background: #3498db"] { background: #dc3545 !important; }
[style*="background: #007bff"] { background: #dc3545 !important; }

/* SUPER SPECIFIC SELECTORS FOR STUBBORN ELEMENTS */
body .mobile-actions i,
body .mobile-header i,
body .burger-line,
body .hamburger-line,
body button.mobile-menu-toggle > span,
body .cart-count,
body .wishlist-count {
    background: #dc3545 !important;
}

/* FINAL NUCLEAR OPTION - FORCE RED ON EVERYTHING */
.mobile-header *[class*="icon"],
.mobile-actions *[class*="icon"],
.mobile-actions *[style*="color"],
.mobile-header *[style*="color"] {
    color: #dc3545 !important;
}

/* NUCLEAR HAMBURGER FIX - FORCE DISPLAY AND RED COLOR */
.mobile-menu-toggle span,
.mobile-menu-toggle > span,
button.mobile-menu-toggle span,
button.mobile-menu-toggle > span,
.mobile-header .mobile-menu-toggle span,
.mobile-header .mobile-menu-toggle > span {
    display: block !important;
    background: #dc3545 !important;
    background-color: #dc3545 !important;
    width: 24px !important;
    height: 3px !important;
    margin: 3px auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 2px !important;
    content: '' !important;
    position: relative !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(220, 53, 69, 0.3) !important;
}

/* Ensure toggle is always visible on mobile */
@media (max-width: 1024px) {
  .mobile-menu-toggle {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    z-index: 10005 !important;
    width: 30px !important;
    height: 30px !important;
    background: transparent !important;
    border: none !important;
    padding: 6px !important;
  }
  
  /* Force hamburger spans to be visible and red */
  .mobile-menu-toggle span {
    width: 24px !important;
    height: 3px !important;
    background: #dc3545 !important;
    background-color: #dc3545 !important;
    display: block !important;
    margin: 2px 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 2px !important;
  }
}
