
/* Cards */
.card--button,
.card:not(.card--image-none) .card__link,
.section.section--color .card.card--image-none .card__link,
.card__no-link {
    border-radius: var(--root-border-radius);
}

.card__image {
    border-top-left-radius: var(--root-border-radius);
    border-top-right-radius: var(--root-border-radius);
}

.card--button,
.card:not(.card--image-none) .card__link,
.section.section--color .card.card--image-none .card__link,
.card__no-link {
    border-bottom: .25rem solid var(--root-color--contrast);
}

.top-subjects .card--button,
.section--color-support .card--button,
.section--color-support .card:not(.card--image-none) .card__link,
.section--color-support.section.section--color .card.card--image-none .card__link,
.section--color-support .card__no-link{
    border-bottom: unset;
}

/* Spotlights */
@media (min-width: 62rem) {
    .spotlight.spotlight--layout-1 .spotlight__image,
    .spotlight.spotlight--layout-2 .spotlight__image,
    .spotlight.spotlight--layout-6 .spotlight__image,
    .spotlight.spotlight--layout-7 .spotlight__image,
    .spotlight.spotlight--layout-6 .spotlight__content,
    .spotlight.spotlight--layout-7 .spotlight__content,
    .opening-hours-spotlight .opening-hours-spotlight__image {
        border-radius: 1rem;
    }
}

/* Follow ups */
.follow-up {
    border-radius: var(--root-border-radius);
}

/* Step by step plan */
.ce-step-by-step-plan__container {
    border-radius: var(--root-border-radius);
}

[data-document-type="55"] .card--image-none .card__link,
[data-document-type="56"] .card--image-none .card__link,
[data-document-type="66"] .card--image-none .card__link,
[data-document-type="69"] .card--image-none .card__link,
[data-document-type="77"] .card--image-none .card__link,
[data-document-type="80"] .card--image-none .card__link,
[data-document-type="88"] .card--image-none .card__link {
    padding-left: 1.5rem;
    padding-right: 1rem;
}

@media (min-width: 30rem) {
    .facets-selection__header {
        margin-right: 1rem;
    }
}

@media (min-width: 62rem) {
    .facets-filter > .collapsible__header > .collapsible__button {
        --color: var(--root-color-text);
    }

    .facets-filter > .collapsible__header > .collapsible__button:hover,
    .facets-filter > .collapsible__header > .collapsible__button:focus,
    .facets-filter > .collapsible__header > .collapsible__button:active {
        --color-background: transparent;
    }
}
