/*
Theme Name: hello-elementor-child
Theme URI: https://elementor.com/themes/hello-theme/
Description: hello-elementor-child-theme
Author: Sahed
Author URI: https://mumazbd.com/
Template: hello-elementor
Version: 1.0.0
*/

/* Child Theme Custom CSS Starts Here */



/* Logged in user-der jonno header admin bar-er niche thakbe */
body.admin-bar .site-header,
body.admin-bar header,
body.admin-bar .elementor-location-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .site-header,
    body.admin-bar header,
    body.admin-bar .elementor-location-header {
        top: 46px !important;
    }
}


/* ==========================================================================
   CUSTOM WOOCOMMERCE SEARCH BAR STYLES
   ========================================================================== */

/* ১. সার্চ বারের প্রধান বক্স (Main Search Box Container) */
form.custom-wc-searchform {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid #dcdfe6 !important;
    border-radius: 4px !important;
    overflow: visible !important;            /* Changed from hidden to visible */
    background-color: #ffffff !important;
    width: 100% !important;
    max-width: 650px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 10 !important;
}

/* ২. ইনপুট, ড্রপডাউন ও বাটনের ডিফল্ট ডিজাইন রিসেট (Form Elements Reset) */
.custom-wc-searchform input,
.custom-wc-searchform select,
.custom-wc-searchform button {
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    height: 48px !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

/* ৩. পণ্যের নাম লেখার ইনপুট বক্স (Text Input Field) */
.custom-wc-searchform input.search-field {
    flex: 1 1 auto !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    color: #333333 !important;
    background: transparent !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

/* প্লেসহোল্ডার ডেসক্রিপশন টেক্সট (Placeholder Color) */
.custom-wc-searchform input.search-field::placeholder {
    color: #8c92a4 !important;
}

/* ৪. ক্যাটাগরি সিলেক্ট ড্রপডাউন (Category Dropdown Wrapper) */
.custom-wc-searchform .category-select-wrapper {
    border-left: 1px solid #e1e5ee !important;
    background-color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 20 !important;
}

.custom-wc-searchform select.category-dropdown {
    padding: 0 12px !important;
    font-size: 14px !important;
    color: #475569 !important;
    background: transparent !important;
    cursor: pointer !important;
    max-width: 180px !important;
    position: relative !important;
    z-index: 30 !important;
}

/* ৫. সার্চ সাবমিট বাটন (Search Icon Button) */
.custom-wc-searchform button.search-submit {
    background-color: #0b132b !important;
    padding: 0 20px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 52px !important;
    transition: background-color 0.2s ease !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/* বাটনে মাউস ধরলে রঙ পরিবর্তন (Button Hover State) */
.custom-wc-searchform button.search-submit:hover {
    background-color: #1c2541 !important;
}

/* বাটনের ভেতরের সার্চ আইকন (Search SVG Icon) */
.custom-wc-searchform button.search-submit svg {
    stroke: #ffffff !important;
    width: 18px !important;
    height: 18px !important;
}