/* ============================================================
   Wishlist: same style on single & listing, always visible
   (not only on hover / not hidden on overlay)
   ============================================================ */
.course-wishlist-overlay,
.course-thumbnail .course-wishlist-overlay,
.custom-single-course-thumbnail .course-wishlist-overlay,
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay,
.custom-course-listing-thumbnail .course-wishlist-overlay,
.course-item .course-thumbnail .course-wishlist-overlay,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay,
.learn-press-courses .course-thumbnail .course-wishlist-overlay,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
.course-wishlist-overlay .lp-btn-wishlist,
.course-wishlist-overlay .learn-press-course-wishlist-button,
.course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.custom-single-course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.custom-single-course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.course-item .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.course-item .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}

/* Override plugin: remove right from .course-wishlist so overlay/left controls position */
.learn-press-courses .course-thumbnail .course-wishlist {
    right: unset !important;
}

/* Wishlist button in wishlist page */
.course-item .lp-btn-wishlist,
.course-item .learn-press-course-wishlist-button {
    display: block !important;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.course-item .course-wishlist-box {
    margin-top: 15px;
    width: 100%;
}
/* Wishlist courses grid - 3 per row */
#learn-press-profile-tab-course-wishlist .learn-press-wishlist-courses,
#learn-press-profile-tab-course-wishlist .profile-courses,
#learn-press-profile-tab-course-wishlist .courses-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
#learn-press-profile-tab-course-wishlist .learn-press-wishlist-courses li,
#learn-press-profile-tab-course-wishlist .profile-courses li,
#learn-press-profile-tab-course-wishlist .courses-list li {
    margin: 0 !important;
    padding: 0 !important;
}
/* LearnPress v4 carousel wrapper - convert to grid */
#learn-press-profile-tab-course-wishlist .thim-carousel-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 30px !important;
    padding: 0 !important;
}
/* Hide wishlist button on wishlist page */
#learn-press-profile-tab-course-wishlist .course-wishlist-overlay,
#learn-press-profile-tab-course-wishlist .course-item .course-wishlist-overlay,
#learn-press-profile-tab-course-wishlist .course-thumbnail .course-wishlist-overlay {
    top: 0 !important;
}
/* Course listing: same structure as single course (overlay inside .course-thumbnail) */
.course-item .course-thumbnail,
.lp-archive-courses .course-thumbnail,
.learn-press-courses .course-thumbnail,
.learn-press-courses .course-item .custom-course-listing-thumbnail,
.learn-press-courses .course-item .course-default-thumbnail {
    position: relative !important;
}
.course-item .course-thumbnail .course-wishlist-overlay,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay,
.learn-press-courses .course-thumbnail .course-wishlist-overlay,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 10px !important;
    z-index: 15 !important;
    pointer-events: none !important;
}
.course-item .course-thumbnail .course-wishlist-overlay *,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay *,
.learn-press-courses .course-thumbnail .course-wishlist-overlay *,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay *,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay * {
    pointer-events: auto !important;
}
/* Listing heart button: same look as single course (including in-progress courses) */
.course-item .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.course-item .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button {
    top: 0 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 16 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}
.course-item .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.course-item .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}
.course-item .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.course-item .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before {
    content: "\f08a" !important;
    font-family: "lp-icon" !important;
    font-size: 20px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}
.course-item .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.course-item .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before {
    content: "\f004" !important;
    color: #e74c3c !important;
}
.course-item .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.course-item .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.learn-press-courses .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before {
    color: #e74c3c !important;
}
.course-item .course-thumbnail .course-wishlist-overlay button *,
.lp-archive-courses .course-thumbnail .course-wishlist-overlay button *,
.learn-press-courses .course-thumbnail .course-wishlist-overlay button *,
.learn-press-courses .course-item .custom-course-listing-thumbnail .course-wishlist-overlay button *,
.learn-press-courses .course-item .course-default-thumbnail .course-wishlist-overlay button * {
    display: none !important;
}

/* Icon-only wishlist button in course listings (legacy / fallback) */
.course-thumbnail,
.course-item .course-thumbnail,
.thim-course-item .course-thumbnail,
.course-thumbnail-wrapper {
    position: relative;
}
.course-wishlist-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    pointer-events: none;
}
.course-wishlist-overlay * {
    pointer-events: auto;
}
/* For old theme structure */
.course-item {
    position: relative;
}
.course-item .course-wishlist-overlay {
    position: absolute;
    left: 10px;
    z-index: 10;
}
/* Icon-only wishlist button styling for course listings */
.course-wishlist-overlay .lp-btn-wishlist,
.course-wishlist-overlay .learn-press-course-wishlist-button {
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 11 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}
.course-wishlist-overlay .lp-btn-wishlist:hover,
.course-wishlist-overlay .learn-press-course-wishlist-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}
/* Add heart icon using ::before pseudo-element */
.course-wishlist-overlay .lp-btn-wishlist::before,
.course-wishlist-overlay .learn-press-course-wishlist-button::before {
    content: "\f08a" !important;
    font-family: "lp-icon" !important;
    font-size: 20px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.course-wishlist-overlay .lp-btn-wishlist.on::before,
.course-wishlist-overlay .learn-press-course-wishlist-button.on::before {
    content: "\f004" !important;
    color: #e74c3c !important;
}
.course-wishlist-overlay .lp-btn-wishlist:hover::before,
.course-wishlist-overlay .learn-press-course-wishlist-button:hover::before {
    color: #e74c3c !important;
}
/* Adapt heart button size and position in related courses */
.lp-courses-related .course-item .lp-btn-wishlist, .course-item .learn-press-course-wishlist-button {
    margin-top: 5px !important;
}
.lp-courses-related .course-wishlist-overlay .lp-btn-wishlist,
.lp-courses-related .course-wishlist-overlay .learn-press-course-wishlist-button {
    width: 30px !important;
    height: 30px !important;
}
.lp-courses-related .course-wishlist-overlay .lp-btn-wishlist::before,
.lp-courses-related .course-wishlist-overlay .learn-press-course-wishlist-button::before {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
}
/* Elementor widget course thumbnails */
.thim-ekits-course__thumbnail {
    position: relative !important;
}
.thim-ekits-course__thumbnail .course-wishlist-overlay {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 10 !important;
}
/* Ensure Elementor widget buttons get the same styling */
.thim-ekits-course__thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.thim-ekits-course__thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button {
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 11 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}
.thim-ekits-course__thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.thim-ekits-course__thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}
/* Add heart icon for Elementor widgets */
.thim-ekits-course__thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.thim-ekits-course__thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before {
    content: "\f08a" !important;
    font-family: "lp-icon" !important;
    font-size: 20px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}
.thim-ekits-course__thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.thim-ekits-course__thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before {
    content: "\f004" !important;
    color: #e74c3c !important;
}
.thim-ekits-course__thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.thim-ekits-course__thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before {
    color: #e74c3c !important;
}
/* Additional specificity for Elementor and custom course listing - ensure icon shows */
.thim-ekits-course__thumbnail .course-wishlist-overlay button.lp-btn-wishlist::before,
.thim-ekits-course__thumbnail .course-wishlist-overlay button.learn-press-course-wishlist-button::before,
.custom-course-listing-thumbnail .course-wishlist-overlay button.lp-btn-wishlist::before,
.custom-course-listing-thumbnail .course-wishlist-overlay button.learn-press-course-wishlist-button::before {
    content: "\f08a" !important;
    font-family: "lp-icon" !important;
    font-size: 20px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
}
.thim-ekits-course__thumbnail .course-wishlist-overlay button.lp-btn-wishlist.on::before,
.thim-ekits-course__thumbnail .course-wishlist-overlay button.learn-press-course-wishlist-button.on::before,
.custom-course-listing-thumbnail .course-wishlist-overlay button.lp-btn-wishlist.on::before,
.custom-course-listing-thumbnail .course-wishlist-overlay button.learn-press-course-wishlist-button.on::before {
    content: "\f004" !important;
    color: #e74c3c !important;
}
/* Hide any text content in Elementor and custom course listing buttons */
.thim-ekits-course__thumbnail .course-wishlist-overlay button,
.custom-course-listing-thumbnail .course-wishlist-overlay button {
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}
.thim-ekits-course__thumbnail .course-wishlist-overlay button *,
.custom-course-listing-thumbnail .course-wishlist-overlay button * {
    display: none !important;
}
/* Custom course listing thumbnail (courses-in-progress widget) */
.custom-course-listing-thumbnail {
    position: relative !important;
}
.custom-course-listing-thumbnail .course-wishlist-overlay {
    position: absolute !important;
    left: 10px !important;
    z-index: 10 !important;
}
/* Ensure custom course listing buttons get the same styling as Elementor widgets */
.custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button {
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 11 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}
.custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}
/* Add heart icon for custom course listing thumbnails */
.custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before {
    content: "\f08a" !important;
    font-family: "lp-icon" !important;
    font-size: 20px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}
.custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before {
    content: "\f004" !important;
    color: #e74c3c !important;
}
.custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before {
    color: #e74c3c !important;
}
/* Adapt custom course listing thumbnail button size in profile-courses */
.profile-courses .custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.profile-courses .custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button {
    width: 30px !important;
    height: 30px !important;
}
.profile-courses .custom-course-listing-thumbnail .course-wishlist-overlay button.lp-btn-wishlist::before,
.profile-courses .custom-course-listing-thumbnail .course-wishlist-overlay button.learn-press-course-wishlist-button::before,
.profile-courses .custom-course-listing-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.profile-courses .custom-course-listing-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
}
#learn-press-profile-tab-course-wishlist .thim-carousel-wrapper .course-item {
    width: 100% !important;
    margin: 0 !important;
}
/* Responsive: 2 columns on tablets */
@media screen and (max-width: 1024px) {
    #learn-press-profile-tab-course-wishlist .learn-press-wishlist-courses,
    #learn-press-profile-tab-course-wishlist .profile-courses,
    #learn-press-profile-tab-course-wishlist .courses-list,
    #learn-press-profile-tab-course-wishlist .thim-carousel-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
/* Responsive: 1 column on mobile */
@media screen and (max-width: 768px) {
    #learn-press-profile-tab-course-wishlist .learn-press-wishlist-courses,
    #learn-press-profile-tab-course-wishlist .profile-courses,
    #learn-press-profile-tab-course-wishlist .courses-list,
    #learn-press-profile-tab-course-wishlist .thim-carousel-wrapper {
        grid-template-columns: 1fr !important;
    }
}
/* Single course page wishlist button overlay */
.custom-single-course-thumbnail {
    position: relative !important;
}
.custom-single-course-thumbnail .course-wishlist-overlay {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 15 !important;
    pointer-events: none !important;
}
.custom-single-course-thumbnail .course-wishlist-overlay * {
    pointer-events: auto !important;
}
/* Single course wishlist button styling - same as listings */
.custom-single-course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.custom-single-course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button {
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 16 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}
.custom-single-course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.custom-single-course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}
/* Add heart icon for single course page */
.custom-single-course-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.custom-single-course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before {
    content: "\f08a" !important;
    font-family: "lp-icon" !important;
    font-size: 20px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}
.custom-single-course-thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.custom-single-course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before {
    content: "\f004" !important;
    color: #e74c3c !important;
}
.custom-single-course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.custom-single-course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before {
    color: #e74c3c !important;
}
/* Hide any text content in single course buttons */
.custom-single-course-thumbnail .course-wishlist-overlay button * {
    display: none !important;
}
/* Default single course thumbnail (when custom thumbnails disabled) */
.lp-single-course-main__right__inner .course-thumbnail {
    position: relative !important;
}
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 15 !important;
    pointer-events: none !important;
}
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay * {
    pointer-events: auto !important;
}
/* Apply same button styling to default thumbnail */
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist,
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button {
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 16 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover,
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}
/* Add heart icon for default thumbnail */
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist::before,
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button::before {
    content: "\f08a" !important;
    font-family: "lp-icon" !important;
    font-size: 20px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist.on::before,
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button.on::before {
    content: "\f004" !important;
    color: #e74c3c !important;
}
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before {
    color: #e74c3c !important;
}
/* Hide any text content in default thumbnail buttons */
.lp-single-course-main__right__inner .course-thumbnail .course-wishlist-overlay button * {
    display: none !important;
}
/* Instructor courses wishlist button styling */
.ul-instructor-courses .course-item,
.ul-instructor-courses .course-thumbnail,
.instructor-courses .course-item,
.instructor-courses .course-thumbnail {
    position: relative !important;
}
.ul-instructor-courses .course-wishlist-overlay,
.instructor-courses .course-wishlist-overlay {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 10 !important;
    pointer-events: none !important;
}
.ul-instructor-courses .course-wishlist-overlay *,
.instructor-courses .course-wishlist-overlay * {
    pointer-events: auto !important;
}
/* Instructor courses wishlist button - same styling as listings */
.ul-instructor-courses .course-wishlist-overlay .lp-btn-wishlist,
.ul-instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button,
.instructor-courses .course-wishlist-overlay .lp-btn-wishlist,
.instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button {
    background: rgba(255, 255, 255, 0.9) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 11 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}
.ul-instructor-courses .course-wishlist-overlay .lp-btn-wishlist:hover,
.ul-instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button:hover,
.instructor-courses .course-wishlist-overlay .lp-btn-wishlist:hover,
.instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}
/* Add heart icon for instructor courses */
.ul-instructor-courses .course-wishlist-overlay .lp-btn-wishlist::before,
.ul-instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button::before,
.instructor-courses .course-wishlist-overlay .lp-btn-wishlist::before,
.instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button::before {
    content: "\f08a" !important;
    font-family: "lp-icon" !important;
    font-size: 20px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
    text-indent: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}
.ul-instructor-courses .course-wishlist-overlay .lp-btn-wishlist.on::before,
.ul-instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button.on::before,
.instructor-courses .course-wishlist-overlay .lp-btn-wishlist.on::before,
.instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button.on::before {
    content: "\f004" !important;
    color: #e74c3c !important;
}
.ul-instructor-courses .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.ul-instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before,
.instructor-courses .course-wishlist-overlay .lp-btn-wishlist:hover::before,
.instructor-courses .course-wishlist-overlay .learn-press-course-wishlist-button:hover::before {
    color: #e74c3c !important;
}
/* Hide any text content in instructor courses buttons */
.ul-instructor-courses .course-wishlist-overlay button *,
.instructor-courses .course-wishlist-overlay button * {
    display: none !important;
}
/* Ensure instructor courses thumbnails with custom styling get wishlist button */
.ul-instructor-courses .custom-course-listing-thumbnail,
.instructor-courses .custom-course-listing-thumbnail {
    position: relative !important;
}
.ul-instructor-courses .custom-course-listing-thumbnail .course-wishlist-overlay,
.instructor-courses .custom-course-listing-thumbnail .course-wishlist-overlay {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 10 !important;
}