/*!
 Theme Name:   HaLimMovie Child
 Theme URI:    http://halimthemes.com
 Description:  HaLimMovie - Premium Wordpress Movie Theme
 Author:       HoangHa
 Author URI:   http://halimthemes.com
 Template:     halimmovies
*/
/* --- Phần thông tin gói VIP đang hoạt động --- */
.vip-info-container .vip-status-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 20px !important;
}
.vip-info-container .vip-status-list li {
    background-color: rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border-radius: 5px !important;
    border-left: 4px solid #4caf50 !important;
    font-size: 15px !important;
}
.vip-info-container .vip-status-list .status-active {
    color: #4caf50 !important;
    font-weight: bold !important;
}
.vip-info-container .vip-status-list strong {
    color: #fff !important;
}

/* --- Bảng lịch sử giao dịch --- */
.vip-info-container .table-responsive {
    border: 1px solid #444 !important;
    border-radius: 5px !important;
}
.vip-info-container .table {
    background-color: #222 !important;
    border: none !important;
    margin-bottom: 0 !important;
}
.vip-info-container .table thead th {
    background-color: #111 !important;
    color: #fff !important;
    border: none !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}
.vip-info-container .table tbody tr {
    background-color: transparent !important;
}
.vip-info-container .table tbody td {
    color: #ccc !important;
    border-color: #444 !important;
    vertical-align: middle !important;
}
.vip-info-container .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.15) !important;
}

/* Các nhãn trạng thái */
.vip-info-container .label {
    padding: 5px 10px !important;
    font-size: 11px !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    text-shadow: none !important;
}
.label-success { background-color: #4caf50 !important; }
.label-warning { background-color: #ff9800 !important; }
.label-danger { background-color: #f44336 !important; }
.label-info { background-color: #03a9f4 !important; }
/* CSS cho phần Gia Hạn Chủ Động */
.renewal-options-container {
    display: flex;
    gap: 10px; /* Thêm khoảng cách giữa các nút */
    flex-wrap: wrap;
    padding-top: 10px;
}

.mepr-renewal-button {
    display: inline-block;
    padding: 10px 15px;
    background-color: #007bff; /* Màu nút */
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    font-weight: 500;
    transition: background-color 0.3s;
    text-align: center;
    flex-grow: 1; 
    min-width: 100px;
    max-width: 200px;
}

.mepr-renewal-button:hover {
    background-color: #0056b3; 
}

/* Đảm bảo chữ thông báo dễ đọc trên nền tối */
.halim_box p {
    color: #ccc; 
}