.elementor-201903 .elementor-element.elementor-element-7f53386{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-201903 .elementor-element.elementor-element-7f53386:not(.elementor-motion-effects-element-type-background), .elementor-201903 .elementor-element.elementor-element-7f53386 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f6771b2 );}.elementor-201903 .elementor-element.elementor-element-d531730.elementor-element{--align-self:center;}/* Start custom CSS for shortcode, class: .elementor-element-d531730 */button {
    all: unset;
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    border: none !important;
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    transition: none;
}

.custom-search-wrapper {
    position: relative;
}

.search-icon-toggle {
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-image: url('https://bayezidbulbul.com/wp-content/uploads/2024/02/Sitemap-Logo-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    
}

.search-icon-toggle:hover {
    opacity: 0.72;
    transition: none
}

.search-icon-toggle:active {
    opacity: 1;
    transition: none
}


.search-form-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(250, 250, 252, 0);
    display: flex;
    justify-content: center;
    opacity: 0.3;
    visibility: hidden;
    transform: scale(1.1);
    z-index: 999;
    overflow: hidden;
    backdrop-filter: blur(0px) saturate(100%);
    -webkit-backdrop-filter: blur(0px) saturate(100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.search-form-overlay.active {
    opacity: 1;
    background: rgba(250, 250, 252, 1);
    visibility: visible; /* Make visible instantly */
    transform: scale(1);
    backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

/* Prevent scrolling when the overlay is active */
body.overlay-active {
    overflow: hidden; /* Lock page scrolling */
    position: fixed; /* Prevent page scrolling entirely */
    width: 100%; /* Ensure full width */
}

/* Optional: Adjust overlay content if you want it scrollable */
.search-form-overlay.active {
    overflow-y: auto; /* Allow vertical scroll within the overlay */
}




.search-form-wrapper {
    align-items: center;
    justify-content: center;
    padding: 96px 24px 0px 24px;
}

.custom-search-form {
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 600px;
    display: flex;
    align-items: center;
    opacity: 0;
    transform: translateY(0px);
    transition: opacity 0.1s ease, transform 0.1s ease;
    border-radius: 8px;
}


.custom-search-form.active {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
}


.search-field {
    flex-grow: 1;
    border: none;
    border-radius: none;
    font-family: 'BB Text';
    font-size: 17px;
    line-height: 44px;
    letter-spacing: -0.022em;
    outline: none;
    background: #fff;
    box-sizing: border-box;
    padding: 8px 8px 8px 0;
}

/* Move search-submit to the left */
.search-submit {
    all: unset;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: #808085 !important;
    border: none;
    border-radius: 50%;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    -webkit-mask-size: 24px 24px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 8px 8px 8px 12px;
}



/* Ensure the close-search button is on the right */
.close-search {
    all: unset;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding: 0;
    background-color: #808085 !important;
    border: none;
    border-radius: 50%;
    display: flex;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    -webkit-mask-size: 24px 24px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    margin: 8px;
-webkit-mask-image: url('https://bayezidbulbul.com/wp-content/uploads/2025/04/cross-close-icon-2.svg');
    -webkit-mask-size: 24px 24px;
}




.search-submit {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');
}


.search-submit:hover, .close-search:hover {
    background-color: #80808588 !important;
}/* End custom CSS */