.elementor-19077 .elementor-element.elementor-element-6228c07d{overflow:visible;}/* Start custom CSS for section, class: .elementor-element-6228c07d *//* MASTER CSS: Stable Layout + Absolute Pagination + Inspection Fix */

@media (min-width: 768px) {

    /* 1. MAIN CONTAINER */
    /* 'relative' is crucial so pagination knows where to stick */
    .llms-student-dashboard {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        width: 100% !important;
        position: relative !important; 
        padding-bottom: 80px !important; /* Room for pagination */
    }

    /* 2. SIDEBAR (Fixed Width) */
    .llms-sd-nav {
        flex: 0 0 280px !important;
        width: 280px !important;
        min-width: 280px !important;
        margin-right: 30px !important;
    }

    /* 3. CONTENT AREA (Right Side) */
    .llms-sd-main,
    .llms-sd-content {
        flex-grow: 1 !important;
        width: calc(100% - 310px) !important;
        display: block !important;
    }

    /* 4. GRID SYSTEM (Stable Version) */
    ul.llms-loop-list,
    ul.llms-group-list,
    .llms-groups-card-list, /* Added from your screenshot */
    .llms-my-groups {
        display: grid !important;
        /* 240px min-width prevents squishing */
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
        grid-gap: 30px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: start !important;
    }

    /* 5. CARD CONTAINER RESET */
    li.llms-loop-item,
    .llms-group { /* Updated from screenshot */
        width: auto !important;
        max-width: none !important;
        height: auto !important;
    }

    /* 6. HIDE FLOATING TITLES */
    .llms-student-dashboard > h2,
    .llms-student-dashboard > h3,
    .llms-sd-title {
        display: none !important; 
    }

    /* 7. PAGINATION (Absolute Position Fix) */
    /* Pinned to bottom-center */
    .llms-pagination,
    nav.llms-pagination,
    ul.page-numbers {
        position: absolute !important;
        bottom: 0 !important;
        left: 280px !important;
        right: 0 !important;
        display: flex !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 8. ELEMENTOR UNLOCK */
    .elementor-widget-shortcode {
        display: block !important;
        width: 100% !important;
    }
    
    /* 9. Pagination List Styling */
    .llms-pagination ul,
    ul.page-numbers {
        display: flex !important;
        list-style: none !important;
        gap: 10px !important;
    }
}

/* --- FIX GROUP CARDS (Based on Inspection Screenshot) --- */

/* 1. Target the Link Wrapper (The Flex Container) */
.llms-group a {
    display: flex !important;
    flex-direction: row !important; /* Icon Left | Text Right */
    align-items: center !important;
    text-decoration: none !important;
    padding: 15px !important;
    width: 100% !important;
}

/* 2. Fix the Logo (Icon) Size */
.llms-group-logo {
    flex: 0 0 60px !important; /* Fixed 60px width */
    width: 60px !important;
    margin-right: 15px !important; /* Space between icon and text */
    display: block !important;
}

/* Ensure image inside fits */
.llms-group-logo img {
    width: 100% !important;
    height: auto !important;
}

/* 3. Fix the Title Text (Using correct class .llms-group-name) */
.llms-group-name {
    flex: 1 !important; /* Take all remaining space */
    width: auto !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    word-break: normal !important; /* Stop Huds-on breaking */
    overflow-wrap: break-word !important;
}/* End custom CSS */