#header .sologan {
    top: auto;
}

/* ===== MENU CHÍNH ===== */
.wsmainfull {
    background: #003b8e !important;
    border-top: 2px solid #002b66;
    border-bottom: 2px solid #002b66;
    position: relative;
    z-index: 9999;
}

.wsmenu > .wsmenu-list > li {
    position: relative;
}

    .wsmenu > .wsmenu-list > li > a {
        display: flex;
        align-items: center;
        gap: 4px;
        height: 50px;
        padding: 0 14px !important;
        color: #fff !important;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
    }

        .wsmenu > .wsmenu-list > li > a .wsarrow {
            position: static !important;
            margin: 0 !important;
            top: auto !important;
            transform: none !important;
        }

            .wsmenu > .wsmenu-list > li > a .wsarrow:after {
                position: relative;
                top: 1px;
            }

        /*Hover menu*/
        .wsmenu > .wsmenu-list > li > a:hover {
            background: #0056cc !important;
            color: #ffeb3b !important;
        }

        /*Menu active*/
        .wsmenu > .wsmenu-list > li > a.active {
            background: #002b66 !important;
            color: #ffffff !important;
        }

    /* ===== SUB MENU ===== */
    .wsmenu > .wsmenu-list > li > .sub-menu {
        top: 100% !important; /* luôn nằm dưới menu cha */
        left: 0;
        margin-top: 0 !important;
        z-index: 99999;
    }

/* Icon home */
.menuhomeicon {
    background: #002b66 !important;
}

    .menuhomeicon i {
        color: #fff !important;
        font-size: 18px;
    }

/* Fix menu bị chìm */
.wsmenu {
    position: relative;
    z-index: 9999;
}


.top-header-bar {
    display: flex;
    align-items: center;
    background: #f5f7fa;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

/* ===== DATE ===== */
.header-date-box {
    display: flex;
    align-items: center;
    height: 42px;
    font-weight: 600;
    color: #003b8e;
    font-size: 14px;
    padding-left: 5px;
}

#span-date {
    margin: 0;
}

/* ===== NOTICE ===== */
.header-notice {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    padding: 8px 15px;
    overflow: hidden;
    position: relative;
    height: 42px;
    line-height: 26px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

    /* chữ chạy */
    .header-notice .marquee {
        white-space: nowrap;
        color: #d10000;
        font-size: 14px;
    }

/* ===== SEARCH ===== */
.search-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-input {
    border-radius: 25px;
    border: 1px solid #cfd8e3;
    height: 42px;
    padding: 0 15px;
    box-shadow: none;
    transition: all 0.3s ease;
}

    .search-input:focus {
        border-color: #003b8e;
        box-shadow: 0 0 6px rgba(0,59,142,0.2);
    }

/* ===== BUTTON ===== */
.btn-search {
    height: 42px;
    padding: 0 18px;
    border: none;
    border-radius: 25px;
    background: #003b8e;
    color: #fff;
    font-weight: 600;
    transition: 0.3s;
}

    .btn-search:hover {
        background: #002b66;
    }

/* ===== MOBILE ===== */
@media (max-width: 767px) {

    .top-header-bar {
        display: block;
    }

    .header-date-box,
    .header-notice,
    .search-box {
        margin-bottom: 10px;
    }

    .search-box {
        width: 100%;
    }

    .search-input {
        width: 100%;
    }
}