/* Custom Website Header Styling */

/* Force Header Background to Black */
header#top,
body .o_header_standard,
body header.o_header_standard,
body .navbar,
body #o_main_nav {
    background-color: #111 !important;
    /* background: #171422 !important; */
    border-bottom: none;
}

/* Navbar Links / Menu Items */
header#top .navbar-nav .nav-link,
header#top .nav-link,
body .o_header_standard .nav-link,
body .navbar .nav-link,
body #o_main_nav .nav-link {
    color: #ffffff !important;
    font-weight: 500;
}

/* Navbar Icons (Search, Cart, User, etc.) */
header#top i,
header#top .fa,
body .o_header_standard i,
body .o_header_standard .fa,
body .navbar i,
body .navbar .fa {
    color: #ffffff !important;
}

/* Brand / Logo Text (if text logo) */
header#top .navbar-brand,
body .o_header_standard .navbar-brand {
    color: #ffffff !important;
}

/* Hover States - Using Theme Teal */
header#top .nav-link:hover,
body .o_header_standard .nav-link:hover,
header#top i:hover,
body .o_header_standard i:hover {
    color: #2BB1A5 !important;
}

/* Active States - Using Theme Gold */
header#top .nav-link.active,
body .o_header_standard .nav-link.active {
    color: #2BB1A5 !important;
}

/* Dropdown Menu overrides (ensure visibility) */
header#top .dropdown-menu,
body .o_header_standard .dropdown-menu {
    background-color: #171422 !important;
    border: 1px solid rgba(43, 177, 165, 0.2);
}

header#top .dropdown-item,
body .o_header_standard .dropdown-item {
    color: #ffffff !important;
}

header#top .dropdown-item:hover,
body .o_header_standard .dropdown-item:hover {
    background-color: #2BB1A5 !important;
    color: #ffffff !important;
}

/* Header Cart & Search Icon Adjustments */
.o_wsale_my_cart,
.o_nav_item_search,
.o_nav_item_cart,
header .navbar-nav .nav-item a[href="/shop/cart"],
header .navbar-nav .nav-item a.o_navlink_background_hover {
    transition: all 0.3s ease !important;
}

/* Hover background for Search and Cart icons */
.o_wsale_my_cart:hover,
.o_nav_item_search:hover,
.o_nav_item_cart:hover,
header .navbar-nav .nav-item a[href="/shop/cart"]:hover,
header .o_search_button:hover {
    background-color: #FECD4F !important;
    border-radius: 50px !important;
}

/* Ensure icons turn dark on yellow background hover */
.o_wsale_my_cart:hover i,
.o_nav_item_search:hover i,
.o_nav_item_cart:hover i,
header .navbar-nav .nav-item a[href="/shop/cart"]:hover i,
header .o_search_button:hover i {
    color: #111 !important;
}

/* Cart Count Badge Color */
.o_wsale_my_cart .badge,
.o_wsale_my_cart .o_wsale_cart_quantity,
header .navbar-nav .nav-item .badge-pill,
header .navbar-nav .nav-item .badge {
    background-color: #2BB1A5 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Header Action Buttons */
header .btn,
header .btn-primary,
header .o_header_cta_btn,
header .btn-contact,
header a.btn[href="/contactus"],
header a.btn[href*="contact"] {
    background-color: #FECD4F !important;
    color: #04121D !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(254, 205, 79, 0.3) !important;
    text-decoration: none !important;
}

header .btn:hover,
header .btn-primary:hover,
header .o_header_cta_btn:hover,
header .btn-contact:hover,
header a.btn[href="/contactus"]:hover,
header a.btn[href*="contact"]:hover {
    background-color: #FECD4F !important;
    color: #FECD4F !important;
    transform: translateY(-2px) !important;
}