/* ===================================================================================

* Theme Name: BildPress Child
* Theme URI: https://themeforest.net/user/basictheme/portfolio
* Author: BasicTheme
* Author URI: https://www.devsnews.com/wp/bildpress/
* Description: BildPress - Construction WordPress Theme
* Version: 1.0.3
* Template: bildpress
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

.sign-in-button {
    color: white;
    background-color: #ff5722;
    padding: 15px 70px;
    text-decoration: none;
    margin-right: 10px;
}

/* Styling for Search Icon */
.search-toggle {
    color: white;
    font-size: 30px;
    margin-right: 20px;
}

/* Styling for Cart Button */
.cart-button {
    color: white;
    font-size: 22px;
    position: relative;
}

.cart-count {
    background-color: #ff5722;
    color: white;
    padding: 2px 6px;
    border-radius: 50%;
    font-size: 12px;
    position: absolute;
    top: -10px;
    right: -10px;
}

.search-trigger{
	color:red;
}
/* Basic popup styling */
#search-popup {
    display: none; /* Initially hidden */
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: white;
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

/* Fullscreen backdrop when search bar is open */
.search-open #search-popup {
    display: block;
}

/* Style for the search input */
.search-field {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Style for the search button */
.search-submit {
    background: #333;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    margin-top: 10px;
}