/* --- CẤU TRÚC CHUNG --- */
.CopyRight {
    font: 13px arial;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    /* background-color: #016d3e; */ /* Bỏ comment nếu muốn nền xanh bao phủ toàn bộ */
}

/* --- FLEXBOX DÀN TRANG (Căn ngang Chữ và Ảnh) --- */
.CopyRight .footer-flex {
    display: flex !important;
    justify-content: space-between; /* Đẩy 2 bên ra xa nhau */
    align-items: center; /* Căn giữa theo chiều dọc */
    gap: 20px;
    max-width: 1200px; /* Giới hạn chiều rộng để không bị quá dài trên màn hình to */
    margin: 0 auto;
}

/* --- PHẦN CHỮ (TRÁI) --- */
.CopyRight .footer-text {
    flex: 1; /* Chiếm phần lớn không gian */
    color: #fff;
    text-align: justify;
}

.CopyRight .footer-text .title-bank {
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #fff;
    line-height: 1.4;
}

.CopyRight .CopyRightText {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6; /* Tăng khoảng cách dòng cho thoáng */
    color: #fff;
    margin-bottom: 6px;
}

/* --- PHẦN LOGO (PHẢI) --- */
.CopyRight .footer-logo {
    display: block !important;
    width: 150px; /* Chiều rộng chuẩn */
    flex-shrink: 0; /* Không cho phép bị co lại */
    text-align: right;
}

.CopyRight .footer-logo img {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: contain;
}

/* --- RESPONSIVE MOBILE (Điện thoại) --- */
@media only screen and (max-width: 768px) {
    /* Khung chứa chính */
    .CopyRight .footer-flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
        padding-bottom: 10px;
    }
    
    .CopyRight .footer-text {
        width: 100%;
        padding: 0 10px; /* Cách lề an toàn */
    }
    
    /* --- TINH CHỈNH TIÊU ĐỀ (PHẦN QUAN TRỌNG NHẤT) --- */
    .CopyRight .footer-text .title-bank {
        font-size: 14px !important;       /* Giảm size nhẹ để hạn chế rớt chữ lẻ loi */
        line-height: 1.6 !important;      /* Tăng khoảng cách dòng cho thoáng */
        text-align: center !important;
        font-weight: 800;                 /* In đậm hơn để rõ nét */
        text-transform: uppercase;
        color: #fff;
        
        /* Hiệu ứng bóng đổ: Giúp chữ tách biệt khỏi nền hoa văn */
        text-shadow: 0 2px 4px rgba(0,0,0, 0.6); 
        
        margin-bottom: 15px;              /* Đẩy phần địa chỉ xuống xa hơn */
        letter-spacing: 0.5px;            /* Giãn chữ nhẹ giúp sang trọng hơn */
    }

    /* Tinh chỉnh phần địa chỉ và sđt */
    .CopyRight .CopyRightText {
        font-size: 13px;
        margin-bottom: 10px;
        line-height: 1.5;
        padding: 0 5px;
        text-shadow: 0 1px 2px rgba(0,0,0, 0.5); /* Bóng nhẹ cho chữ nhỏ */
    }

    /* Phần Logo */
    .CopyRight .footer-logo {
        margin-top: 5px;
        width: 90px !important; /* Tăng nhẹ kích thước logo lên chút cho cân đối */
        max-width: 90px;
        height: auto;
    }
    
    .CopyRight .footer-logo img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* --- STYLE CHO DÒNG BẢN QUYỀN MỚI --- */
.CopyRight .design-by {
    text-align: center;         /* Căn giữa */
    color: rgba(255, 255, 255, 0.8); /* Màu trắng hơi mờ chút cho tinh tế */
    font-size: 12px;            /* Cỡ chữ nhỏ vừa phải */
    font-family: Arial, sans-serif;
    margin-top: 15px;           /* Cách phần nội dung bên trên 15px */
    padding-top: 10px;          /* Khoảng đệm bên trong */
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* Đường kẻ mờ ngăn cách */
    width: 100%;
}

/* Ẩn dấu ngắt dòng trên máy tính, chỉ hiện trên mobile */
br.mobile-break {
    display: none;
}

/* --- CẬP NHẬT MOBILE (Để xử lý dấu ngắt dòng tiêu đề) --- */
@media only screen and (max-width: 768px) {
    br.mobile-break {
        display: block; /* Cho phép xuống dòng ở tiêu đề trên điện thoại */
    }
    
    .CopyRight .design-by {
        font-size: 11px; /* Nhỏ hơn chút trên điện thoại */
        margin-top: 10px;
    }
}