/**
 * Wishlist Page Styles
 *
 * Overrides for the wishlist page list layout.
 * Depends on combined-modules.css from lde-module-landingpages for base styles.
 * Removes vertical line spacing, ensures full-width layout, CTA ready state.
 *
 * @package FGS\LdeWishlist
 */


/**** HIDE GOOGLE STARS BANNER ****/
.lde-google-reviews-banner {
    display: none !important;
}
/**** HIDE GOOGLE STARS BANNER ****/


/**** Remove line spacing — no vertical line on wishlist page ****/
.lde-wishlist-page-list .lde-combined-courses-additional,
.lde-wishlist-page-list #lde-combined-courses-cta {
    width: 100%;
    margin-left: 0;
}


/**** Course list wrapper ****/
.lde-wishlist-page-list .lde-combined-courses-additional {
    padding-top: 0;
}


/**** CTA button — no icon square, always ready, sticky until docked ****/
.lde-wishlist-page-list #lde-combined-courses-cta {
    position: sticky;
    bottom: 0;
    z-index: 10;
    margin-top: 30px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
}

.lde-wishlist-page-list #combined-courses-cta-button {
    width: 50%;
}

@media screen and (max-width: 550px) {
    .lde-wishlist-page-list #combined-courses-cta-button {
        width: 80%;
    }
}


/**** Page loading spinner ****/
#lde-wishlist-page-loading .lds-dual-ring:after {
    border-color: var(--lde-primary-color) transparent var(--lde-primary-color) transparent;
}


/**** First course row — no top border ****/
.lde-wishlist-page-list .additional-course:first-child {
    padding-top: 10px;
}


/**** Deselected state hint ****/
.lde-wishlist-page-list .course-content:not(.selected) {
    opacity: 0.5;
    transition: opacity 0.2s ease-out;
}

.lde-wishlist-page-list .course-content:not(.selected):hover {
    opacity: 0.75;
}