/*
 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-rounded {
        font-size: 20px!important;
    }
}

/* 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;
}

.sm-text {
    font-size: var(--text-s);
}

/* 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 COVER SHAPE */
    .homepage-cover .bricks-shape-divider .bricks-shape-divider-inner {
        height: auto!important;
    }

/* NEWSLETTER */
    .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);
    }

/* 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;
    }
}