.pink-button.jetboost-filter-active {
    background-color: #d63384;
    color: white;
}

/* Hide desktop class on mobile devices */
 @media screen and (max-width: 768px) {
    .desktop {
        display: none !important;
    }
}

/* Hide mobile class on desktop devices */
 @media screen and (min-width: 769px) {
    .mobile {
        display: none !important;
    }
}

.search-input-wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.search-input-wrapper .search-text-field {
    width: 100%;
    padding-right: 40px; /* space for clear button */
}

.clear-search-btn {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: #aaa;
    display: none; /* Initially hidden */
    z-index: 2;
}

/* Ensure dropdown menu text is black, not pink */
.menu-dropdown-list a,
.menu-dropdown-item__title,
.menu-dropdown-list li span {
    color: black !important;
}

/* Set dropdown parent hover color to black text */
.menu-dropdown > a:hover,
.menu-dropdown:hover > a {
    color: black !important;
}

/* WordPress button hover effect - solid default, opacity on hover */
.wp-block-button__link {
    opacity: 1 !important;
}

.wp-block-button__link:hover {
    opacity: 0.8 !important;
}

/* Mobile styles for Gutenberg elements */
@media screen and (max-width: 767px) {
    .wp-block-heading h1,
    h1.wp-block-heading {
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
    }

    .wp-block-heading h2,
    h2.wp-block-heading {
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
    }

    .wp-block-heading h3,
    h3.wp-block-heading {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
    }

    .wp-block-heading h4,
    h4.wp-block-heading {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
    }

    .wp-block-heading h5,
    h5.wp-block-heading {
        font-size: 1.1rem !important;
        line-height: 1.4 !important;
    }

    .wp-block-heading h6,
    h6.wp-block-heading {
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }

    .wp-block-paragraph {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .wp-block-quote {
        font-size: 16px !important;
        padding: 1rem !important;
    }

    .wp-block-list {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}


/* Fix home page banner mobile styling */
@media screen and (max-width: 479px) {
    .home-hero_banner.padding-horizontal {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .home-hero_banner .banner-card-hero-banner {
        padding: 1.4rem !important;
        opacity: 1 !important;
    }

    .banner-card-hero-banner .white,
    .banner-card-hero-banner h1,
    .banner-card-hero-banner h2,
    .banner-card-hero-banner h3,
    .banner-card-hero-banner h4,
    .banner-card-hero-banner h5,
    .banner-card-hero-banner h6,
    .banner-card-hero-banner p,
    .banner-card-hero-banner .heading-style-h3,
    .banner-card-hero-banner .paragraph {
        color: black !important;
    }

    .banner-card-hero-banner .grey-link,
    .banner-card-hero-banner .grey-link_text,
    .banner-card-hero-banner .text-size-small {
        color: black !important;
        border-color: black !important;
    }

    .banner-card-hero-banner .grey-link-icon {
        background-color: black !important;
        border-radius: 8px;
    }

    .banner-card-hero-banner .grey-link-icon img {
        filter: brightness(0) invert(1) !important;
    }

    /* Page title styling for uncover pages on mobile */
    .wp-block-heading[style*="font-size: 6rem"] {
        font-size: 3rem !important;
        line-height: 1.1 !important;
    }

    .wp-block-heading.precinct-hero__wrapper[style*="font-size: 2rem"] {
        font-size: 1.2rem !important;
    }

    /* Fix map height gap on mobile */
    .precinct-map {
        display: flex;
        flex-direction: column;
    }

    .precinct-map .acf-map,
    .precinct-map iframe {
        flex: 1;
        min-height: 0;
    }
}

/* Add border radius to Whats Hot slider */
.blog-slider-wrapper {
    border-radius: 12px;
    overflow: hidden;
}

/* Coming Soon menu item styles */
.menu-dropdown.coming-soon .nav_link,
.nav_link.coming-soon,
.menu-dropdown-item.coming-soon {
    opacity: 0.5;
    pointer-events: none;
}

.menu-dropdown.coming-soon .menu-dropdown-item__image img,
.menu-dropdown-item.coming-soon .menu-dropdown-item__image img {
    filter: grayscale(100%);
    opacity: 0.5;
}