/* ĐƠN VỊ LIÊN KẾT - slide logo trên trang chủ
   (thay thế cho slide "Thư viện ảnh sự kiện" đã ngừng sử dụng) */

.partner-unit-section {
    background: #ffffff;
    position: relative;
    overflow: visible;
    padding: 40px 0;
}

/* Header đồng nhất với các section khác của trang chủ */
.partner-unit-header {
    margin-bottom: 30px !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 15px !important;
}

.partner-unit-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #264596 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* Slider */
.partner-unit-slider-container {
    position: relative;
}

.partner-unit-slider-container.swiper_wrapper {
    height: auto !important;
}

.partner-unit-slider-container .swiper-slide {
    display: flex;
    height: auto;
}

.partner-unit-slider-container .swiper-slide > .partner-unit-card {
    width: 100%;
    flex: 1;
}

/* Card logo */
.partner-unit-card {
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

/* Hover: KHÔNG dùng transform/translateY - card dịch lên sẽ bị swiper cắt mất viền.
   Chỉ đổi màu viền + đổ bóng nhẹ, card đứng yên tại chỗ. */
.partner-unit-card:hover {
    border-color: #264596;
    box-shadow: 0 2px 10px rgba(38, 69, 150, 0.12);
}

.partner-unit-card > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/* Card chỉ chứa logo -> vùng logo chiếm trọn chiều cao card */
.partner-unit-logo {
    width: 100%;
    flex: 1;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #ffffff;
}

.partner-unit-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.partner-unit-card:hover .partner-unit-logo img {
    transform: scale(1.05);
}

/* Trạng thái chưa có dữ liệu */
.partner-unit-empty {
    text-align: center;
    font-size: 16px;
    color: #6c757d;
    padding: 40px 15px;
    border: 1px dashed #e9ecef;
    border-radius: 16px;
    background: #fafafa;
}

/* Nút điều hướng - dùng lại kiểu dáng chung của các slider trang chủ */
.partner-unit-arrow-left,
.partner-unit-arrow-right {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 50px !important;
    height: 50px !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.partner-unit-arrow-left img,
.partner-unit-arrow-right img {
    width: 24px !important;
    height: 24px !important;
    transition: all 0.3s ease !important;
    display: block !important;
    filter: none !important;
    object-fit: contain !important;
}

/* Luôn hiển thị mũi tên kể cả khi swiper disable */
.partner-unit-arrow-left.swiper-button-disabled,
.partner-unit-arrow-right.swiper-button-disabled {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Desktop */
@media (min-width: 769px) {
    .partner-unit-arrow-left {
        left: 180px !important;
    }

    .partner-unit-arrow-right {
        right: 180px !important;
    }
}

/* Tablet / mobile */
@media (max-width: 768px) {
    .partner-unit-arrow-left {
        left: 0px !important;
    }

    .partner-unit-arrow-right {
        right: 0px !important;
    }

    .partner-unit-title {
        font-size: 16px !important;
    }

    .partner-unit-logo {
        min-height: 100px;
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .partner-unit-arrow-left,
    .partner-unit-arrow-right {
        width: 40px !important;
        height: 40px !important;
    }

    .partner-unit-arrow-left img,
    .partner-unit-arrow-right img {
        width: 18px !important;
        height: 18px !important;
    }
}