/*
Theme Name: Lumilux Child
Theme URI: http://lumilux.novaworks.net
Description: This is a child theme for Lumilux Theme.
Author: Novaworks
Author URI: http: //www.novaworks.net/
Template: lumilux
Version: 1.0
*/

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

/* Header Search – full screen yerine popup kutu */
#headerSearchModal {
    position: fixed !important;
    top: 90px !important;                     /* header’ın hemen altında */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 700px !important;
    max-width: calc(100% - 40px) !important;
    height: auto !important;
    max-height: 70vh !important;
    overflow-y: auto !important;

    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18) !important;
    padding: 40px 48px !important;
    z-index: 99999 !important;
}

/* İçerideki “full-screen” davranışını kapatalım */
#headerSearchModal .site-search.full-screen {
    height: auto !important;
}

/* Close butonunu kutunun içine al, daha küçük göster */
#headerSearchModal .close-button {
    position: absolute;
    top: 14px;
    right: 18px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}





/****************************************************************/
/****************************************************************/
/****************************************************************/