/* Dark mode - Scoped to body.dark_mode */
body.dark_mode #slide-out {
    background-color: #363333;
}

body.dark_mode #account_header {
    background-color: #424242;
    border: solid 1px #424242;
}

body.dark_mode .afri_overlay {
    background-color: #4e4e4e;
    color: white;
}

body.dark_mode .shopping_cart_item {
    border: solid 1px #919191;
}

body.dark_mode #select_payment_method,
body.dark_mode #summary {
    filter: invert(1);
}

body.dark_mode #delivery_address_form_saved_address_btn {
    background-color: #424242;
    color: white;
}

body.dark_mode #shopping_cart_add_items,
body.dark_mode #shopping_cart_order_details_edit_btn,
body.dark_mode #shopping_cart_clear_btn {
    color: #59cf5e !important;
}

body.dark_mode #cart_footer {
    color: #dbdbdb;
}

body.dark_mode #shopping_cart_footer_total {
    color: white;
}

body.dark_mode #shopping_cart_continue {
    background-color: #424242;
}

body.dark_mode .afri_restaurant_foods>span {
    color: #ffcc00 !important;
}

body.dark_mode #services_bubbles>div {
    filter: grayscale(1) invert(0.9);
}

body.dark_mode #persistent_search_bar {
    filter: invert(0.9);
}

body.dark_mode #slide-out a {
    color: silver;
}

body.dark_mode #slide-out i {
    filter: invert(1);
}

body.dark_mode #afri_restaurant_menu_header {
    filter: invert(1);
    color: black;
}

body.dark_mode #afri_restaurant_menu_header_logo {
    filter: invert(1);
}

body.dark_mode #area_select_bg {
    background-image: url(../img/2020/Afri_backgroundblackelements_01.png);
    background-color: #363333 !important;
}

body.dark_mode #content_loader,
body.dark_mode #content_container {
    background-color: #363333 !important;
    color: #e0e0e0;
}

body.dark_mode #afridelivery_logo_mono {
    filter: brightness(1000%);
}

body.dark_mode #gps_locate_me_info {
    color: black;
    filter: invert(1);
}

body.dark_mode #services_bubbles {
    background-color: #363333 !important;
}

body.dark_mode #services_bubbles .service_card {
    opacity: 0.8;
    background-color: #424242;
}

body.dark_mode #services_bubbles .service_card h6,
body.dark_mode #services_bubbles .service_card span {
    color: #f5f5f5;
}

body.dark_mode #services_bubbles .service_card p,
body.dark_mode #services_bubbles .services_intro p {
    color: #d0d0d0;
}

body.dark_mode #services_bubbles .services_intro h5 {
    color: #f5f5f5;
}

body.dark_mode #content_loader .afri_restaurant_name {
    color: white;
}

body.dark_mode #start2020_update_location_link {
    filter: invert(1);
}

body.dark_mode #start2020_tiles>.title,
body.dark_mode #start2020_tiles>#start2020_greeting,
body.dark_mode #close_start2020_btn {
    color: white !important;
}

body.dark_mode #content_loader>.afri_restaurant_item {
    background-color: #424242;
    color: #fff;
    border-bottom: 1px solid #555;
}

body.dark_mode .afri_restaurant_item {
    background-color: #424242 !important;
    color: #fff !important;
}

body.dark_mode .afri_restaurant_name {
    color: #fff !important;
}

body.dark_mode .afri_restaurant_desc {
    color: #ccc !important;
}

body.dark_mode .afri_restaurant_pic {
    background-color: white;
}

body.dark_mode .afri_menu_item_category_name,
body.dark_mode .afri_menu_item_description {
    color: white;
}

/* Additions for better visibility */
body.dark_mode .card {
    background-color: #424242;
    color: white;
}

body.dark_mode .collection-item {
    background-color: #363333;
    color: white;
    border-bottom: 1px solid #555;
}

body.dark_mode .collection-item:hover {
    background-color: #505050 !important;
}

body.dark_mode #current_view {
    color: white;
}

body.dark_mode .afri_restaurant_branch_name {
    color: #bbb;
}

/* Service Bubbles Dark Mode - Force Override */
body.dark_mode #services_menu_2024_bubbles_left div,
body.dark_mode #services_menu_2024_bubbles_middle div,
body.dark_mode #services_menu_2024_bubbles_right div {
    background-color: #424242 !important;
    background-image: none !important;
    /* Ensure no white image overrides */
    color: white !important;
    border-color: #555 !important;
}

/* Specific icons might need inversion if they are dark-on-transparent */
body.dark_mode #services_menu_2024_bubble_gas {
    filter: invert(1);
    background-color: #ccc !important;
    /* Lighter bg for gas icon visibility */
}

/* Fix City & Zone Selectors visibility */
body.dark_mode select#delivery_city_list,
body.dark_mode select#delivery_zone_list {
    background-color: #424242 !important;
    color: white !important;
    border: 1px solid #666 !important;
}

body.dark_mode #delivery_city_list option,
body.dark_mode #delivery_zone_list option {
    background-color: #424242 !important;
    color: white !important;
}

body.dark_mode #services_menu_2024_bubbles_left div:hover,
body.dark_mode #services_menu_2024_bubbles_middle div:hover,
body.dark_mode #services_menu_2024_bubbles_right div:hover {
    border-color: yellow !important;
}

/* Restaurant tag tabs - invert colors in dark mode */
body.dark_mode #restaurant_tag_tabs {
    filter: invert(1);
}



/* Dark Mode Extensions */
body.dark_mode #active_order_banner {
    background-color: #404040;
    color: white;
}

body.dark_mode #active_order_banner .active-order-body {
    background-color: #404040;
}

body.dark_mode #active_order_banner strong {
    color: white;
}

body.dark_mode #active_order_banner .grey-text {
    color: #ccc !important;
}

body.dark_mode .featured_restaurant_card {
    background-color: #333;
    color: white;
}

body.dark_mode .featured_restaurant_name {
    color: white;
}

body.dark_mode .featured_meta_item {
    color: #ccc;
}

body.dark_mode .featured_badge {
    background-color: #555;
    color: white;
}

body.dark_mode #afrisupermarket_featured_container .afrisupermarket_strip {
    background-color: #333;
    color: white;
}

body.dark_mode #afrisupermarket_featured_container .afrisupermarket_track::-webkit-scrollbar {
    background-color: #333;
}

body.dark_mode #afrisupermarket_featured_container .afrisupermarket_item {
    background-color: #444;
    color: white;
}

body.dark_mode #afrisupermarket_featured_container .afrisupermarket_brand {
    color: #ccc;
}

body.dark_mode #afrisupermarket_featured_container .afrisupermarket_title {
    color: white;
}

body.dark_mode #afrisupermarket_featured_container .afrisupermarket_price {
    color: #4caf50;
}