/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2026 | 12:18:55 */
/* =========================================================
   ASTRA + FIBOSEARCH
   SEARCH Ở Ô GIỮA - BẢN SẠCH, KHÔNG ẢNH HƯỞNG FOOTER
========================================================= */

@media (min-width: 922px) {

    /* Chỉ chỉnh grid trong header chính, không đụng toàn site */
    header.site-header .ast-primary-header-bar .ast-builder-grid-row {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: 24px !important;
    }

    header.site-header .site-header-primary-section-center,
    header.site-header .site-header-section-center {
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    header.site-header .site-header-primary-section-center .ast-header-search,
    header.site-header .site-header-section-center .ast-header-search,
    header.site-header .site-header-primary-section-center [data-section="section-header-search"],
    header.site-header .site-header-section-center [data-section="section-header-search"] {
        width: 650px !important;
        max-width: 650px !important;
        flex: 0 0 650px !important;
        display: block !important;
        margin: 0 auto !important;
    }

    header.site-header .dgwt-wcas-search-wrapp,
    header.site-header .dgwt-wcas-sf-wrapp,
    header.site-header form.dgwt-wcas-search-form {
        width: 100% !important;
        max-width: 650px !important;
        min-width: 0 !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

/* =========================================================
   MOBILE / TABLET
========================================================= */

@media (max-width: 921px) {
    header.site-header .dgwt-wcas-search-wrapp,
    header.site-header .dgwt-wcas-sf-wrapp {
        width: 100% !important;
        max-width: none !important;
    }
}

/* =========================================================
   STYLE SEARCH BOX
========================================================= */

header.site-header .dgwt-wcas-search-wrapp {
    max-width: 650px;
    margin: 0 auto;
    border-radius: 8px !important;
    overflow: hidden;
    background: rgba(255,255,255,0.95);
}

header.site-header .dgwt-wcas-search-input {
    width: 100% !important;
    height: 42px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    font-size: 14px;
    padding-left: 45px !important;
}

header.site-header .dgwt-wcas-search-submit {
    width: 42px;
    height: 42px;
    border-radius: 8px 0 0 8px !important;
    background: transparent !important;
}

header.site-header .dgwt-wcas-ico-magnifier {
    color: #ff8a00 !important;
    font-size: 16px;
}

header.site-header .dgwt-wcas-search-wrapp:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

header.site-header .dgwt-wcas-search-input:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255,138,0,0.25);
}