/*
Theme Name: Foodota
Description: Foodota is a premium & responsive WordPress theme designed for Food Related Restaurants. Foodota theme provides a complete food order your door step system where users can complete online order the food.
Author: Scripts Bundle
Theme URI: https://marketplace.foodotawp.com/
Author URI: http://scriptsbundle.com/
Version: 1.2
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 8.1
License: Themeforest Split Licence
License URI: https://themeforest.net/user/scriptsbundle/
Text Domain: foodota
Tags: translation-ready,theme-options, left-sidebar, right-sidebar, grid-layout, featured-images,sticky-post,  threaded-comments
*/

#modalOverlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.5) !important; /* Dark overlay */
    z-index: 9998 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#languageModal {
    background: white !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
    text-align: center !important;
    z-index: 9999 !important;
    width: 300px !important;
    max-width: 90vw !important;
}


#languageSelect {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 10000;
}

body.modal-open {
    overflow: hidden; /* ✅ Prevents scrolling */
}

.highlight {
/*    background-color: yellow; /* Example background color */
 /*   color: red; /* Example text color */
 
    border: 1px solid #D5EDE0 !important;  
    background: #E8F6EA;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

#matched-product {
    border: 2px solid #f00; /* Example border for the matched product */
}

.results-title {
  margin-bottom: .25rem; /* tighten space to the subtitle */
}

.results-subtitle {
  margin: 0 0 1rem;
  font-size: 0.95rem;        /* smaller than H1 */
  line-height: 1.4;
  color: #6b7280;            /* muted gray; adjust to your theme */
}

@media (max-width: 640px) {
  .results-subtitle { font-size: 0.9rem; }
}