/* =========================================================
   CLE4LESS SHARED DESIGN STYLES
========================================================= */


/* =========================================================
   1. CONTRIBUTOR DASHBOARD - PAGE
========================================================= */

body.page-id-1631 {
    background: #F4EFE3;
}


/* =========================================================
   2. CONTRIBUTOR DASHBOARD - HERO
========================================================= */

.cle-contributor-dashboard-header {
    position: relative;
    overflow: hidden;

    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-bottom: 24px;

    padding: 4.25rem 4rem 4rem;

    background: #1E2A38;
    color: #FFFFFF;

    border-radius: 0;
}


/* Decorative circle - upper left */

.cle-contributor-dashboard-header::before {
    content: '';

    position: absolute;
    top: -95px;
    left: -55px;

    width: 360px;
    height: 360px;

    border-radius: 50%;

    background: rgba(57, 99, 140, 0.22);
}


/* Decorative circle - lower center */

.cle-contributor-dashboard-header::after {
    content: '';

    position: absolute;
    bottom: -120px;
    left: 39%;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    background: rgba(140, 98, 57, 0.16);
}


.cle-contributor-dashboard-header-inner {
    position: relative;
    z-index: 1;

    max-width: 1180px;
    margin: 0 auto;
}


/* Eyebrow */

.cle-contributor-dashboard-eyebrow {
    margin-bottom: 1rem;

    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 17px;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #C3B09E;
}


/* Main heading */

.cle-contributor-dashboard-title {
    max-width: 1000px;

    margin: 0 0 1rem;

    font-family: 'Roboto', sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 53px;

    color: #FFFFFF;
}


/* Intro area */

.cle-contributor-dashboard-intro {
    max-width: 900px;

    font-family: 'Poppins', sans-serif;

    color: rgba(255, 255, 255, 0.82);
}


.cle-contributor-dashboard-intro p:first-child {
    max-width: 900px;

    margin: 0 0 0.9rem;

    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.7;

    color: rgba(255, 255, 255, 0.84);
}


.cle-contributor-dashboard-intro p:not(:first-child) {
    max-width: 900px;

    margin: 0 0 0.85rem;

    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.7;

    color: rgba(255, 255, 255, 0.82);
}


.cle-contributor-dashboard-intro p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   3. CONTRIBUTOR DASHBOARD - SUBMISSIONS SECTION
========================================================= */

.cle-submissions-wrap {
    max-width: 1180px;
    margin: 0 auto;
}


.cle-submissions-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    margin: 22px 0 14px;
}


.cle-submissions-section-eyebrow {
    margin-bottom: 5px;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #8C6239;
}


.cle-submissions-section-text {
    max-width: 760px;

    margin: 0;

    font-size: 15px;
    line-height: 1.55;

    color: #5F6670;
}


/* New course button */

.cle-submissions-new-course-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    min-height: 42px;

    padding: 10px 18px;

    border: 1px solid #8C6239;
    border-radius: 8px;

    background: #8C6239;
    color: #FFFFFF !important;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


.cle-submissions-new-course-button:hover {
    border-color: #6E4C2C;

    background: #6E4C2C;
    color: #FFFFFF !important;

    transform: translateY(-1px);
}


/* =========================================================
   4. CONTRIBUTOR DASHBOARD - TABLE
========================================================= */

.cle-submissions-table {
    width: 100%;

    margin-top: 22px;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    border: 1px solid #D9E0E7;
    border-radius: 16px;

    background: #FFFFFF;

    box-shadow: 0 8px 24px rgba(30, 42, 56, 0.06);
}


.cle-submissions-table thead th {
    padding: 16px 14px;

    border-bottom: 1px solid #D9E0E7;

    background: #F3F6F9;

    color: #1E2A38;

    font-size: 13px;
    font-weight: 700;

    text-align: left;
}


.cle-submissions-table tbody td {
    padding: 16px 14px;

    border-bottom: 1px solid #E6EBEF;

    color: #3F4852;

    font-size: 14px;
    line-height: 1.5;

    vertical-align: top;
}


.cle-submissions-table tbody tr:last-child td {
    border-bottom: 0;
}


/* Alternating row backgrounds */

.cle-submissions-table tbody tr:nth-child(odd) td {
    background: #F1ECE4;
}


.cle-submissions-table tbody tr:nth-child(even) td {
    background: #FFFFFF;
}


/* =========================================================
   5. CONTRIBUTOR DASHBOARD - STATUS BADGES
========================================================= */

.cle-submission-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 10px;

    border-radius: 999px;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
}


/* Draft */

.cle-submission-status-draft {
    background: #E9ECEF;
    color: #495057;
}


/* Submitted */

.cle-submission-status-submitted {
    background: #DDEAF8;
    color: #245B8A;
}


/* Under Review */

.cle-submission-status-under_review,
.cle-submission-status-under-review {
    background: #E7E1F3;
    color: #5B4A82;
}


/* Needs Changes */

.cle-submission-status-needs_changes,
.cle-submission-status-needs-changes {
    background: #F9E2CF;
    color: #A14E0F;
}


/* Approved */

.cle-submission-status-approved {
    background: #DCEFD9;
    color: #24733A;
}


/* Rejected */

.cle-submission-status-rejected {
    background: #F3D9D9;
    color: #9B2C2C;
}


/* Converted to Live Course */

.cle-submission-status-converted_to_live_course,
.cle-submission-status-converted-to-live-course {
    background: #E8DFCF;
    color: #6E4C2C;
}


/* =========================================================
   6. CONTRIBUTOR DASHBOARD - ACTIONS
========================================================= */

.cle-portal-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 8px;
}


.cle-submission-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;

    padding: 7px 11px;

    border: 1px solid #D8CABB;
    border-radius: 7px;

    background: #FFFFFF;

    color: #8C6239 !important;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


.cle-submission-action-link:hover {
    border-color: #8C6239;

    background: #F8F2EA;

    color: #6E4C2C !important;
}


.cle-submission-edit-link {
    color: #39638C !important;
}


.cle-submission-edit-link:hover {
    border-color: #39638C;

    background: #EEF3F8;

    color: #1E2A38 !important;
}


.cle-dashboard-submit-form {
    margin: 0;
}


.cle-dashboard-submit-button {
    min-height: 34px;

    padding: 7px 12px;

    border: 1px solid #8C6239;
    border-radius: 7px;

    background: #8C6239;

    color: #FFFFFF;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}


.cle-dashboard-submit-button:hover {
    border-color: #6E4C2C;

    background: #6E4C2C;
}


/* =========================================================
   7. COURSE SUBMISSION DETAILS
========================================================= */


/* Future styles go here */


/* =========================================================
   8. SUBMIT / EDIT COURSE FORMS
========================================================= */


/* Future styles go here */


/* =========================================================
   9. MY ACCOUNT
========================================================= */


/* Future styles go here */


/* =========================================================
   10. RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .cle-contributor-dashboard-header {
        padding: 2.75rem 1.25rem 2.5rem;
    }


    .cle-contributor-dashboard-title {
        font-size: 32px;
        line-height: 1.2;
    }


    .cle-contributor-dashboard-header::before {
        width: 240px;
        height: 240px;

        top: -90px;
        left: -100px;
    }


    .cle-contributor-dashboard-header::after {
        width: 180px;
        height: 180px;

        bottom: -120px;
        left: 50%;
    }


    .cle-submissions-section-header {
        align-items: stretch;
        flex-direction: column;
    }


    .cle-submissions-new-course-button {
        width: 100%;
    }
}

/* =========================================================
   COURSE CATALOG - HERO
========================================================= */

.cle-catalog-hero {
    position: relative;
    overflow: hidden;

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 4.25rem 4rem 4rem;

    background: #1E2A38;
    color: #FFFFFF;
}

.cle-catalog-hero::before {
    content: '';
    position: absolute;
    top: -95px;
    left: -55px;

    width: 360px;
    height: 360px;

    border-radius: 50%;
    background: rgba(57, 99, 140, 0.22);
}

.cle-catalog-hero::after {
    content: '';
    position: absolute;
    bottom: -120px;
    left: 39%;

    width: 260px;
    height: 260px;

    border-radius: 50%;
    background: rgba(140, 98, 57, 0.16);
}

.cle-catalog-hero-inner {
    position: relative;
    z-index: 1;

    max-width: 1180px;
    margin: 0 auto;
}

.cle-catalog-hero-eyebrow {
    margin-bottom: 1rem;

    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: #C3B09E;
}

.cle-catalog-hero-title {
    margin: 0 0 1rem;

    font-family: 'Roboto', sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 1.18;

    color: #FFFFFF;
}

.cle-catalog-hero-intro {
    max-width: 760px;
    margin: 0;

    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.7;

    color: rgba(222, 212, 202, 0.9);
}

.cle-catalog-hero-note {
    max-width: 760px;
    margin: 0.8rem 0 0;

    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;

    color: rgba(255, 255, 255, 0.78);
}