/* AQSkill-inspired Masteriyo LMS Courses Layout Styling */

/* Page Overall Styling */
.post-type-archive-masteriyo-course,
.archive.post-type-archive-masteriyo_course {
    background-color: #fcfdfe !important;
}

/* Masteriyo Archive Cards styling */
.masteriyo-course-card, 
.masteriyo-course-list .masteriyo-course {
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.masteriyo-course-card:hover,
.masteriyo-course-list .masteriyo-course:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(121, 99, 224, 0.1), 0 10px 10px -5px rgba(121, 99, 224, 0.04) !important;
    border-color: rgba(121, 99, 224, 0.3) !important;
}

/* Featured Image */
.masteriyo-course-card__header,
.masteriyo-course-card .masteriyo-course-card__header img,
.masteriyo-course-list .masteriyo-course-image img {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.masteriyo-course-card:hover .masteriyo-course-card__header img,
.masteriyo-course-list .masteriyo-course:hover .masteriyo-course-image img {
    transform: scale(1.06) !important;
}

/* Badges / Category Tag Style */
.masteriyo-course-card__category,
.masteriyo-course-list .masteriyo-course-category {
    display: inline-block !important;
    background: rgba(121, 99, 224, 0.08) !important;
    color: #7963e0 !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-radius: 20px !important;
    margin-bottom: 12px !important;
}

/* Course Titles styling */
.masteriyo-course-card__title,
.masteriyo-course-list .masteriyo-course-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #1e1b4b !important;
    margin: 8px 0 12px 0 !important;
    transition: color 0.2s ease !important;
}

.masteriyo-course-card:hover .masteriyo-course-card__title,
.masteriyo-course-list .masteriyo-course:hover .masteriyo-course-title {
    color: #7963e0 !important;
}

/* Pricing and enroll button bar like AQSkill */
.masteriyo-course-card__footer,
.masteriyo-course-list .masteriyo-course-footer {
    border-top: 1px solid #f1f5f9 !important;
    padding: 16px 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #fafafc !important;
    margin-top: auto !important;
}

.masteriyo-course-card__price,
.masteriyo-course-list .masteriyo-course-price {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #10b981 !important; /* Green Accent */
}

/* Beautiful Button style */
.masteriyo-course-card__btn,
.masteriyo-course-list .masteriyo-course-btn,
.masteriyo-course-list .masteriyo-btn {
    background-color: #7963e0 !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 6px -1px rgba(121, 99, 224, 0.2) !important;
}

.masteriyo-course-card__btn:hover,
.masteriyo-course-list .masteriyo-course-btn:hover,
.masteriyo-course-list .masteriyo-btn:hover {
    background-color: #5b46c2 !important;
    box-shadow: 0 10px 15px -3px rgba(121, 99, 224, 0.3) !important;
    transform: translateY(-1px) !important;
}