.wp-block-ws-library-ws-tarifs-item {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 330px;
max-width: 330px;
width: 330px;
padding-top: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-filter: drop-shadow(var(--wp--preset--shadow--normal));
filter: drop-shadow(var(--wp--preset--shadow--normal));
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-tarifs-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
min-width: 0;
width: auto;
}
}
.wp-block-ws-library-ws-tarifs-item.ws-tarifs-item--bi-color .group-inner {
background-image: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--3) 20%, transparent) 190px, color-mix(in srgb, var(--wp--preset--color--1) 10%, transparent) 190px);
}
.wp-block-ws-library-ws-tarifs-item.ws-tarifs-item--yellow .group-inner {
background-color: #fff5cc;
background-image: none;
}
.wp-block-ws-library-ws-tarifs-item.ws-tarifs-item--yellow .group-offer {
background-color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-tarifs-item.ws-tarifs-item--yellow .field-name {
margin-left: unset;
padding-left: unset;
padding-right: unset;
-webkit-transform: unset;
transform: unset;
background-color: unset;
}
.wp-block-ws-library-ws-tarifs-item.ws-tarifs-item--yellow .field-tag {
background-color: var(--wp--preset--color--3);
color: var(--wp--preset--color--dark);
}
.wp-block-ws-library-ws-tarifs-item .group-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--wp--preset--spacing--60);
padding: var(--wp--preset--spacing--30);
border-radius: var(--wp--custom--border-radius--medium);
-webkit-box-shadow: var(--wp--preset--shadow--normal);
box-shadow: var(--wp--preset--shadow--normal);
overflow: hidden;
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-tarifs-item .group-primary, .wp-block-ws-library-ws-tarifs-item .group-secondary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--wp--preset--spacing--30);
}
.wp-block-ws-library-ws-tarifs-item .group-primary {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.wp-block-ws-library-ws-tarifs-item .group-secondary .group-offer {
background-color: color-mix(in srgb, var(--wp--preset--color--3) 25%, transparent);
}
.wp-block-ws-library-ws-tarifs-item .group-secondary .field-tag {
background-color: var(--wp--preset--color--3);
color: var(--wp--preset--color--dark);
}
.wp-block-ws-library-ws-tarifs-item .group-secondary .field-name {
background-color: var(--wp--preset--color--3);
color: var(--wp--preset--color--dark);
}
.wp-block-ws-library-ws-tarifs-item .group-secondary .field-description {
text-align: right;
}
.wp-block-ws-library-ws-tarifs-item .group-offer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: var(--wp--preset--spacing--30);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-height: 112px;
margin-top: auto;
margin-bottom: auto;
padding: var(--wp--preset--spacing--20);
border-radius: var(--wp--custom--border-radius--small);
position: relative;
background-color: color-mix(in srgb, var(--wp--preset--color--1) 15%, transparent);
}
.wp-block-ws-library-ws-tarifs-item .group-offer.favorite {
background-color: color-mix(in srgb, var(--wp--preset--color--2) 55%, transparent);
}
.wp-block-ws-library-ws-tarifs-item .group-offer.favorite .field-name {
background-color: var(--wp--preset--color--3-b);
color: var(--wp--preset--color--dark);
position: relative;
}
.wp-block-ws-library-ws-tarifs-item .group-offer.favorite .field-name::before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
inset: -7px -7px auto auto;
background-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#icons--star);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.wp-block-ws-library-ws-tarifs-item .group-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.wp-block-ws-library-ws-tarifs-item .group-pricing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 1;
}
.wp-block-ws-library-ws-tarifs-item .field-badge {
position: absolute;
top: 22px;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-2deg);
transform: translateX(-50%) translateY(-50%) rotate(-2deg);
background-color: var(--wp--preset--color--dark);
color: var(--wp--preset--color--white);
font-family: var(--wp--custom--font-family--2);
font-size: 1.375rem;
line-height: 1;
white-space: nowrap;
padding: 9px 18px;
border-radius: var(--wp--custom--border-radius--rounded);
z-index: 2;
}
.wp-block-ws-library-ws-tarifs-item .field-introduction {
font-family: var(--wp--custom--font-family--1);
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--large);
color: var(--wp--preset--color--dark);
text-align: center;
}
.wp-block-ws-library-ws-tarifs-item .field-name {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 2px 14px 2px var(--wp--preset--spacing--40);
margin-left: calc(-1 * var(--wp--preset--spacing--40));
border-radius: var(--wp--custom--border-radius--rounded);
background-color: var(--wp--preset--color--2);
color: var(--wp--preset--color--dark);
font-family: var(--wp--custom--font-family--2);
font-size: 1.375rem;
line-height: 1.2;
white-space: nowrap;
-webkit-transform: rotate(-2.65deg);
transform: rotate(-2.65deg);
}
.wp-block-ws-library-ws-tarifs-item .field-description {
margin-right: -117px;
font-family: var(--wp--custom--font-family--1);
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--dark);
}
.wp-block-ws-library-ws-tarifs-item .field-tag {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2px 10px;
border-radius: var(--wp--custom--border-radius--rounded);
background-color: var(--wp--preset--color--1);
color: var(--wp--preset--color--white);
font-family: var(--wp--custom--font-family--1);
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--small);
line-height: 1.6;
white-space: nowrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 4px;
}
.wp-block-ws-library-ws-tarifs-item .field-price {
font-family: var(--wp--custom--font-family--2);
font-size: 1.75rem;
line-height: 1.1;
color: var(--wp--preset--color--dark);
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-tarifs-item .field-price {
font-size: 2rem;
}
}
.wp-block-ws-library-ws-tarifs-item .field-price-suffix {
font-family: var(--wp--custom--font-family--2);
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--dark);
line-height: 1.4;
text-align: right;
}
.wp-block-ws-library-ws-tarifs-item .field-link {
position: absolute;
inset: 0;
margin-top: auto;
text-align: center;
overflow: hidden;
border-radius: var(--wp--custom--border-radius--medium);
}
.wp-block-ws-library-ws-tarifs-item .field-link .cardlink {
display: block;
width: 100%;
height: 100%;
font-size: 0;
position: absolute;
cursor: pointer;
z-index: 1;
}
.wp-block-ws-library-ws-tarifs-item .field-link .cardlink::before, .wp-block-ws-library-ws-tarifs-item .field-link .cardlink::after {
content: "";
display: block;
position: absolute;
}
.wp-block-ws-library-ws-tarifs-item .field-link .cardlink::before {
width: 42px;
height: 42px;
inset: auto -5px -5px auto;
background-color: var(--wp--preset--color--dark);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
-webkit-transform: rotateZ(22.5deg);
transform: rotateZ(22.5deg);
}
.wp-block-ws-library-ws-tarifs-item .field-link .cardlink::after {
width: 18px;
height: 18px;
inset: auto 10px 10px auto;
background-color: var(--wp--preset--color--3-b);
-webkit-mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#icons--plus);
mask-image: url(//www.aquaparc-embrun.fr/wp-content/themes/glass-child/assets/sprite/view/sprite.svg#icons--plus);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
}
.wp-block-ws-library-ws-tarifs-item:has(.field-badge) .group-inner {
padding-top: var(--wp--preset--spacing--70);
}
.wp-block-ws-library-ws-tarifs-item:not(:has(.field-badge)) .group-offer {
padding: 0;
background-color: unset;
}
.block-editor-block-list__layout .field-link {
display: none;
}