/* ======================================================== */
/* --- VIGNETTES BROCHURES PDF ----------------------------- */

.brochure-thumb-section {position: relative}
.brochure-thumb-section--alt {background: linear-gradient(180deg, #fafbf6 0%, #fff 100%)}

.brochure-thumb-grid {list-style: none;margin: clamp(2rem, 4vw, 3rem) 0 0;padding: 0;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: clamp(1.1rem, 2vw, 1.8rem)}
.brochure-thumb-grid--row {grid-template-columns: repeat(4, minmax(0, 1fr))}

.brochure-thumb {display: flex}

.brochure-thumb__trigger {position: relative;display: flex;flex-direction: column;width: 100%;padding: 0;border: 1px solid rgba(15, 22, 15, .08);background: #fff;border-radius: var(--border-radius-xl, 18px);overflow: hidden;cursor: pointer;text-align: left;font: inherit;color: inherit;box-shadow: 0 10px 28px rgba(15, 22, 15, .06);transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease, border-color .25s ease;-webkit-appearance: none;appearance: none}
.brochure-thumb__trigger:is(a) {text-decoration: none}
.brochure-thumb__trigger--static {cursor: default}
.brochure-thumb__trigger:hover {transform: translateY(-6px);box-shadow: 0 22px 48px rgba(15, 22, 15, .14);border-color: rgba(157, 174, 70, .35)}
.brochure-thumb__trigger--static:hover {transform: none;box-shadow: 0 10px 28px rgba(15, 22, 15, .06);border-color: rgba(15, 22, 15, .08)}
.brochure-thumb__trigger:focus {outline: none}
.brochure-thumb__trigger:focus-visible {outline: 3px solid var(--main-color);outline-offset: 3px}

#brochure-sur-place-pdf,
.space-onsite {background: linear-gradient(90deg, #f7f4ed 0%, #fff 60%, #eef2df 100%);border-top: 1px solid rgba(33, 33, 33, .08);border-bottom: 1px solid rgba(33, 33, 33, .08)}

.service-tabs {margin-top: clamp(2rem, 4vw, 3rem)}
.service-tabs__nav {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-bottom: clamp(1.6rem, 3vw, 2.4rem)}
.service-tabs__btn {display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: .72rem 1.05rem;border: 1px solid rgba(157,174,70,.22);border-radius: 999px;background: rgba(255,255,255,.72);color: var(--main-color);font: inherit;font-size: .88rem;font-weight: 800;line-height: 1;text-align: center;cursor: pointer;box-shadow: 0 8px 20px rgba(15,22,15,.05);transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease}
.service-tabs__btn:hover {transform: translateY(-1px);border-color: rgba(157,174,70,.42);background: #fff;color: var(--text-color)}
.service-tabs__btn.is-active {background: var(--main-color);border-color: var(--main-color);color: #fff;box-shadow: 0 16px 32px rgba(15,22,15,.14)}
.service-tabs__btn:focus-visible {outline: 3px solid rgba(157,174,70,.34);outline-offset: 3px}
.service-tabs__panel {animation: servicePanelFade .25s ease}
.service-card-grid {margin-top: 0}
.service-card-grid--compact {grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 420px));justify-content: center}
.service-card__body {gap: 8px}
.service-card__scope {display: inline-flex;align-items: center;width: fit-content;margin-top: auto;padding: .42rem .62rem;border-radius: 999px;background: rgba(157,174,70,.12);color: var(--main-color);font-size: .68rem;font-weight: 800;line-height: 1.25;letter-spacing: .03em}
.service-card__badge {gap: 7px}
@keyframes servicePanelFade {
  from {opacity: 0;transform: translateY(8px)}
  to {opacity: 1;transform: translateY(0)}
}

.brochure-thumb__media {position: relative;display: block;aspect-ratio: 4 / 3;overflow: hidden;background: #ecefe2}
.brochure-thumb__media picture {position: absolute;inset: 0;display: block}
.brochure-thumb__media img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform .6s ease, filter .6s ease}
.brochure-thumb__trigger:hover .brochure-thumb__media img {transform: scale(1.06);filter: saturate(1.05) brightness(.96)}

.brochure-thumb__media::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(15, 22, 15, 0) 55%, rgba(15, 22, 15, .35) 100%);pointer-events: none}

.brochure-thumb__badge {position: absolute;top: 12px;left: 12px;z-index: 1;display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;background: rgba(255, 255, 255, .96);color: var(--main-color);font-size: .68rem;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;border-radius: 999px;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);box-shadow: 0 4px 12px rgba(15, 22, 15, .12)}
.brochure-thumb__badge svg {flex: 0 0 auto}

.brochure-thumb__body {display: flex;flex-direction: column;gap: 6px;flex: 1 1 auto;padding: clamp(.95rem, 1.5vw, 1.2rem) clamp(1rem, 1.6vw, 1.3rem) clamp(1.1rem, 1.7vw, 1.4rem)}
.brochure-thumb__title {color: #172018;font-size: clamp(.95rem, 1.1vw, 1.05rem);font-weight: 700;line-height: 1.3;letter-spacing: -.005em}
.brochure-thumb__desc {color: var(--grey-color);font-size: .82rem;line-height: 1.5;opacity: .8;}

.brochure-thumb__trigger::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background: linear-gradient(90deg, var(--main-color), var(--second-color));transform: scaleX(0);transform-origin: left;transition: transform .4s ease}
.brochure-thumb__trigger:hover::before {transform: scaleX(1)}

@media (max-width: 1024px) {
  .brochure-thumb-grid,
  .brochure-thumb-grid--row,
  .service-card-grid--compact {grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 540px) {
  .brochure-thumb-grid,
  .brochure-thumb-grid--row,
  .service-card-grid--compact {grid-template-columns: 1fr;gap: 1rem}
  .service-tabs__nav {justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;padding-bottom: 6px;scrollbar-width: thin}
  .service-tabs__btn {flex: 0 0 auto}
  .brochure-thumb__media {}
}

/* --- /VIGNETTES BROCHURES PDF ---------------------------- */
/* ======================================================== */

/* ======================================================== */
/* --- ÉQUIPEMENTS & SERVICES SUR PLACE -------------------- */

.onsite-amenities {background: linear-gradient(180deg, #fff 0%, #fafbf6 100%)}
.onsite-amenities .title.center {max-width: 820px;margin: 0 auto 36px}

.onsite-amenities__block {margin-top: clamp(2rem, 4vw, 3rem)}
.onsite-amenities__block + .onsite-amenities__block {margin-top: clamp(2.6rem, 5vw, 4rem)}

.onsite-amenities__subtitle {position: relative;display: flex;align-items: center;gap: 16px;margin: 0 0 clamp(1.4rem, 2.5vw, 2rem);color: var(--main-color);font-size: .82rem;font-weight: 800;letter-spacing: .14em;text-transform: uppercase}
.onsite-amenities__subtitle span {padding-right: 16px;background: linear-gradient(180deg, #fff 0%, #fafbf6 100%)}
.onsite-amenities__subtitle::after {content: "";position: absolute;top: 50%;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, rgba(157, 174, 70, .45), rgba(157, 174, 70, 0));z-index: -1}

.amenity-grid {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(1rem, 2vw, 1.6rem)}
.onsite-amenities .amenity-grid {grid-template-columns: repeat(2, minmax(0, 1fr))}
.service-tabs__amenities {margin-top: clamp(2.4rem, 4vw, 3.4rem);padding-top: clamp(2rem, 3vw, 2.6rem);border-top: 1px solid rgba(157, 174, 70, .22)}
.service-tabs__amenity-grid {grid-template-columns: repeat(2, minmax(0, 1fr))}

.amenity-card {display: flex;align-items: flex-start;gap: 14px;padding: clamp(1.1rem, 1.8vw, 1.4rem) clamp(1.2rem, 2vw, 1.5rem);background: #fff;border: 1px solid rgba(15, 22, 15, .08);border-radius: var(--border-radius-xl, 18px);box-shadow: 0 8px 22px rgba(15, 22, 15, .05);transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease}
.amenity-card:hover {transform: translateY(-3px);box-shadow: 0 18px 40px rgba(15, 22, 15, .10);border-color: rgba(157, 174, 70, .35)}

.amenity-card__icon {flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 52px;height: 52px;border-radius: 14px;background: linear-gradient(135deg, rgba(157, 174, 70, .14), rgba(118, 173, 161, .18));color: var(--main-color)}
.amenity-card__svg {display: block}

.amenity-card__body {display: flex;flex-direction: column;gap: 5px;min-width: 0}
.amenity-card__title {color: #172018;font-size: 1rem;font-weight: 700;line-height: 1.25;letter-spacing: -.005em}
.amenity-card__desc {margin: 0;color: var(--grey-color);font-size: .86rem;line-height: 1.55}
.amenity-card__scope {display: inline-flex;width: fit-content;margin-top: 4px;padding: .34rem .55rem;border-radius: 999px;background: rgba(157,174,70,.11);color: var(--main-color);font-size: .68rem;font-weight: 800;line-height: 1.25;letter-spacing: .02em}

@media (max-width: 1024px) {
  .amenity-grid {grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 600px) {
  .amenity-grid {grid-template-columns: 1fr;gap: .9rem}
  .amenity-card {padding: 1rem 1.1rem}
  .amenity-card__icon {width: 46px;height: 46px;border-radius: 12px}
}

/* --- /ÉQUIPEMENTS & SERVICES ----------------------------- */
/* ======================================================== */