/* Spacing fixes */
footer,
main {
    margin-top: 0;
}

/* Add wave to the static hero images */
.wp-block-cover.hero-banner-static {
    position: relative; /* Make container relative for absolute positioning */
    overflow: hidden; /* Prevent wave from overflowing if needed */
}

.wp-block-cover.hero-banner-static::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 101px;
    max-height: 101px;
    background: url("../images/header-wave.png") repeat-x bottom center;
    background-size: auto 101px;
    pointer-events: none;
}

/* Add wave to stider on home page */
.wp-block-cb-carousel-v2 {
    position: relative;
}

.wp-block-cb-carousel-v2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 101px;
    max-height: 101px;
    background: url("../images/header-wave.png") repeat-x bottom center;
    background-size: auto 101px;
    pointer-events: none;
    z-index: 10;
}

/* Navigation */
/* Current menu item highlight */
.current-menu-item {
    color: var(--wp--preset--color--accent);
    font-weight: 700;
}

/* UL as flex container, let last LI push itself */
.wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center;
}

/* Push Login LI to the right */
.wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li.push-right {
    margin-left: auto !important;
}

/* Sign Up button on the right */
.wp-block-navigation__responsive-container-content > .wp-block-buttons {
    flex: 0 0 auto !important;
}

/* fallback fix */
.wp-block-navigation__responsive-container-content > .wp-block-navigation__container > li.push-right {
    margin-left: auto !important;
}

/* Fix for backend */
.wp-block-navigation .push-right {
    margin-left: auto !important;
}

/* Team table */
.wp-block-table.team-table {
    border-radius: 8px;
}

.wp-block-table.team-table thead {
    border-bottom: none;
    border-radius: 10px 0px;
    background-color: var(--wp--preset--color--accent);
    color: white;
}

.wp-block-table.team-table tbody tr:nth-child(2n + 1) {
    background-color: white;
}

.wp-block-table.team-table tbody tr:nth-child(2n) {
    background-color: #dcdde7;
}

.wp-block-table.team-table td {
    border: none;
}

/* List */
.wp-block-list {
    position: relative;
    list-style: none;
}

.wp-block-list li::before {
    content: "🗸";
    position: absolute;
    left: 0;
    color: var(--wp--preset--color--accent);
}

.block-editor-block-list__block li::before {
    left: -20px;
}

/* Hero slider */
.hero-slider .swiper {
    margin-bottom: 0 !important;
}

.hero-slider .swiper-pagination {
    bottom: 50px !important;
    position: absolute;
}

.hero-slider .swiper-pagination-bullet {
    height: 16px !important;
    width: 16px !important;
}

.hero-slider .swiper-pagination-bullet-active {
    background: #ffffff !important;
}

.swiper-button-prev,
.swiper-button-next {
    background-color: #00000073;
    color: #ffffff !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 25px;
    margin: 10px;
}

/* Sticky header */
header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Footer Wave */
footer::before {
    content: "";
    display: block;
    width: 100%;
    height: clamp(50px, 8vw, 105px);
    background-image: url("../images/footer-wave.png");
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: center bottom;
    margin-bottom: -1px;
}

/* Mobile styles */
/* Change hamburger menu breakpoint */
@media (max-width: 1060px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }

    /* pull right */
    .wp-block-navigation__responsive-container-open {
        margin-left: auto !important;
    }

    /* Hide submenus */
    .wp-block-navigation__submenu-container {
        display: none !important;
    }

    /* Remove margin and center the ul */
    .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        margin: 0 auto;
        justify-content: center;
        align-items: center;
    }

    /* Center individual li items */
    .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    /* Center the link content */
    .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        justify-content: center;
    }

    .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
    .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .wp-block-navigation__responsive-container-content .wp-block-buttons {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    /* Button centering */
    .wp-block-navigation__responsive-container-content .wp-block-button {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1060px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}

@media (width <= 782px) {
    .hide-on-mobile {
        display: none !important;
    }

    header .wp-block-spacer {
        display: none !important;
    }

    header .wp-block-button__link {
        padding: 10px !important;
    }

    /* Center content */
    .wp-block-group {
        text-align: center;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Center footer nav */
    .wp-block-navigation {
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
    }

    .wp-block-navigation__container {
        justify-content: center;
    }

    .wp-block-navigation-item {
        justify-content: center !important;
        width: 100% !important;
    }

    /* Center separators above heaings */
    hr.wp-block-separator {
        margin-left: auto !important;
    }

    /* Spacing for images */
    figure.wp-block-image {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    /* Center buttons */
    .wp-block-buttons > .wp-block-button {
        margin: auto;
    }

    /* Fix lists so they align left */
    .wp-block-group li {
        text-align: left;
    }

    /* Reverse images order for feature blocks */
    .feature-left {
        flex-direction: column-reverse;
    }

    /* Resize hero banner */
    .hero-banner-static {
        min-height: 65vw !important;
    }

    .hero-slider .wp-block-cover {
        min-height: 100vw !important;
    }

    /* No need for nav, mobile is touch enabled */
    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }

    .quick-link-cards > .wp-block-columns {
        display: flex;
        flex-wrap: wrap !important;
    }

    .quick-link-cards > .wp-block-columns > .wp-block-column {
        flex: 1 1 40% !important;
    }

    .quick-link-cards > .wp-block-columns > .wp-block-column > .wp-block-group {
        border: none;
    }

    .quick-link-cards > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-columns {
        display: inline-block;
        width: 100%;
    }

    .quick-link-cards > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-columns > .wp-block-column:first-child {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        padding: 0 !important;
        float: left;
    }

    .quick-link-cards > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-columns > .wp-block-column:last-child {
        line-height: 40px;
    }

    .quick-link-cards > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-columns > .wp-block-column figure {
        margin: 0 !important;
    }

    .quick-link-cards > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-columns > .wp-block-column figure img {
        margin: 8px;
    }
}