/* Tutor LMS Integration Styles for EHBA theme
   Ensures Tutor LMS courses, dashboards, and pages use EHBA design system
   without modifying Tutor LMS plugin files */

/* Course Archive/Loop */
.ehba-tutor-archive .tutor-course-item,
.ehba-tutor-archive .tutor-course-card {
    background: var(--ehba-white);
    border-radius: var(--radius-md);
    box-shadow: var(--elev-1);
    overflow: hidden;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.ehba-tutor-archive .tutor-course-item:hover,
.ehba-tutor-archive .tutor-course-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--elev-2);
}

.ehba-tutor-archive .tutor-course-header,
.ehba-tutor-archive .tutor-course-thumbnail {
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.ehba-tutor-archive .tutor-course-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

/* Course Meta/Details */
.ehba-tutor-archive .tutor-course-meta,
.ehba-tutor-archive .tutor-course-info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
}

.ehba-tutor-archive .tutor-course-category {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--ehba-burgundy);
}

.ehba-tutor-archive .tutor-course-level,
.ehba-tutor-archive .course-level {
    display: inline-block;
    background: var(--ehba-rose-gold);
    color: var(--ehba-white);
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
}

/* Course Title */
.ehba-tutor-archive .tutor-course-name,
.ehba-tutor-archive .tutor-course-title,
.ehba-tutor-archive .tutor-course-title h2 {
    font-size: 1.25rem;
    margin: 0 0 8px;
    color: var(--ehba-charcoal);
}

/* Course Instructor */
.ehba-tutor-archive .tutor-course-instructor {
    color: var(--ehba-charcoal);
    font-size: 0.95rem;
    margin-bottom: 12px;
}

.ehba-tutor-archive .tutor-course-instructor .tutor-single-instructor-name {
    color: var(--ehba-charcoal);
}

/* Course Copy/Description */
.ehba-tutor-archive .tutor-course-excerpt,
.ehba-tutor-archive .tutor-course-description {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--ehba-charcoal);
    margin-bottom: 12px;
}

/* Course Footer/Actions */
.ehba-tutor-archive .tutor-course-footer,
.ehba-tutor-archive .tutor-course-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.ehba-tutor-archive .tutor-course-price,
.ehba-tutor-archive .tutor-course-price-tag {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ehba-deep-burgundy);
}

/* Free course pricing */
.ehba-tutor-archive .tutor-course-price.free,
.ehba-tutor-archive .course-price-free {
    color: var(--ehba-burgundy);
}

/* Enrollment Button */
.ehba-tutor-archive .tutor-course-enroll-btn,
.ehba-tutor-archive .tutor-enroll-btn,
.ehba-tutor-archive .tutor-course-enroll,
.ehba-tutor-archive a.tutor-btn-enroll {
    display: inline-block;
    padding: 12px 20px;
    border-radius: var(--radius-md);
    background: var(--ehba-burgundy);
    color: var(--ehba-white);
    border: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.18s ease;
}

.ehba-tutor-archive .tutor-course-enroll-btn:hover,
.ehba-tutor-archive .tutor-enroll-btn:hover,
.ehba-tutor-archive .tutor-course-enroll:hover,
.ehba-tutor-archive a.tutor-btn-enroll:hover {
    background: var(--ehba-deep-burgundy);
}

.ehba-tutor-archive .tutor-course-enroll-btn:focus,
.ehba-tutor-archive .tutor-enroll-btn:focus {
    transform: translateY(-2px);
}

/* Single Course Page */
.ehba-tutor-single .tutor-single-course-header,
.ehba-tutor-single .course-single-container {
    background: var(--ehba-white);
    border-radius: var(--radius-lg);
}

.ehba-tutor-single .tutor-single-course-title {
    font-size: 2rem;
    margin: 0 0 16px;
    color: var(--ehba-charcoal);
}

.ehba-tutor-single .tutor-single-course-image {
    border-radius: var(--radius-md);
    overflow: hidden;
}

.ehba-tutor-single .tutor-single-course-image img {
    width: 100%;
    height: auto;
    display: block;
}

.ehba-tutor-single .tutor-single-course-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin: 16px 0 24px;
}

.ehba-tutor-single .tutor-single-course-rating {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 0.95rem;
    color: var(--ehba-charcoal);
}

/* Course Details Sidebar */
.ehba-tutor-single .tutor-course-details-sidebar,
.ehba-tutor-single .tutor-sidebar {
    background: var(--ehba-white);
    border-radius: var(--radius-md);
    box-shadow: var(--elev-1);
    padding: 24px;
}

.ehba-tutor-single .tutor-course-details-sidebar .tutor-course-details-list li,
.ehba-tutor-single .tutor-sidebar .tutor-meta-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.ehba-tutor-single .tutor-course-details-sidebar .tutor-course-details-list li:last-child,
.ehba-tutor-single .tutor-sidebar .tutor-meta-item:last-child {
    border-bottom: 0;
}

/* Course Price Display */
.ehba-tutor-single .tutor-course-price-tag {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--ehba-deep-burgundy);
    margin: 16px 0 24px;
}

/* Enrollment CTA */
.ehba-tutor-single .tutor-single-course-actions,
.ehba-tutor-single .course-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.ehba-tutor-single .tutor-single-enroll-btn,
.ehba-tutor-single .tutor-course-enroll-btn,
.ehba-tutor-single a.tutor-btn-enroll {
    display: inline-block;
    padding: 14px 28px;
    border-radius: var(--radius-md);
    background: var(--ehba-burgundy);
    color: var(--ehba-white);
    border: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
    transition: background 0.18s ease, transform 0.18s ease;
}

.ehba-tutor-single .tutor-single-enroll-btn:hover,
.ehba-tutor-single .tutor-course-enroll-btn:hover,
.ehba-tutor-single a.tutor-btn-enroll:hover {
    background: var(--ehba-deep-burgundy);
    transform: translateY(-2px);
}

.ehba-tutor-single .tutor-single-enroll-btn:focus,
.ehba-tutor-single .tutor-course-enroll-btn:focus {
    transform: translateY(-2px);
}

/* Course Content Body */
.ehba-tutor-single .tutor-single-course-content,
.ehba-tutor-single .course-content-wrapper {
    color: var(--ehba-charcoal);
    line-height: 1.8;
    font-size: 1rem;
}

.ehba-tutor-single .tutor-single-course-content h2,
.ehba-tutor-single .tutor-single-course-content h3 {
    color: var(--ehba-charcoal);
    margin-top: 24px;
    margin-bottom: 16px;
}

.ehba-tutor-single .tutor-single-course-content p {
    margin-bottom: 16px;
}

/* Lessons/Modules */
.ehba-tutor-single .tutor-course-lessons,
.ehba-tutor-single .tutor-lesson-list {
    margin-top: 32px;
}

.ehba-tutor-single .tutor-lesson-item,
.ehba-tutor-single .tutor-single-lesson-item {
    background: var(--ehba-white);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--radius-md);
    padding: 16px;
    margin-bottom: 12px;
    transition: box-shadow 0.28s ease;
}

.ehba-tutor-single .tutor-lesson-item:hover,
.ehba-tutor-single .tutor-single-lesson-item:hover {
    box-shadow: var(--elev-1);
}

/* Student Dashboard */
.ehba-student-dashboard,
.ehba-instructor-dashboard {
    background: var(--ehba-white);
}

/* Tutor LMS owns the dashboard layout.  EHBA's dashboard layer is scoped to
   the configured Tutor dashboard page in ehba-tutor-dashboard.css. */

/* Tutor Buttons Global */
.tutor-btn,
.tutor-button,
a.tutor-btn {
    display: inline-block;
    padding: 12px 20px;
    border-radius: var(--radius-md);
    background: var(--ehba-burgundy);
    color: var(--ehba-white);
    border: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.18s ease, transform 0.18s ease;
}

.tutor-btn:hover,
.tutor-button:hover,
a.tutor-btn:hover {
    background: var(--ehba-deep-burgundy);
}

.tutor-btn:focus,
.tutor-button:focus,
a.tutor-btn:focus {
    transform: translateY(-2px);
}

.tutor-btn.secondary,
.tutor-btn.outline,
a.tutor-btn.secondary {
    background: transparent;
    color: var(--ehba-deep-burgundy);
    border: 1px solid rgba(92, 16, 40, 0.08);
}

.tutor-btn.secondary:hover,
.tutor-btn.outline:hover,
a.tutor-btn.secondary:hover {
    background: rgba(246, 232, 236, 0.72);
}

/* Badge styling for course metadata */
.tutor-badge,
.tutor-course-badge {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--ehba-rose-gold);
    color: var(--ehba-white);
    font-weight: 700;
    font-size: 0.85rem;
}

/* Tutor Message/Alert Styling */
.tutor-alert,
.tutor-notice,
.tutor-message {
    padding: 16px;
    border-radius: var(--radius-md);
    margin-bottom: 16px;
}

.tutor-alert.success,
.tutor-notice.success {
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid rgba(76, 175, 80, 0.3);
    color: var(--ehba-charcoal);
}

.tutor-alert.error,
.tutor-notice.error {
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    color: var(--ehba-charcoal);
}

.tutor-alert.warning,
.tutor-notice.warning {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: var(--ehba-charcoal);
}

/* Ensure Tutor containers respect EHBA full-width layout */
.tutor-wrap,
.tutor-container {
    width: 100%;
}

/* Responsive Course Card Footer */
@media (max-width: 576px) {
    .ehba-tutor-archive .tutor-course-footer,
    .ehba-tutor-archive .tutor-course-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .ehba-tutor-archive .tutor-course-enroll-btn,
    .ehba-tutor-archive a.tutor-btn-enroll {
        width: 100%;
        text-align: center;
    }
}

/* Responsive Course Detail Grid */
@media (max-width: 768px) {
    .ehba-tutor-single .tutor-single-course-grid,
    .tutor-single-course-layout {
        grid-template-columns: 1fr;
    }

    .ehba-tutor-single .tutor-single-course-title {
        font-size: 1.5rem;
    }

    .ehba-tutor-single .tutor-course-price-tag {
        font-size: 1.5rem;
    }
}

/* Ensure proper spacing for Tutor LMS pages */
.page-template-tutor-single .ehba-section,
.page-template-tutor-archive .ehba-section {
    padding-top: 32px;
    padding-bottom: 32px;
}