/*
Theme Name: Maxcoach Child
Theme URI: http://maxcoach.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 1.0.0
Template: maxcoach
Text Domain:  maxcoach-child
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
/* Đổi màu nền hộp thông tin khóa học (đang bị trắng) */
.entry-course-info {
    background-color: #0B1B32 !important; /* Màu xanh đen */
    color: #ffffff !important; /* Ép chữ sang màu trắng cho chắc */
    border: 1px solid rgba(255,255,255,0.1); /* Thêm viền mờ cho đẹp (tùy chọn) */
}

/* Đổi màu các icon và text bên trong sang trắng hết */
.entry-course-info li, 
.entry-course-info span, 
.entry-course-info i {
    color: #ffffff !important;
}

/* Giữ màu xanh lá cho giá tiền / chữ Free */
.entry-course-info .price, 
.entry-course-info .course-price {
    color: #28a745 !important;
}
/* --- CUSTOM COURSE INFO BOX (Slider/List) --- */

/* 1. Đổi nền sang màu xanh đen & chữ trắng */
.course-wrapper .course-info,
.course-info {
    background-color: #0B1B32 !important; /* Màu xanh đen giống Sidebar */
    color: #ffffff !important; /* Chữ thường sang trắng */
    border-color: rgba(255,255,255,0.1) !important; /* Đổi màu viền nếu có */
}

/* 2. Đổi tiêu đề khóa học và các icon sang trắng */
.course-info h3, 
.course-info h3 a,
.course-info .course-meta,
.course-info .course-meta li,
.course-info i {
    color: #ffffff !important;
}

/* 3. Hiệu ứng khi rê chuột vào tiêu đề (đổi sang màu xanh lá cho đẹp) */
.course-info h3 a:hover {
    color: #28a745 !important;
}

/* 4. Giữ giá tiền màu xanh lá nổi bật */
.course-info .price, 
.course-info .course-price {
    color: #28a745 !important;
    font-weight: bold;
}

/* --- CUSTOM CURRICULUM HEADER (Tiêu đề Module) --- */

.lp-course-curriculum .course-section .course-section-header {
    background-color: #0B1B32 !important; /* Đổi nền sang xanh đen */
    color: #ffffff !important; /* Đảm bảo chữ trắng */
    border: 1px solid rgba(255,255,255,0.1); /* Thêm viền mờ cho đẹp */
    border-radius: 5px; /* Bo góc nhẹ */
}
.single-lp_course .lp-course-curriculum .course-section .course-section-header {color: #28a745 !important;}
.single-lp_course .lp-course-curriculum .course-section {color: #28a745 !important;}
/* Đổi màu mũi tên (icon mở rộng) sang trắng luôn */
.lp-course-curriculum .course-section .section-toggle i,
.lp-course-curriculum .course-section .section-header-title {
    color: #ffffff !important;
}

.single-tp_event .entry-details-bar {color: #28a745 !important;}

/* --- CUSTOM HEADER MENU COLOR (Ép màu trắng) --- */

/* 1. Đổi màu chữ Menu cấp 1 sang Trắng */
.header-10.header-dark .menu--primary > ul > li > a {
    color: #ffffff !important;
}

/* 2. Đổi màu các Icon bên phải (Search, User, Cart...) sang Trắng
.header-tools .header-element i,
.header-tools .header-element a {
    color: #ffffff !important;
} */

/* 3. Hiệu ứng Hover (Rê chuột) đổi sang màu Xanh Lá */
.header-10.header-dark .menu--primary > ul > li:hover > a, .header-10.header-dark .menu--primary > ul > li > a:hover, .header-10.header-dark .menu--primary > ul > li > a:focus, .header-10.header-dark .menu--primary > ul > .current-menu-ancestor > a, .header-10.header-dark .menu--primary > ul > .current-menu-item > a{
    color: #28a745 !important;
}

.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {color: #ffffff !important;}
.fa, .fa-brands, .fa-classic, .fa-duotone, .fa-light, .fa-regular, .fa-sharp, .fa-sharp-solid, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fasl, .fasr, .fass, .fat {color: #28a745 !important;}

/* --- CUSTOM BUTTON MOBILE & TABLET (Dạng Hộp) --- */
@media screen and (max-width: 1024px) {
    .slide-button {
        border: 1px solid #28a745 !important; /* Viền bao quanh toàn bộ */
        padding: 10px 20px !important; /* Tạo độ dày cho nút bấm dễ chạm */
        border-radius: 5px !important; /* Bo góc mềm mại */
        display: inline-block !important; /* Co gọn nút lại */
        background-color: transparent; /* Nền trong suốt */
        margin-top: 10px;
    }
    
    /* Khi chạm tay vào thì đổi màu nền nhẹ */
    .slide-button:active {
        background-color: rgba(40, 167, 69, 0.1) !important;
    }
}

/* --- FIX HEADER MENU MOBILE (Phần chứa Logo) --- */

/* 1. Đổi nền phần đầu menu sang Xanh Đen */
.page-mobile-menu-header {
    background-color: #0B1B32 !important; /* Màu xanh đen */
    border-bottom: 1px solid rgba(255,255,255,0.1); /* Kẻ viền mờ ngăn cách */
}

/* 2. Đổi màu nút đóng (Dấu X) sang trắng */
.page-mobile-menu-header .mobile-menu-close {
    color: #ffffff !important;
    background-color: transparent !important; /* Xóa nền xám nếu có */
}

/* 3. (Quan trọng) Ẩn hoặc đổi màu Logo nếu Logo của bạn đang màu đen */
/* Nếu Logo bị chìm, ta có thể tạm thời dùng filter để đảo màu nó sang trắng */
.page-mobile-menu-header .logo img {
    filter: brightness(0) invert(1); /* Biến logo đen thành trắng */
}

/* --- FIX LỖI KHÔNG ĐỔI MÀU HEADER MOBILE (Code Mạnh Nhất) --- */

/* Gọi đích danh ID cha để ghi đè */
#page-mobile-main-menu .page-mobile-menu-header,
div.page-mobile-menu-header {
    background: #0B1B32 !important; /* Dùng property shorthand */
    background-color: #0B1B32 !important; /* Dùng property chi tiết */
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* Đảm bảo nút đóng (X) và Logo hiển thị tốt trên nền tối */
#page-mobile-main-menu .page-mobile-menu-header .mobile-menu-close {
    color: #ffffff !important;
    background: transparent !important;
}

/* Đảo màu logo sang trắng (nếu logo gốc màu đen) */
#page-mobile-main-menu .page-mobile-menu-header .logo img {
    filter: brightness(0) invert(1) !important;
}