/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

:root {
    --yellow: #F5B517;
    --yellow-hv: #d29d19;
    --green: #097E8E;
    --green-hv: #005763;
}

.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button .ld-text {
    padding: 0 8px 0 0;
    color: #fff;
}

.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button .ld-icon {
    color: #fff;
}

.activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-opener i {
    color: #fff;
}


/* Pagination */

.paginated th:first-child,
.paginated th:last-child {
    text-align: center;
}

.paginated tr:nth-child(even) {
    background-color: #f7f7f8;
}

.text-align-center {
    text-align: center;
}

.pager {
    padding-bottom: 15px;
    margin: 0 auto;
    display: block;
    width: 475px;
}

.pager button.pg-goto {
    font-size: 14px;
    margin: 5px;
    padding: 7px 10px;
    background-color: var(--green);
    border-color: var(--green);
    cursor: pointer;
    color: #fff;
}

.pager span {
    padding: 0 5px;
    cursor: pointer;
}

.pager span:hover {
    padding: 0 5px;
    color: var(--green);
}

.pager button.pg-goto:hover {
    color: #fff;
    opacity: .7;
}

.ld-program-director-dashboard .ld-dashboard-stats {
    padding: 15px;
    background: #f0f0f0;
    border-radius: 12px;
}

.ld-program-director-dashboard .ld-dashboard-stats .stat-label {
    line-height: 1;
}

.ld-program-director-dashboard .ld-dashboard-stats .stat-number {
    font-size: 24px;
    line-height: 1;
}

.paycove-print-btn {
    padding: 10px 20px;
    background: var(--yellow);
    color: #000;
    border: none;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}

.paycove-direct-download-btn {
    padding: 10px 20px !important;
    background: var(--yellow) !important;
    color: #fff !important;
    border: none;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}

.paycove-print-btn:hover {
    color: #000 !important;
    background: var(--yellow-hv) !important;
}

.paycove-direct-download-btn:hover {
    color: #000 !important;
    background: var(--yellow-hv) !important;
}

@media screen and (max-width: 1112px) {
    .paginated {
        min-width: 1140px;
    }
    .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-438acf9a {
        overflow-x: scroll;
    }
}

.student-invoices-wrapper {
    margin: 20px 0;
    text-align: center;
}

.check-invoices-button {
    background: #000;
    color: #000;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

.check-invoices-button:hover {
    background: var(--yellow-hv);
}

.check-invoices-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.invoices-loading {
    margin: 20px 0;
    font-style: italic;
    color: #666;
}

.invoices-container {
    margin: 30px 0;
    text-align: left;
}

.invoices-container h4 {
    margin: 20px 0 10px;
    color: #333;
}

.invoices-list {
    margin-bottom: 30px;
}

.invoice-item {
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background: #f9f9f9;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.invoice-info {
    flex: 1;
    min-width: 200px;
}

.invoice-download {
    background: var(--green);
    color: white;
    padding: 8px 20px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
    margin-left: 10px;
}

.invoice-download:hover {
    background: var(--green-hv);
    color: white;
}

.no-invoices {
    text-align: center;
    padding: 20px;
    color: #666;
}

.hubspot-badge {
    background: #ff7a59;
    color: white;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    margin-left: 5px;
}

.swal2-confirm {
    background: var(--green) !important;
    color: #fff !important;
}

.swal2-confirm:hover {
    background: var(--green-hv) !important;
    color: #fff !important;
}