/* Courses */

.course-about-rts {
    padding-bottom: clamp(2rem, 4vw, 5rem);
    padding-top: clamp(2rem, 4vw, 5rem);
}

.course-about-rts img {
    aspect-ratio: 16 / 8;
    border-radius: 2.5rem;
    object-fit: cover;
    object-position: center;
}

.single-course .course-content-offset {
    margin-top: -5vw !important;
    z-index: 1;
}

.single-course .course-secondary-nav--inner {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

.single-course .course-secondary-nav--price p {
    white-space: nowrap;
}

.single-course .course-secondary-nav--inner .wp-block-course-contents-button {
    position: sticky;
    white-space: nowrap;
    padding: 0.25rem 0 0.25rem 0.25rem;
    background-color: var(--wp--preset--color--primary-light) !important;
}

.single-course .course-secondary-nav:not(.course-secondary-nav--button-end) > .course-secondary-nav--inner .wp-block-course-contents-button {
    left: 0;
    order: -1;
}

.single-course .course-secondary-nav.course-secondary-nav--button-end > .course-secondary-nav--inner .wp-block-course-contents-button {
    right: 0;
}

@media screen and (max-width: 781px) {
    .single-course .course-secondary-nav {
        padding-top: var(--wp--preset--spacing--30) !important;
        padding-bottom: var(--wp--preset--spacing--30) !important;
    }
    .single-course .course-secondary-nav--inner {
        font-size: var(--wp--preset--font-size--small) !important;
        column-gap: var(--wp--preset--spacing--40);
    }
    .single-course .course-secondary-nav--inner .booking-button .booking-button-link {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

.wp-block-post-template .type-course .booking-button .booking-button-link {
    background-color: var(--wp--preset--color--blue-2);
}

.wp-block-post-template .type-course .wp-block-read-more:hover,
.wp-block-post-template .type-course .booking-button .booking-button-link:hover {
    background-color: var(--wp--preset--color--secondary-dark) !important;
}

.wp-block-post-template .type-course .wp-block-post-link {
    transition:
        transform 0.3s ease,
        filter 0.3s ease;
}

.wp-block-post-template .type-course .wp-block-post-link:has(.wp-block-post-link__link:focus) {
    filter: brightness(0.85);
    outline: none;
    transition:
        transform 0.3s ease,
        filter 0.3s ease;
}

.wp-block-post-template .type-course .wp-block-post-link:has(.wp-block-post-link__link:hover) {
    transform: translateY(-0.5rem);
    transition:
        transform 0.3s ease,
        filter 0.3s ease;
}