/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
    --sitges-dark-blue: #292857;
    --sitges-blue: #144C99;
    --sitges-soft-blue: #8EE6FC;
    --sitges-grey: #E3E0E6;
    --sitges-yellow-punch: #fff325;
}

.brxe-button i,
.nav-sub-link {
    transition: all ease-in-out 0.2s;
}

.brxe-button.icon-move:hover i {
    transform: translateX(4px);
}

@media(max-width: 478px) {
    .material-symbols-outlined {
        font-size: 20px!important;
    }
}

.bricks-choices[data-type*=select-one]:focus-visible {
    outline: none;
}

/* HELPERS */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.terms-plain a{
  pointer-events:none;
  cursor:default;
  text-decoration:none;
  color:inherit;
}

.link-pointer:hover {
    cursor: pointer;
}

/* MENU STYLES */
ul.brx-nav-nested-items:has(li.active) li button.brx-toggle-div {
  color: var(--sitges-dark-blue)!important;
}

.menu-searcher .bricks-search-form button {
    position: absolute;
    right: 6px;
    top: 4px;
}

.scrolling .sitges-main-menu .nav-link.nav-search-item {
    border-left: 1px solid var(--sitges-blue)!important;
}

.scrolling .menu-right .top-bar-link {
    color: var(--sitges-dark-blue)!important;
}

.scrolling .menu-dark {
    background-color: white!important;
}

.scrolling .brxe-toggle {
    color: var(--sitges-dark-blue);
    fill: var(--sitges-dark-blue);
}

@media(max-width: 991px) {
    .sitges-main-menu .brxe-dropdown > .brx-dropdown-content {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateX(100%);
        position: fixed;
        top: 0!important;
        left: 0;
        width: 100%;
        height: fit-content;
        min-height: 100%;
    }
    .sitges-main-menu .brxe-dropdown.open > .brx-dropdown-content {
        transform: translateX(0%);
    }
    /* Fix Dropdown multiple back btns */
    .brx-dropdown-content > li:not(:first-child):has( > a.brx-multilevel-back) {
        display: none
    }
    .sitges-main-menu li.menu-item {
        width: 100%;
    }

    .sitges-main-menu li:not(.nav-search-item) .brx-submenu-toggle {
        width: 100%;
        justify-content: space-between!important;
    }
    
    /* Canviem el icon dels Dropdown en mobile */
        /* Amaguem l'icon original */
        .brx-submenu-toggle button > i {
            display: none;
        }

        /* Afegim arrow-forward */
        .brx-submenu-toggle button::after {
            content: "";
            font-family: "Ionicons";
            font-size: 1em;
            line-height: 1;
            margin-left: .5em;
        }

        li.nav-link.nav-search-item {
            order: -1;
            padding-left: 16px!important;
            font-size: 16px;
        }

        /* ❌ EXCEPCIÓ: aquest <li> NO canvia icon */
        li.nav-search-item .brx-submenu-toggle button > i {
            display: inline-block;
        }

        li.nav-search-item .brx-submenu-toggle button::after {
            content: none;
        }
    
    .menu-searcher .bricks-search-form {
    }
    .menu-searcher .bricks-search-form input {
        padding-left: 8px;
    }

    .menu-searcher .bricks-search-form input[type=search] {
        padding: 0 20px;
        font-size: 14px;
    }
}

@media(max-width: 478px) {
    .menu-searcher .bricks-search-form input[type=search] {
        font-size: 13px;
    }
}

#brx-header.brx-sticky.scrolling > .brxe-div.nav-backdrop {
    background-color: rgba(0,0,0,.3);
}

/* ===== WPML language switcher → dropdown (sense tocar markup) ===== */

    /* El contenidor reserva l'alçada del trigger en el flux del document */
    .wpml-ls-legacy-list-horizontal {
        position: relative;
        display: inline-block;
        --lang-trigger-height: 32px;
        height: var(--lang-trigger-height);
    }

    @media (min-width: 992px) {
        .wpml-ls-legacy-list-horizontal {
            --lang-trigger-height: 26px;
        }
    }

    /* El ul és sempre absolute: ocupa el trigger i s'expandeix cap avall */
    .wpml-ls-legacy-list-horizontal > ul {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        z-index: 9999;
        min-width: 100%;
        border-radius: .5rem;
    }

    .wpml-ls-legacy-list-horizontal .wpml-ls-item {
        margin: 0;
        padding: 0;
    }

    /* Trigger: sempre visible i sempre el primer visualment gràcies a order:-1 */
    .wpml-ls-legacy-list-horizontal .wpml-ls-current-language {
        order: -1;
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        padding: 0 10px;
        height: var(--lang-trigger-height);
        white-space: nowrap;
    }

    /* Fletxa */
    .wpml-ls-legacy-list-horizontal .wpml-ls-current-language::after {
        content: "▾";
        margin-left: 5px;
        font-size: .75em;
        display: inline-block;
        transition: transform .2s ease;
    }

    .wpml-ls-legacy-list-horizontal.is-open .wpml-ls-current-language::after {
        transform: rotate(180deg);
    }

    /* Els altres idiomes: ocults per defecte */
    .wpml-ls-legacy-list-horizontal .wpml-ls-item:not(.wpml-ls-current-language) {
        display: none;
    }

    /* Obert: panell blanc amb ombra */
    .wpml-ls-legacy-list-horizontal.is-open > ul {
        background: #fff;
        box-shadow: 0 8px 24px rgba(0,0,0,.15);
        overflow: hidden;
    }

    .wpml-ls-legacy-list-horizontal.is-open .wpml-ls-current-language {
        color: var(--sitges-blue);
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

    /* Mostrem els altres idiomes */
    .wpml-ls-legacy-list-horizontal.is-open .wpml-ls-item:not(.wpml-ls-current-language) {
        display: block;
    }

    /* Links de les opcions */
    .wpml-ls-legacy-list-horizontal .wpml-ls-item:not(.wpml-ls-current-language) a {
        display: block;
        padding: 8px 10px;
        text-decoration: none;
        white-space: nowrap;
        color: var(--sitges-blue);
    }

    .wpml-ls-legacy-list-horizontal .wpml-ls-item:not(.wpml-ls-current-language) a:hover,
    .wpml-ls-legacy-list-horizontal .wpml-ls-item:not(.wpml-ls-current-language) a:focus {
        background: rgba(0,0,0,.06);
        outline: none;
    }

    /* Mobile: el trigger en blanc (fons fosc del header) */
    @media (max-width: 991px) {
        .wpml-ls-legacy-list-horizontal .wpml-ls-current-language {
            color: #fff;
        }
    }


/* HOMEPAGE EXPERIÈNCIES GRID */
.homepage-experiencies-grid {
}

.homepage-experiencies-grid .grid-card .bricks-shape-divider {
    display: none;
}

.grid-card .image-cover img {
    transition: all ease-in-out 0.3s;
}

.grid-card:hover .image-cover img {
    transform: scale(1.1);
}

/* Card gran esquerra (1a) */
.homepage-experiencies-grid > .grid-card:nth-child(1){
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}   
    .homepage-experiencies-grid > .grid-card:nth-child(1) .card-overlay-content {
        justify-content: flex-start;
    }
    .homepage-experiencies-grid > .grid-card:nth-child(1) .bricks-shape-divider {
        display: block;
    }
    .homepage-experiencies-grid > .grid-card:nth-child(1) .shape-wrapper {
        padding-bottom: 64px;
        padding-right: 96px;
        width: 60%;
    }
    .homepage-experiencies-grid > .grid-card:nth-child(1) .bricks-shape-divider .bricks-shape-divider-inner {
        height: auto;
    }
    .homepage-experiencies-grid > .grid-card:nth-child(1) .card-heading {
        font-size:clamp(3rem, calc(0.014107365792759048 * (100vw - 47.8rem) + 3.13rem), 4rem);
    }

/* Columna dreta (2a i 3a) */
.homepage-experiencies-grid > .grid-card:nth-child(2){
  grid-column: 3 / 3;
  grid-row: 1 / 2;
}

.homepage-experiencies-grid > .grid-card:nth-child(3){
  grid-column: 3 / 4;
  grid-row: 2 / 4;
}

/* Fila inferior */
.homepage-experiencies-grid > .grid-card:nth-child(4){
  grid-column: 1 / 2;
}

.homepage-experiencies-grid > .grid-card:nth-child(5){
  grid-column: 2 / 3;
}

.homepage-experiencies-grid > .grid-card:nth-child(6){
  grid-column: 3 / 4;
}
@media(max-width:1400px){
    .homepage-experiencies-grid > .grid-card:nth-child(1) .shape-wrapper {
        padding-bottom: 64px;
        padding-right: 64px;
        width: 70%;
    }
    .homepage-experiencies-grid > .grid-card:nth-child(1) .card-heading {
        font-size:clamp(2.25rem, calc(0.008739076154806492 * (100vw - 47.8rem) + 2.5rem), 3.2rem);
    }
}
@media(max-width:767px){
    /* Columna dreta (2a i 3a) */
    .homepage-experiencies-grid > .grid-card{
        grid-column: auto !important;
        grid-row: auto !important;
    }
    /* Card gran esquerra (1a) */
    .homepage-experiencies-grid > .grid-card:nth-child(1){
        grid-column: 1 / -1!important; /* 2 columnes */
        grid-row: span 2!important;   /* 2 files */
    }
    .homepage-experiencies-grid > .grid-card:nth-child(1) .card-heading {
        font-size:clamp(2rem, calc(0.004993757802746565 * (100vw - 47.8rem) + 2rem), 2.4rem);
    }
    .homepage-experiencies-grid > .grid-card:nth-child(1) .shape-wrapper {
        padding-bottom: 56px;
        padding-right: 56px;
    }
}


/* FILTER STYLES */

    .filter-grid-2 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }
    .filter-grid-2 li .bricks-button,
    .filter-top-10 li,
    .filter-top-10 li .bricks-button {
        width: 100%;
    }
    .brxe-filter-checkbox li .brx-option-text {
        display: flex;
        align-items: center;
        gap: 8px;
        position: relative;
    }
    .filter-top-10 li .brx-option-text {
        justify-content: start;
    }
    .filter-top-10 li .brx-option-text::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M3.024 17.4458V15.3708H16.5825V17.4458H3.024ZM3.04175 14.1708L1.78575 6.88575C1.76042 6.90242 1.73192 6.90975 1.70025 6.90775C1.66858 6.90592 1.63175 6.905 1.58975 6.905C1.14508 6.893 0.769 6.72817 0.4615 6.4105C0.153833 6.093 0 5.712 0 5.2675C0 4.8125 0.159167 4.42583 0.4775 4.1075C0.796 3.78917 1.18267 3.63 1.6375 3.63C2.09233 3.63 2.479 3.78917 2.7975 4.1075C3.11583 4.42583 3.275 4.8125 3.275 5.2675C3.275 5.37233 3.2655 5.46975 3.2465 5.55975C3.2275 5.64958 3.195 5.7405 3.149 5.8325L6.1315 7.23L8.83 2.9365C8.62117 2.79117 8.45825 2.60425 8.34125 2.37575C8.22425 2.14725 8.16575 1.90117 8.16575 1.6375C8.16575 1.18267 8.32492 0.795999 8.64325 0.477499C8.96175 0.159166 9.34842 0 9.80325 0C10.2581 0 10.6448 0.159166 10.9633 0.477499C11.2816 0.795999 11.4408 1.18267 11.4408 1.6375C11.4408 1.90567 11.3823 2.15283 11.2653 2.379C11.1483 2.60533 10.9853 2.79117 10.7765 2.9365L13.475 7.23L16.4575 5.8325C16.4115 5.7405 16.379 5.64958 16.36 5.55975C16.341 5.46975 16.3315 5.37233 16.3315 5.2675C16.3315 4.8125 16.4907 4.42583 16.809 4.1075C17.1275 3.78917 17.5142 3.63 17.969 3.63C18.4238 3.63 18.8105 3.78917 19.129 4.1075C19.4473 4.42583 19.6065 4.8125 19.6065 5.2675C19.6065 5.712 19.4527 6.093 19.145 6.4105C18.8375 6.72817 18.4614 6.893 18.0168 6.905C17.9748 6.905 17.9379 6.90592 17.9062 6.90775C17.8746 6.90975 17.8461 6.90242 17.8208 6.88575L16.5648 14.1708H3.04175ZM4.775 12.0958H14.8315L15.4338 8.5815L12.7103 9.86475L9.80325 5.2575L6.89025 9.86475L4.16675 8.5815L4.775 12.0958Z' fill='%23292857'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -4px;
    }
    .brxe-filter-checkbox li .brx-option-text.brx-option-active.bricks-button::after,
    .filter-top-10 li .brx-option-text.brx-option-active::after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: white;
        border-radius: 6px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M4.4845 9.92875L0 5.46925L0.919 4.525L4.4845 8.0905L12.6 0L13.519 0.91925L4.4845 9.92875Z' fill='%23292857'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 12px;
        background-position: center;
        position: absolute;
        right: 16px;
    }
    .category-label.transparent-label img {
        filter: grayscale(1) invert(1);
    }

    .filter-stars .stars {
        font-size: .65em;
        vertical-align: middle;
        letter-spacing: 2px;
    }


    @media(min-width:1279px) {
        .filter-grid-5 {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 8px;
            grid-row-gap: 8px;
        }
        .filter-grid-5 li .bricks-button {
            width: 100%;
        }
    }
    @media(max-width:767px) {
        .filter-grid-5 {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: 1fr;
            grid-column-gap: 8px;
            grid-row-gap: 8px;
        }
        .filter-grid-5 li .bricks-button {
            width: 100%;
        }
    }

    .category-group-shape-button,
    .category-group-shape-button img {
        transition: all ease-in-out 0.3s;
    }

    .category-group-shape-button:hover {
        color: var(--sitges-blue);
    }

    .hover-invert:hover img {
        filter: invert(1);
    }

    .category-group-shape-button:hover img.bg-shape {
        transform: scale(.93);
    }

    .brxe-filter-checkbox.filter-sostenibilitat li .brx-option-text.brx-option-active::after {
        display: none;
    }

/* SINGLE -- EXPERIÈNCIA */
@media(min-width:479px) {
    .component--image-text .grid-2-col-reverse img {
        border-top-right-radius:0;
        border-bottom-right-radius: 0;
        border-top-left-radius: var(--16px);
        border-bottom-left-radius: var(--16px);
    }
}

/* AGENDA CALENDAR */

/* CONTENIDOR */
.agenda-cal--compact {
  width: 100%;
}

/* CAPÇALERA */
.agenda-cal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--16px);
}

.agenda-cal__title {
  font-weight: 600;
  font-size: var(--text-xl);
  letter-spacing: -0.02em;
  color: var(--sitges-blue);
}

    .agenda-cal__title span {
        text-transform: capitalize;
    }

    @media(max-width:990px) {
        .agenda-cal__title {
            font-size: 24px;
        }
    }

    @media(max-width:477px) {
        .agenda-cal__title {
            font-size: 20px;
        }
    }

/* CEL·LA */
    .agenda-cal__cell {
        border-radius: 8px;
        display:grid; 
        place-items:center;
        position: relative;
    }
    .agenda-cal__cell:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -6px;
        width: 1px;
        background-color: var(--sitges-dark-blue);
        opacity: .5;
    }
    .agenda-cal__grid .agenda-cal__cell:nth-child(1):after,
    .agenda-cal__grid .agenda-cal__cell:nth-child(17):after  {
        display: none;
    }

        @media(max-width:477px) {
            .agenda-cal__cell:after {
                left: -4px;
            }
            .agenda-cal__grid .agenda-cal__cell:nth-child(9):after,
            .agenda-cal__grid .agenda-cal__cell:nth-child(25):after  {
                display: none;
            }
        }
   

.agenda-cal__cell.is-empty{ border:0; background:transparent; }

/* LINK / DIA */
    .agenda-cal__day {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    gap: 2px;
    padding: 6px 0;
    border-radius: var(--8px);
    }

/* NAVEGACIÓ MESOS */
    .month-nav {
        display: flex;
        gap: var(--8px);
    }
    .agenda-cal__nav {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        text-decoration: none;
        border: 1px solid var(--sitges-grey);
    }
        .agenda-cal__nav:hover {
            border-color: var(--sitges-dark-blue);
            background-color: var(--sitges-dark-blue);
            color: white;
        }
        .agenda-cal__nav.is-disabled {
            opacity: .3;
            cursor: not-allowed;
            pointer-events: none;
        }
        @media(max-width:477px) {
            .month-nav {
                gap: 4px;
            }
            .agenda-cal__nav {
                width: 30px;
                height: 30px;
            }
        }

/* GRID DE DIES */
    .agenda-cal__grid {
    display: grid;
    grid-template-columns: repeat(16, 1fr); /* 🔥 clau */
    gap: 12px;
    }

        @media(max-width:477px) {
            .agenda-cal__grid {
                grid-template-columns: repeat(8, 1fr);
                gap: 8px;
            }
        }

/* NÚMERO */
    .agenda-cal__num {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    }
        @media(max-width:990px) {
            .agenda-cal__num {
                font-size: 20px;
            }
        }
        @media(max-width:477px) {
            .agenda-cal__num {
                font-size: 17px;
            }
        }

/* DIA SETMANA */
    .agenda-cal__dow {
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    }
        @media(max-width:477px) {
            .agenda-cal__dow {
                font-size: 11px;
            }
        }

/* ESTATS */
    .agenda-cal__cell.is-disabled {
    opacity: .3;
    }
    .agenda-cal__cell.is-active:after {
    opacity: .15;
    }

    .agenda-cal__cell.is-active:hover .agenda-cal__day {
    background: rgba(0,0,0,.06);
    }

    .agenda-cal__cell.is-selected .agenda-cal__day,
    .agenda-cal__cell.is-selected:hover .agenda-cal__day {
    background: var(--sitges-soft-blue); /* o el teu blau */
    }

/* SLIDER EVENTS DESTACATS MESOS */
.months-menu .slider-month-btn {
    position: relative;
}
    .months-menu .slider-month-btn:after {
        content: '';
        position: absolute;
        width: 1px;
        top: 0;
        bottom: 0;
        left: -8px;
        background-color: var(--sitges-grey);
    }
    .months-menu .slider-month-btn:nth-child(1):after {
        display: none;
    }
.slider-month-btn.is-active {
    background-color: var(--sitges-soft-blue)!important;
}
.slider-month-btn .month-year {
    font-weight: 500;
    font-size: 14px;
}
    @media(max-width:477px) {
        .slider-month-btn .month-year {
            font-size: 11px;
        }
    }


/* NEWS - SINGLE */
@media(max-width:767px) {
    .single-news-header .bricks-shape-divider {
        display: none;
    }
}

/* SUBMENU DINS DE LES PÀGINES VERTICALS */
    .page-vertical-submenu .page-vertical-submenu-item[aria-current="page"] {
        font-weight: 600;
        pointer-events: none;
        opacity: 1;
        background-color: var(--sitges-yellow-punch);
        color: var(--sitges-dark-blue);
    }

/* SLIDER PÀGINES VERTICALS */
    .experiencies-slider .splide__slide .brxe-heading {
        opacity: 0;
        transition: opacity ease-in-out 0.3s;
    }
    .experiencies-slider .splide__slide.is-active .brxe-heading{
        opacity: 1;
    }

        @media(min-width:601px) {
            .experiencies-slider .splide__slide.is-next .brxe-heading {
                opacity: 1;
            }
        }
        
    .simple-card-wrapper>img {
        transition: transform ease-in-out 0.3s;
    }
    .simple-card-wrapper:hover>img {
        transform: scale(1.1);
    }

/* SINGLE PLATJA */
    .platja-info-card .material-symbols-outlined {
        font-size: 36px;
    }
    .go-to-location-button  .material-symbols-outlined {
        font-size: 20px;
    }
    .grid-2x2 .platja-info-card {
        min-width: auto!important;
    }
    .list-item-horizontal .material-symbols-outlined {
        font-size: 20px;
    }
    @media(max-width:1440px) {
        .platja-info-card .material-symbols-outlined {
            font-size: 32px;
        }
    }
    @media(max-width:990px) {
        .platja-info-card .material-symbols-outlined {
            font-size: 24px;
        }
    }
    @media(max-width:477px) {
        .platja-info-card .material-symbols-outlined {
            font-size: 22px;
        }
    }

.news-sm-card.brxe-block > :only-child {
  grid-column: 1 / -1;
}

/* BLOG */
.single-post-content img {
    border-radius: var(--16px);
    margin: var(--8px) 0;
}

/* GUIES D'ACCESSIBILITAT */
    .sa-photos-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    }

    .sa-photos-slider .splide__slide {
    aspect-ratio: 21 / 9;
    }
    .sa-faq details { border: 1px solid rgba(0,0,0,.08); border-radius: 12px; padding: 10px 12px; margin-bottom: 10px; }
    .sa-faq summary { cursor: pointer; font-weight: 600; }
    .sa-faq__item { margin-top: 10px; }
    .sa-faq__a { padding-top: 8px; }
    .sa-faq__help { opacity: .85; }


/* PLANIFICADOR */
.step-number-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    height: 1px;
    background-color: white;
}
.step-item:first-child .step-number-wrapper::before {
    left: 50%;
}
.step-item:last-child .step-number-wrapper::before {
    right: 50%;
}
.step-item-active .step-number-wrapper::before {
    background-color: var(--sitges-yellow-punch);
}
.step-item-active .step-number {
    background-color: var(--sitges-yellow-punch)!important;
}

/* NEWSLWTTER */
.newsletter-input-group {
    position: relative;
}
.newsletter-input-group .submit-button-wrapper {
    position: absolute;
    right: 10px;
    top: 9px;
}
.newsletter-input-group .submit-button-wrapper .bricks-button {
    border: none!important;
}

.newsletter-input-group input::placeholder {
    color: rgba(255,255,255,.5);
}

:where(.brxe-form) .form-group {
    padding-bottom: var(--16px);
}

/* CHECKBOX PILLS – només el grup categories-verticals */
.options-wrapper:has(input[name="categories-verticals[]"]) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.options-wrapper:has(input[name="categories-verticals[]"]) input[type="checkbox"] {
    display: none;
}
.options-wrapper:has(input[name="categories-verticals[]"]) label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border: 1px solid var(--sitges-grey);
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
    white-space: nowrap;
}
.options-wrapper:has(input[name="categories-verticals[]"]) input[type="checkbox"]:checked + label {
    background-color: var(--sitges-dark-blue);
    border-color:var(--sitges-dark-blue);
    color: #fff;
}

.form-group:has(input[name="input-cp[]"]), .form-group:has(input[name="input-phone[]"]) {
    width: calc(50% - 8px);
    padding: 0 8px;
}

/* FOOTER */
.footer-menu .nav-sub-link {
    padding-bottom: 4px;
    border-bottom: 1px solid var(--sitges-grey);
    gap: 0;
}
    .footer-menu .nav-sub-link:hover {
        transform: none!important;
    }
.footer-menu .nav-sub-link i {
    display: none;
}
.footer-menu .nav-submenu {
    column-gap: 16px!important;
}

@media(max-width:477px) {
    .footer-menu .nav-sub-link {
        font-size: 14px!important;
    }
}

/* Splide: amaga fletxes i paginació quan només hi ha 1 slide */
.splide:not(.is-overflow) .splide__arrows,
.splide:not(.is-overflow) .splide__pagination {
    display: none !important;
}