/**handles:shared-style**/
/*
    BASES
    El contenidor principal te un padding horitzontal var(--wp--custom--gap--horizontal)
    Si volem contingut 100% hem de fer el contingut + 2 cops el gap horitzontal;
*/

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

strong {
    /* only needed if value is different than bold */
    /* font-weight: var(--wp--custom--font-weight--extrabold); */
}

#container {
    width: 100%;
    padding-left: var(--wp--style--block-gap);
    padding-right: var(--wp--style--block-gap);
}

.wp-block-cover__inner-container>*,
.entry-content>* {
    margin: 0 auto;
}

.wp-block-cover__inner-container>*+*,
.entry-content>*+* {
    margin-top: var(--wp--style--block-gap);
    margin-bottom: 0;
}

.entry-content>*:not(.alignfull):not(.alignwide) {
    max-width: var(--wp--style--global--content-size);
}

.wp-block-cover,
.alignwide,
.alignfull {
    margin-top: var(--wp--style--block-gap);
    margin-bottom: var(--wp--style--block-gap);
}

.wp-block-image {
    margin-bottom: var(--wp--style--block-gap);
}

.alignwide {
    max-width: var(--wp--style--global--wide-size);
}

.entry-content>.alignfull {
    margin-left: calc(-1 * var(--wp--style--block-gap));
    margin-right: calc(-1 * var(--wp--style--block-gap));
    width: calc(100% + 2 * var(--wp--style--block-gap));
}

.alignfull.has-background>.alignfull {
    margin-left: calc(-1 * var(--wp--style--block-gap));
    margin-right: calc(-1 * var(--wp--style--block-gap));
}

.wp-block-cover,
.has-background:not(.navbar-container, .wp-block-button__link, .wp-block-separator, .wp-block-media-text) {
    padding: var(--wp--style--block-gap);
}

.has-background.wp-block-separator,
.has-background.wp-block-media-text {
    padding: 0;
}

h1.alignfull:not(.has-background),
h2.alignfull:not(.has-background),
h3.alignfull:not(.has-background),
h4.alignfull:not(.has-background),
h5.alignfull:not(.has-background),
h5.alignfull:not(.has-background) {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h5.has-background {
    padding-left: var(--wp--style--block-gap);
    padding-right: var(--wp--style--block-gap);
}

.is-style-list-columns-2,
.is-style-list-columns-3 {
    break-inside: avoid;
    page-break-inside: avoid;
}

.is-style-list-columns-2 {
    columns: auto 2;
    column-gap: calc(2 * var(--wp--style--block-gap));
}

.is-style-list-columns-3 {
    columns: auto 3;
    column-gap: calc(2 * var(--wp--style--block-gap));
}

/* images */

figure[class*="is-style-aspect-ratio"] img {
    object-fit: cover;
}

.is-style-aspect-ratio-1_1 img {
    aspect-ratio: 1/1;
}

.is-style-aspect-ratio-4_3 img {
    aspect-ratio: 4/3;
}

.is-style-aspect-ratio-3_4 img {
    aspect-ratio: 3/4;
}

.is-style-aspect-ratio-3_2 img {
    aspect-ratio: 3/2;
}

.is-style-aspect-ratio-2_3 img {
    aspect-ratio: 2/3;
}

.is-style-aspect-ratio-16_9 img {
    aspect-ratio: 16/9;
}

.is-style-aspect-ratio-9_16 img {
    aspect-ratio: 9/16;
}

.is-style-aspect-ratio-21_9 img {
    aspect-ratio: 21/9;
}

.is-style-aspect-ratio-9_21 img {
    aspect-ratio: 9/21;
}

.is-style-aspect-ratio-1_1 img {
    aspect-ratio: 1/1;
}

.is-style-circle {
    width: 72px !important;
    height: 72px;
    background-color: var(--wp--preset--color--theme-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* headings */

.cover-page-heading :where(h1, p, .yoast-breadcrumbs) {
    text-shadow: 0 0 1rem rgba(0,0,0,1);
}

.cover-page-heading .wp-block-image {
    filter: drop-shadow(0 0 .5rem rgba(0,0,0,1));
}

.content-heading .wp-block-image {
    margin-top: var(--wp--style--block-gap);
}

/* buttons */

.wp-block-button.is-style-no-style .wp-block-button__link {
    background-color: transparent;
    padding: 0;
}

.wp-block-button__link.has-background {
    padding: var(--wp--style--block-gap) calc(var(--wp--style--block-gap)*2) !important;
    transition: background-color .2s ease-out, color .2s ease-out;
}

.wp-block-button__link.has-theme-green-color {
    padding: calc(var(--wp--style--block-gap) - 2px) calc((var(--wp--style--block-gap)*2) - 2px) !important;
    transition: color .2s ease-out;
}

@media screen and (max-width: 749px) {

    .wp-block-button,
    .wp-block-button__link {
        width: 100%;
    }

}

/* number block */

.number-block p {
    font-weight: var(--wp--custom--font-weight--medium);
}

/* icons grid */

.icons-grid-container {
    margin-top: -14vh;
    margin-block-start: -12vh !important;
}

.icons-grid-container .wp-block-cover__inner-container {
    width: auto;
}

.icons-grid-container .icons-grid .wp-block-group {
    min-width: 228px;
}

.icons-grid .wp-block-group {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    box-shadow: 0 0 1rem rgba(0,0,0,.25);
}

.icons-grid .wp-block-image {
    text-align: center;
}

.icons-grid figcaption {
    margin-top: var(--wp--style--block-gap);
}

@media screen and (max-width: 999px) {

    .icons-grid-container {
        margin-top: -2vh !important;
    }

}

@media screen and (max-width: 749px) {

    .icons-grid .wp-block-group {
        padding: var(--wp--style--block-gap) !important;
    }

    .icons-grid-container .wp-block-cover__inner-container {
        width: 100%;
    }

    .icons-grid-container .icons-grid .wp-block-group {
        min-width: unset;
    }

}

/* accommodation cover */

.accommodation-cover {
    position: relative;
    min-height: 60vh !important;
}

.accommodation-cover::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(0,0,0,.3) 15%, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 100%);
}

.accommodation-title-container {
    position: absolute;
    bottom: calc(var(--wp--style--block-gap)*1.4);
    left: 0;
    width: 100%;
    z-index: 2;
    margin-left: var(--wp--style--block-gap) !important;
    margin-right: var(--wp--style--block-gap) !important;
}

.accommodation-title {
    max-width: var(--wp--style--global--wide-size) !important;
    width: 100%;
}

.accommodation-title a {
    text-decoration: underline;
}

.accommodation-title .has-h-3-font-size {
    text-shadow: 2px 2px 3px rgba(0,0,0,.75);
}

.accommodation-title .yoast-breadcrumbs {
    text-shadow: 1px 1px 2px rgba(0,0,0,.75);
}

.accommodation-cover .splide__arrow--prev,
.accommodation-cover .splide__arrow--next {
    width: 100%;
    position: static !important;
}

.accommodation-cover .galeria-slide {
    min-height: 60vh;
}

.accommodation-cover .slider-container .splide__slide img {
    max-height: 790px;
    min-height: 60vh;
}

.accommodation-cover .splide__arrows {
    bottom: 180px;
    left: 0;
    z-index: 4;
    display: flex;
    gap: var(--wp--style--block-gap);
    height: 42px;
}

.splide__arrow {
    width: 42px !important;
    opacity: 1 !important;
}

.accommodation-cover .splide__arrow {
    transform: unset !important;
    height: unset;
}

@media screen and (max-width: 999px) {

    .accommodation-cover .splide__arrows {
        bottom: 160px;
    }

}

/* splide arrows */

.splide__arrow svg {
    display: none;
}

.splide__arrow {
    opacity: 1;
    width: 42px;
    height: 42px;
}

.wp-image-slider .splide__arrow--prev {
    left: -1.25rem !important;
}

.wp-image-slider .splide__arrow--next {
    right: -1.25rem !important;
}

.splide__arrow::before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-variant: normal;
    color: var(--wp--preset--color--theme-blue);
    font-size: var(--wp--preset--font-size--h-6);
    height: 42px;
    width: 42px;
    background-color: var(--wp--preset--color--theme-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 0 1rem rgba(0,0,0,.25));
    transition: background-color .2s ease-out;
}

.splide__arrow--prev::before {
    content: '\f060';
}

.splide__arrow--next::before {
    content: '\f061';
}

@media screen and (pointer: fine) {

    [class*="-slider"] .splide__arrow:hover {
        opacity: 1 !important;
    }

    [class*="-slider"] .splide__arrow:hover::before {
        color: var(--wp--preset--color--theme-white);
        background-color: var(--wp--preset--color--theme-blue);
    }

}

/* icon row */

.is-style-icon-row {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--wp--style--block-gap)/2);
}

.is-style-icon-row figcaption {
    margin-bottom: 0;
    margin-top: 4px;
}

/* styled list */

.styled-list {
    list-style-type: none;
    padding-inline-start: 0;
}

.styled-list li {
    background: url(https://www.camping-cap.com/wp-content/themes/blankv5/assets/images/styled-list-item.svg) 0 center no-repeat;
    padding-left: calc(var(--wp--style--block-gap) / 1.4) !important;
    background-size: .5em;
}

/* buttons grid */

.buttons-grid .wp-block-button {
    flex-basis: calc(33.33% - calc(1.4 * var(--wp--preset--font-size--text)));
}

.buttons-grid a {
    width: 100%;
}

@media screen and (max-width: 999px) {

    .buttons-grid .wp-block-button {
        flex-basis: 100% !important;
    }

}