/* ==========================
   HEADER RESPONSIVE MỚI
   ========================== */

/* Header cố định trên cùng */
.site-header,
.main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,.04);
}

/* TOP BAR: logo + buttons */
.header-top {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logo: GIỮ NGUYÊN TỶ LỆ ẢNH GỐC */
.logo-img {
    height: auto;
    width: auto;
    max-height: 80px; /* không ép méo */
    object-fit: contain;
}

/* Buttons bên phải */
.header-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn {
    border: none;
    background: transparent;
    font-size: 1.35rem;
    color: #13864a;
    cursor: pointer;
}

/* Login button */
.header-login-btn {
    background: #13864a;
    color: white;
    padding: 8px 20px;
    border-radius: 999px;
    font-weight: 600;
    border: 2px solid #13864a;
    transition: .35s;
}

    .header-login-btn:hover {
        background: white;
        color: #13864a;
    }
/* Đẩy phần nội dung xuống dưới header fixed */
.mt-nav {
    padding-top: 120px;
    margin-top: 0 !important;
}
/* Cờ tiếng Anh */
.flag-icon {
    height: 22px;
    width: auto;
    display: block;
}
/* ============================
   GẠCH XANH NGẮN THEO CHỮ MENU
   ============================ */

.main-menu .nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem 0.45rem;
    font-weight: 600;
    font-size: 0.95rem;
    color: #333 !important;
    text-transform: uppercase;
    border: none !important;
}

    /* CHỈ TÁC ĐỘNG LÊN SPAN (CHỮ) */
    .main-menu .nav-link span {
        position: relative;
        display: inline-block; /* QUAN TRỌNG: width đúng bằng chữ */
        padding: 0 2px; /* thêm chút khoảng để gạch không dính sát chữ */
    }

        /* Gạch trên */
        .main-menu .nav-link span::before,
        .main-menu .nav-link span::after {
            content: "";
            position: absolute;
            height: 3px;
            width: 100%; /* gạch = độ dài chữ */
            background: #13864a;
            transform: scaleX(0);
            transition: transform .35s ease;
        }

        /* Trên */
        .main-menu .nav-link span::before {
            top: -6px;
            left: 0;
            transform-origin: left;
        }

        /* Dưới */
        .main-menu .nav-link span::after {
            bottom: -6px;
            right: 0;
            transform-origin: right;
        }

    /* Hover và Active: chạy gạch vào */
    .main-menu .nav-link:hover span::before,
    .main-menu .nav-link:hover span::after,
    .main-menu .nav-link.active span::before,
    .main-menu .nav-link.active span::after {
        transform: scaleX(1);
    }

    /* Chữ đổi màu */
    .main-menu .nav-link:hover span,
    .main-menu .nav-link.active span {
        color: #13864a !important;
    }


/* ==========================
   MAIN NAV – DESKTOP
 /* MENU CẤP 1 — CHỈ ÁP DỤNG CHO MAIN NAV */
.main-nav > ul > li > a.nav-link {
    text-transform: uppercase;
    font-weight: 600;
}

/* MENU CẤP 2 — 3 */
.nav, .nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .nav li {
        position: relative;
    }

    .nav a {
        display: block;
        padding: 10px 15px;
        color: #222;
        text-decoration: none !important;
    }

    /* Submenu cấp 2 */
    .nav li ul {
        display: none;
        position: absolute;
        background: #333;
        min-width: 240px;
        z-index: 9999;
    }

    .nav li:hover > ul {
        display: block;
    }

    /* Submenu cấp 3 */
    .nav li ul li ul {
        left: 100%;
        top: 0;
    }

    /* MÀU + CHỮ CẤP 2–3 */
    .nav li ul li a {
        text-transform: none !important;
        color: #fff;
    }

        .nav li ul li a:hover {
            background: #333;
            color: #d4e4a7 !important; 
        }
        
/* ==========================
   HERO SLIDER HIỂU THỊ ĐÚNG
   ========================== */

/* Hero wrapper (giữ chiều cao) */
.hero-detail {
    height: 420px;
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}

/* Slide bên trong carousel */
.hero-slide {
    height: 420px;
    background-position: center;
    background-size: cover;
    position: relative;
}

/* Lớp phủ mờ */
/*.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,.05));
}*/
/* ==========================
   CARD 4 Ô TRANG CHỦ – GỐC*/
.hero-detail {
    margin-bottom: 0px !important;
}

.home-card-big {
    height: 360px !important; /* tăng chiều cao (tùy chỉnh 300–360px) */
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: #d4e4a7;
    box-shadow: 6px 8px 22px rgba(0,0,0,0.25); /* bóng nhẹ về dưới phải */
    transition: transform .35s ease, box-shadow .35s ease;
}

    /* Ảnh trong khung */
    .home-card-big img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .6s ease, filter .6s ease;
    }

/* Bỏ overlay cũ → KHÔNG dùng overlay nữa */
.home-card-overlay {
    display: none !important;
}

/* Khi hover: ảnh tối xuống + zoom rất nhẹ */
.home-card-big:hover img {
    transform: scale(1.06);
    filter: brightness(0.77); /* tối nhẹ ảnh */
}

/* Nút + tiêu đề giữ nguyên vị trí */
.home-card-content {
    /*position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    padding: 0 28px;
    z-index: 5;
    text-align: center;*/
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px; /* cách mép dưới một chút */
    padding: 0 20px; /* khoảng cách 2 bên */
    z-index: 5;
    display: flex;
    flex-direction: column; /* xếp theo cột: nút trên, title dưới */
    align-items: flex-start; /* căn TRÁI cả nút và tiêu đề */
}
/* Tiêu đề nhỏ lại & có nền mờ bao quanh */
.card-title-highlight {
    /*font-size: 0.7rem;*/ /* nhỏ ~2/3 so với 1.4rem mặc định */
    /*font-weight: 600;
    color: #fff !important;*/ /* chữ trắng */
    /*display: inline-block;*/ /* để nền ôm chữ */
    /*padding: 6px 12px;
    border-radius: 8px;
    background: rgba(0,0,0,0.45);*/ /* nền mờ trong suốt */
    /*backdrop-filter: blur(2px);*/ /* làm mờ phía sau nhẹ */
    /*-webkit-backdrop-filter: blur(2px);
    text-align: center;
    max-width: 90%;*/
    font-size: 0.7rem;
    font-weight: 600;
    color: #fff !important;
    /* chiếm toàn bộ chiều ngang card */
    display: block;
    width: calc(100% + 20px); /* 40 = 2 * 20px padding của .home-card-content */
    margin: 6px -10px 0; /* đẩy nền tràn ra sát mép trái + phải */
    padding: 6px 20px; /* giữ text không dính sát mép */

    background: rgba(0, 0, 0, 0.45); /* nền mờ hơn một chút */
    text-align: left; /* tiêu đề căn trái */

    border-radius: 0; /* dải ngang phẳng 2 đầu (nếu muốn bo thì để 6px) */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* ====== LIBRARY SLIDER CARD ====== */
/* ============================================
   THƯ VIỆN HÌNH ẢNH SLIDER – CHUẨN LAYOUT
============================================ */

.library-slider {
    width: 100%;
}

.library-card {
    width: 100%;
    height: 350px; /* bằng chiều cao 2 ô trên */
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    background: #ccc;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);
    margin: 0 auto;
}

/* Khung chứa ảnh */
.library-images {
    width: 100%;
    height: 100%;
    position: relative;
}

    .library-images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity .7s ease-in-out;
    }

        .library-images img.active {
            opacity: 1;
        }

/* Overlay chữ */
.library-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.library-icon {
    font-size: 48px;
    color: white;
}

.library-content h4 {
    color: white;
    font-size: 22px;
    margin-top: 8px;
}

/* Nút chuyển ảnh */
.library-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.35);
    border: 2px solid white;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s;
}

    .library-btn i {
        font-size: 22px;
        color: white;
    }

    .library-btn:hover {
        background: rgba(255,255,255,0.65);
    }

    /* Vị trí nút */
    .library-btn.left {
        left: 20px;
    }

    .library-btn.right {
        right: 20px;
    }

/* Hover làm ảnh tối nhẹ */
.library-card:hover .library-images img.active {
    filter: brightness(0.7);
}
/*===================/* ===== ĐĂNG KÝ THÀNH VIÊN – ===== */
.membership-section {
    /* width: 100%;
    background: linear-gradient(180deg, #032338, #064a6d) !important;
    padding: 70px 15px 80px;
    text-align: center;
    color: #ffffff !important;
    margin: 0;*/
    padding: 30px 0 40px;
    margin: 0;
}
    /* Box nền xanh – chỉnh chiều cao & căn giữa nội dung */
    .membership-section .membership-box {
        background: linear-gradient(180deg, #032338, #064a6d);
        color: #ffffff;
        text-align: center;
        border-radius: 20px;
        width: 100%;
        margin: 0 auto;
        /* chiều cao tương đương các card khác (thử khoảng này trước) */
        min-height: 260px; /* nếu card dưới cao hơn thì tăng 280/300px */
        /* căn giữa nội dung theo chiều dọc */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px; /* khoảng cách chữ với mép trong */
    }
.membership-content {
    max-width: auto;
    margin: 0 auto;
}

    /* Tiêu đề */
    .membership-content h2 {
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        margin: 0 0 12px;
    }

        /* Gạch trắng nhỏ dưới tiêu đề */
        .membership-content h2::after {
            content: "";
            display: block;
            width: 70px;
            height: 3px;
            margin: 14px auto 0;
            background-color: #1b9a4b;
            border-radius: 999px;
            opacity: 0.9;
        }

    /* Dòng mô tả */
    .membership-content p {
        font-size: 1.05rem;
        margin-top: 20px;
        margin-bottom: 32px;
        opacity: 0.9;
    }

/* Nút ĐĂNG KÝ NGAY */
.membership-btn {
    display: inline-block;
    padding: 12px 34px;
    border-radius: 999px;
    background-color: #27b45b;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color .25s ease, transform .15s ease;
}

    .membership-btn:hover {
        background-color: #1f9048;
        transform: translateY(-1px);
    }
/* ===== FOOTER CÓ NỀN ẢNH MỜ ===== */
.site-footer {
    position: relative;
    padding: 60px 0 45px;
    color: #ffffff;
    overflow: hidden;
}

    /* Overlay nhẹ hơn và KHÔNG blur để chữ rõ */
    .site-footer::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 32, 48, 0.35); /* giảm từ 0.55 → 0.35 */
        /* backdrop-filter: blur(1px);  bỏ để chữ không đục */
        z-index: 0;
    }

.site-footer-content {
    position: relative;
    z-index: 2;
    max-width: 1080px;
    margin: 0 auto;
    padding-left: 40px;
}

    /* Tiêu đề rõ hơn */
    .site-footer-content h3 {
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 20px;
        color: #ffffff !important;
    }

/* Icon line */
.footer-icon-line {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #ffffff !important;
}

    .footer-icon-line i {
        margin-right: 10px;
        color: #ffcb4c;
    }

/* Copy – chữ rõ hoàn toàn */
.footer-copy {
    margin-top: 25px;
    font-size: .9rem;
    opacity: 1 !important; /* tăng từ 0.9 → 1 */
    color: #ffffff !important;
}
/*trang con*/
/* ===== LIST PDF BÊN PHẢI TRANG CATEGORY ===== */

.pdf-slider-list {
    max-height: 260px; /* giống “slider” – có scroll nếu nhiều */
    overflow-y: auto;
    padding-right: 4px;
}

.pdf-slider-item {
    padding: 0.35rem 0.4rem;
    border-radius: 4px;
    text-decoration: none;
    color: inherit;
    transition: background-color .15s ease;
}

    .pdf-slider-item .tiny {
        font-size: .75rem;
    }

    .pdf-slider-item:hover {
        background-color: #f1f5f3;
    }

    .pdf-slider-item.active {
        background-color: #e5f5ec;
        border-left: 3px solid #13864a;
    }
/* ===== TRANG THÔNG BÁO CHI TIẾT ===== */

.hero-detail {
    height: 460px;
    background-position: center;
    background-size: cover;
    position: relative;
}

.hero-detail-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.65));
}

.hero-detail .container {
    position: relative;
    z-index: 1;
}

/* Nội dung text trong thông báo */
.news-content p {
    margin-bottom: 0.75rem;
}

.news-content ul,
.news-content ol {
    padding-left: 1.2rem;
    margin-bottom: 0.75rem;
}

.news-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}

.news-content table,
.news-content th,
.news-content td {
    border: 1px solid #dee2e6;
}

.news-content th,
.news-content td {
    padding: 0.5rem;
}

.news-content {
    text-align: justify;
    text-justify: inter-word;
}

.news-content {
    overflow: hidden; /* đề phòng mấy thứ float “chen ra ngoài” */
    word-wrap: break-word;
}

    .news-content img {
        max-width: 100% !important; /* không rộng hơn cột trái */
        height: auto !important; /* giữ tỷ lệ ảnh */
        display: block;
        margin: 8px auto; /* căn giữa nhẹ */
    }
/* khung PDF */
.pdf-viewer-wrapper {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 12px rgba(0,0,0,.05);
}
/* BREADCRUMB STYLE */
.breadcrumb-wrapper {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}

.breadcrumb-line {
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
    margin: 6px 0 20px 0;
}

/* ===== LOGIN MODAL STYLE (giống site gốc) ===== */

.login-modal .modal-dialog {
    max-width: 650px; /* rộng ngang như hình trái */
}

.login-modal .modal-content {
    border-radius: 0;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    border: none;
}

/* Thanh tiêu đề xanh */
.login-modal .login-header {
    background-color: #2ca653;
    color: #fff;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 1rem;
}

    .login-modal .login-header h5 {
        letter-spacing: .03em;
    }

/* Thân form trắng */
.login-modal .login-body {
    background-color: #fff;
    padding: 24px 32px 22px;
}

/* Label bên trái */
.login-modal .col-form-label {
    font-weight: 600;
    font-size: .9rem;
    padding-top: 0;
    padding-bottom: 0;
}

/* Ô nhập */
.login-modal .login-input {
    border-radius: 0;
    border: 1px solid #dedede;
    font-size: .9rem;
    padding: .45rem .7rem;
}

    .login-modal .login-input:focus {
        outline: none;
        box-shadow: none;
        border-color: #2ca653;
    }

/* Link quên mật khẩu */
.login-modal .login-forgot {
    font-size: .85rem;
    color: #666;
    text-decoration: none;
}

    .login-modal .login-forgot:hover {
        text-decoration: underline;
    }

/* Nút Hủy */
.login-modal .btn-login-cancel {
    min-width: 80px;
    border-radius: 3px;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 600;
    border-color: #2ca653;
    color: #2ca653;
    background-color: #fff;
}

/* Nút Đăng nhập */
.login-modal .btn-login-submit {
    min-width: 110px;
    border-radius: 3px;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #2ca653;
    border-color: #2ca653;
}

    .login-modal .btn-login-submit:hover {
        background-color: #238345;
        border-color: #238345;
    }
/*--Hiển thị menu*/
.video-widget table tr td {
    border-top: none;
    border-bottom: 1px solid #eee;
}
/*-tài liệu tham khảo*/
.reference-section .card:hover {
    transform: translateY(-3px);
    transition: .2s;
}
/* phần video chạy*/
/* Khung ngoài */
.video-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: transparent;
    padding: 10px 0;
}

/* Dãy video chạy ngang */
.video-track {
    display: flex;
    flex-direction: row;
    gap: 20px;
    animation: scroll-left 25s linear infinite;
    /* Muốn chạy nhanh hơn → giảm 25s */
}

/* Mỗi item */
.video-item {
    min-width: 250px;
    flex-shrink: 0;
    text-align: center;
}

    .video-item .thumb {
        width: 100%;
        border-radius: 8px;
    }

    .video-item .title {
        margin-top: 6px;
        font-size: 14px;
        font-weight: 600;
        color: #333;
    }

/* Animation chạy từ phải sang trái */
@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}
/*đường kẻ video khác*/
.video-section-wrapper {
    margin: 25px 0;
    position: relative;
}

    .video-section-wrapper::before,
    .video-section-wrapper::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9; /* Xám nhạt giống breadcrumb */
    }

.video-section-title {
    font-size: 14px; /* Chữ nhỏ */
    font-weight: 500;
    color: #8c8c8c; /* Xám mờ nhẹ */
    margin: 8px 0;
    text-transform: none; /* Không uppercase */
    letter-spacing: 0.3px; /* Nhỏ gọn */
}
/*hiển thị nội dung tài liệu dạng dan sách*/
/* ====== LIST TÀI LIỆU THAM KHẢO (RIÊNG BIỆT) ====== */

.reference-item {
    display: flex;
    gap: 15px;
    padding: 15px;
    background: #f7f7f7; /* xám nhạt */
    border-radius: 6px;
    margin-bottom: 20px;
    align-items: flex-start;
}

.reference-thumb {
    width: 240px;
    height: 140px;
    object-fit: cover;
    border-radius: 6px;
}

.reference-info h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

.reference-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.reference-date {
    font-size: 13px;
    color: #999;
    margin-bottom: 12px;
}

.reference-btn {
    margin-top: auto;
}
/*cho ảnh nằm gọn trong khung */
.news-card {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow .2s ease;
}

    .news-card:hover {
        box-shadow: 0 4px 14px rgba(0,0,0,0.15);
    }

/* Khung ảnh: giữ tỉ lệ và ẩn phần thừa */
.news-thumb-wrapper {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* ~16:9, muốn cao hơn thì tăng lên (vd 65%) */
    overflow: hidden;
}

    /* Ảnh fill full khung, không méo, không tràn */
    .news-thumb-wrapper .news-thumb,
    .news-thumb-wrapper .news-thumb.placeholder {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* điểm quan trọng để ảnh nằm gọn trong khung */
        display: block;
    }

/* Nếu không có ảnh: khung trống màu xám nhạt */
.news-thumb.placeholder {
    background: #e9ecef;
}

.news-title {
    min-height: 50px;
    line-height: 1.35;
}

/* Hiệu ứng rung nhẹ khi hover ảnh */
.news-thumb-wrapper .news-thumb:hover {
    animation: img-wiggle .25s linear 1;
}

@keyframes img-wiggle {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-1.5px);
    }

    50% {
        transform: translateX(1.5px);
    }

    75% {
        transform: translateX(-1px);
    }

    100% {
        transform: translateX(0);
    }
}
/* CARD TRANG CHỦ */
.home-card-big {
    border-radius: 12px;
    height: 260px;
    position: relative;
    overflow: hidden;
}

    .home-card-big img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Overlay mờ */
.home-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0.05));
}

/* Nội dung xuống sát mép */
.home-card-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px; /* ⭐ SÁT MÉP DƯỚI hơn */
    padding: 0 20px; /* tạo khoảng cách 2 bên */
    z-index: 5;
    color: #fff;
}

/* Tiêu đề nhỏ gọn – nằm sát mép ảnh */
.news-title-small {
    font-size: 0.9rem !important;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 2px;
    padding: 0;
}
* Nút Xem chi tiết sát mép trái *
.btn-see {
    /*position: relative;
    margin-left: 0 !important;*/ /* sát mép trái */
    /*padding: 0;
    margin-bottom: 13px !important;
    font-size: 0.75rem;
    font-weight: 600;
    background-color: #13864a;
    border-color: #13864a;*/
    margin: 0 0 8px 0; /* sát mép trái, cách tiêu đề 8px */
    padding: 4px 14px;
    font-size: 0.75rem;
    font-weight: 600;
    background-color: #13864a;
    border-color: #13864a;
}

/* Hiệu ứng nhẹ */
.btn-see:hover {
    background-color: #0f6f3b;
    border-color: #0f6f3b;
}
/* ============= MOBILE HEADER ============= */

.mobile-header {
    background: #ffffff;
    padding: 10px 15px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3000;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

.mobile-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* LOGO */
.mobile-logo img {
    height: 50px;
    width: auto;
    object-fit: contain;
}

/* BUTTON ĐĂNG NHẬP */
.mobile-login-btn {
    background: #1b9a4b;
    color: white;
    padding: 7px 18px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

/* ICON MENU */
.mobile-menu-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #1b9a4b;
    color: white;
    border: none;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

    /* Header nền trắng, 2 hàng */
    .site-header {
        background: #ffffff;
        border-bottom: 1px solid #e6e6e6;
        padding: 10px 0;
    }

    /* Hàng trên chứa logo */
    .header-top {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }

    /* Logo nhỏ lại, căn trái */
    .logo-img {
        max-height: 62px !important;
        width: auto;
        margin-left: 5px;
    }

    /* Hàng dưới chứa: Đăng nhập - Menu */
    .header-buttons {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: -5px;
    }

    /* Nút đăng nhập mobile */
    .header-login-btn {
        background: #13864a !important;
        color: white !important;
        border-radius: 30px;
        padding: 8px 22px;
        font-size: 15px;
        font-weight: 600;
        border: none;
    }

    /* Icon search ẩn trên mobile */
    .icon-btn {
        display: none !important;
    }

    /* Nút hamburger */
    #mobileMenuToggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: #13864a;
        color: white;
        border: none;
        font-size: 25px;
        margin-right: 5px;
    }

    /* MENU DROPDOWN MOBILE */
    .main-nav {
        display: none;
        width: 100%;
        background: #fff;
        border-top: 1px solid #e6e6e6;
        padding: 10px 0;
    }

        .main-nav.is-open {
            display: block;
        }

        .main-nav ul {
            flex-direction: column;
            margin: 0;
            padding: 0;
        }

        .main-nav li {
            width: 100%;
        }

        .main-nav a.nav-link {
            padding: 12px 20px;
            font-size: 16px;
            text-transform: none;
            border-bottom: 1px solid #eee;
        }

        /* Submenu cấp 2 mobile */
        .main-nav li.has-sub > ul {
            background: #f7f7f7;
            position: relative !important;
            display: none;
            border-radius: 0;
            padding: 0;
        }

        .main-nav li.has-sub:hover > ul {
            display: block;
        }

        .main-nav li.has-sub ul li a {
            padding-left: 35px;
            font-size: 15px;
            border-bottom: 1px solid #e6e6e6;
            background: #f7f7f7; /* nền cấp 2 */
            color: #222;
        }

    /* ✅ CẤP 3 */
    .nav li ul li ul {
        position: relative !important;
        left: 0;
        top: 0;
    }

    .main-nav li.has-sub ul li.has-sub > ul {
        background: #f7f7f7 !important;
        display: none;
        padding: 0;
        border-radius: 0;
    }

    .main-nav li.has-sub ul li.has-sub:hover > ul {
        display: block;
    }

    .main-nav li.has-sub ul li.has-sub > ul li a {
        padding-left: 55px;
        font-size: 15px;
        border-bottom: 1px solid #e6e6e6;
        background: #f7f7f7 !important; /*  cùng màu cấp 2, KHÔNG còn trắng */
        color: #222;
    }

        /* Hover cấp 2 + 3: giữ nguyên màu, không đổi */
        .main-nav li.has-sub ul li a:hover,
        .main-nav li.has-sub ul li.has-sub > ul li a:hover {
            background: #f7f7f7 !important;
            color: #222;
        }

}
/*Card gắn logo*/
/* Card tổng */
.partner-card {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 30px rgba(0,0,0,0.15);
}

/* Phần slide nền ảnh */
.partner-slide {
    position: relative;
    height: 260px; /* chỉnh cao thấp tùy ý */
    background-size: cover;
    background-position: center;
}

/* Lớp phủ làm ảnh mờ/tối lại */
.partner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.40); /* tăng/giảm độ mờ ở đây */
}

/* Nội dung (logo) nằm trên overlay */
.partner-content {
    position: relative;
    z-index: 2;
}

/* Ô bọc logo */
.partner-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
}

/* Logo nhiều kích thước vẫn đều */
.partner-logo-img {
    height: 80px; /* ép tất cả logo cao đúng 80px */
    width: auto; /* giữ tỉ lệ */
    max-width: 100%; /* không tràn khỏi cột */
    object-fit: contain;
    filter: brightness(1.05);
    transition: transform .2s ease, filter .2s ease;
}


    .partner-logo-img:hover {
        transform: scale(1.05);
        filter: brightness(1.2);
    }

/* Nút tròn trắng */
.partner-control {
    width: 56px;
    height: 56px;
    top: 50%;
    transform: translateY(-50%);
}

.partner-control-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255,255,255,0.9);
    font-size: 24px;
    color: #333;
}

/* Ẩn icon mặc định của Bootstrap */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: none;
}
/* Ẩn banner xanh của Google Translate */
.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame {
    display: none !important;
}

/* Không cho body bị đẩy xuống */
body {
    top: 0 !important;
    position: static !important;
}

/* Ẩn luôn gadget + logo nếu có */
#google_translate_element,
.goog-te-gadget span,
.goog-logo-link {
    display: none !important;
}