/* Basic styles for the search icon */
        .header-search-icon {
            font-size: 1.4rem;
            cursor: pointer;
            color:#242323;
              text-align: center;
/*            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            color: #333;*/
        }

        /* Full-page overlay */
        .search-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(83 ,90, 75,.7);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        
        #search-hidden{
            display:none !important;
        }
#search-overlay-form{
    display:block;
    
font-family: "VazirMatn", Sans-serif;
    width:100%;
}
#search-overlay-form input::placeholder{ 
color:#fff; 
font-family: "VazirMatn", Sans-serif;
    
}

#search-overlay-form input{ 
  color: #fff;
    display: block;
    width: 100%;
    margin: auto;
    float: none;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 0;
    background: none;  border-bottom: 5px solid #fff;
}
        /* Show the overlay */
        .search-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Search input styling */
        .search-overlay input[type="text"] {
            width: 80%;
            max-width: 600px;
            padding: 15px;
            font-size: 18px;
            border: none;
            border-radius: 5px;
            outline: none;
        }

        /* Close button (optional) */
        .search-overlay .close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 24px;
            color: #fff;
            cursor: pointer;
        }