@charset "UTF-8";
@import url(main.css);
/*============== CUSTOM BLOC SEO =================*/
.mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative, .mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.rounded-3.shadow-lg.bg-primaryColor.text-color-primary.position-relative, .mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { margin-top: 100px !important; margin-bottom: 100px !important; padding: 60px 20px !important; }

/*=============== CUSTOM FORMULAIRE DE CONTACT ================*/
div#contact { padding: 100px !important; }

@media (max-width: 1600px) { div#contact { padding: 100px 0px !important; } .lh-1.mb-3.titles { margin-left: 50px; } }

@media (max-width: 821px) { .lh-1.mb-3.titles { margin-left: 0px; padding: 10px; } }

/*=============== CUSTOM FOOTER ================*/
i.bi.bi-geo-alt { display: none; }

.bg-thirdColor:has(footer) { position: relative; padding-top: 100px; overflow: hidden; }

.bg-thirdColor:has(footer)::before { content: ""; position: absolute; inset: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fg0UDMLpIydOyXdKg9reXv179Tqe2%2Fimages%2FBG_footer_4_bdzf.webp"); background-size: cover; background-position: 38% bottom; background-repeat: no-repeat; filter: blur(5px); transform: scale(1.05); z-index: 0; }

.bg-thirdColor:has(footer) > * { position: relative; z-index: 1; }

h5.mb-4, h5.mb-3 { font-family: 'Bookman Old style'; color: #322113; }

/*=============== CUSTOM NAVBAR ================*/
.spacer { display: none; }

.navbar-brand { height: 10vh !important; width: 10vw !important; }

.logo_nav { height: 9vh !important; }

nav#navigation-bar-show { border-radius: 999px; margin: 10px; }

.fs-6.animated-border-button.obftrucs { font-size: 1.3rem !important; font-family: 'Bookman Old style'; color: #322113; }

.animated-border-button:after { background-color: #fffbf5; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { padding: 16px 30px !important; background-color: #81645e !important; }

#navbarSupportedContent > div > a:nth-child(2) { display: none; }

/* 📱 Responsive : navbar TOUJOURS visible */
@media (max-width: 991px) { nav#navigation-bar-show { border-radius: 50px; margin: 10px; } }

/*====================================================================== HERO D'ACCUEIL =========================================================================*/
.hero-ss { --color-cream: #fffbf5; --color-blush: #f4e6d9; --color-sage: #8a9d86; --color-terracotta: #81645e; --color-bark: #322113; position: relative; min-height: 100vh; display: flex; align-items: center; overflow: hidden; font-family: 'Urbanist', sans-serif; }

/* ── Photo plein fond ── */
.hero-ss__photo { position: absolute; inset: 0; z-index: 0; }

.hero-ss__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

/* ── Overlay blanc à gauche ── */
.hero-ss__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, #fffbf5 0%, rgba(255, 251, 245, 0.97) 30%, rgba(255, 251, 245, 0.72) 52%, rgba(255, 251, 245, 0.12) 72%, rgba(255, 251, 245, 0) 100%); }

/* ── 3 vagues bas, opacités différentes ── */
.hero-ss__waves { position: absolute; bottom: -2px; left: 0; right: 0; z-index: 5; line-height: 0; pointer-events: none; }

.hero-ss__waves svg { display: block; width: 100%; }

/* ── Contenu ── */
.hero-ss__content { position: relative; z-index: 10; max-width: 1200px; padding: 130px 5% 150px 7%; margin-top: 0px; animation: hero-fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

@keyframes hero-fadeUp { from { opacity: 0;
    transform: translateY(28px); }
  to { opacity: 1;
    transform: translateY(0); } }

.hero-ss__subtitle-cursive { font-family: 'Allura', cursive; font-size: clamp(2.6rem, 4.5vw, 3.8rem); color: var(--color-sage); line-height: 1; margin-bottom: 6px; display: block; animation: hero-fadeUp 0.9s 0.12s cubic-bezier(0.22, 1, 0.36, 1) both; }

.hero-ss__title { font-family: 'Bookman Old Style', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(2.6rem, 5vw, 4.2rem); font-weight: 400; line-height: 1.18; color: var(--color-bark); margin: 0 0 22px 0; animation: hero-fadeUp 0.9s 0.2s cubic-bezier(0.22, 1, 0.36, 1) both; }

.hero-ss__title em { font-style: italic; color: var(--color-terracotta); }

.hero-ss__divider { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; animation: hero-fadeUp 0.9s 0.28s cubic-bezier(0.22, 1, 0.36, 1) both; }

.hero-ss__divider-line { height: 1px; width: 48px; background: linear-gradient(to right, var(--color-terracotta), transparent); }

.hero-ss__divider-flower { color: var(--color-sage); font-size: 1rem; }

.hero-ss__desc { font-size: clamp(1.05rem, 1.5vw, 1.22rem); font-weight: 400; line-height: 1.75; color: var(--color-bark); opacity: 0.78; max-width: 460px; margin-bottom: 44px; animation: hero-fadeUp 0.9s 0.34s cubic-bezier(0.22, 1, 0.36, 1) both; }

.hero-ss__actions { display: flex; gap: 16px; flex-wrap: wrap; animation: hero-fadeUp 0.9s 0.42s cubic-bezier(0.22, 1, 0.36, 1) both; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone, .hero-ss__btn { display: inline-flex; align-items: center; padding: 16px 36px; border-radius: 50px; font-family: 'Urbanist', sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.05em; cursor: pointer; text-decoration: none; transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; border: none; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone, .hero-ss__btn--primary { background: var(--color-terracotta); color: var(--color-cream); box-shadow: 0 4px 22px rgba(129, 100, 94, 0.32); }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover, .hero-ss__btn--primary:hover { background: var(--color-bark); transform: translateY(-2px); box-shadow: 0 8px 30px rgba(50, 33, 19, 0.3); color: var(--color-cream); }

.hero-ss__btn--secondary { background: transparent; color: var(--color-bark); border: 1.5px solid rgba(138, 157, 134, 0.6); }

.hero-ss__btn--secondary:hover { background: rgba(138, 157, 134, 0.1); border-color: var(--color-sage); transform: translateY(-2px); }

/* ── Responsive ── */
@media (max-width: 820px) { .hero-ss { min-height: 85vh; } .hero-ss__overlay { background: linear-gradient(to right, #fffbf5 0%, rgba(255, 251, 245, 0.97) 45%, rgba(255, 251, 245, 0.75) 68%, rgba(255, 251, 245, 0.25) 100%); } .hero-ss__content { padding: 90px 5% 120px 6%; max-width: 100%; } }

@media (max-width: 480px) { .hero-ss { min-height: 100svh; } .hero-ss__overlay { background: rgba(255, 251, 245, 0.88); } .hero-ss__actions { flex-direction: column; align-items: flex-start; } .hero-ss__btn { width: 100%; justify-content: center; } }

@media (max-width: 393px) { .hero-ss { min-height: 120svh; } }

/*=================================================================== A PROPOS DE L'ENTREPRISE ====================================================================*/
.presentation-ss { --color-cream: #fffbf5; --color-blush: #f4e6d9; --color-sage: #8a9d86; --color-terracotta: #81645e; --color-bark: #322113; --presentation-bg: transparent; position: relative; background: var(--presentation-bg); background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fg0UDMLpIydOyXdKg9reXv179Tqe2%2Fimages%2FBG_a_propos_2_kisz.webp"); /* ← Ajoute ici */ background-size: cover; background-position: center; background-attachment: fixed; /* Optionnel : effet parallaxe */ padding: 150px 0; overflow: hidden; font-family: 'Urbanist', sans-serif; }

/* Optionnel : overlay pour améliorer la lisibilité du texte */
.presentation-ss::before { content: ''; position: absolute; inset: 0; background: rgba(255, 251, 245, 0.85); /* Overlay semi-transparent */ z-index: 0; pointer-events: none; }

.presentation-ss__container { position: relative; z-index: 1; /* Pour passer par-dessus l'overlay */ display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; max-width: 1600px; margin: 0 auto; padding: 0 5%; }

/* ── VIDEO À GAUCHE (format paysage) ── */
.presentation-ss__video-wrapper { position: relative; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 56px rgba(50, 33, 19, 0.12); animation: presentation-fadeInLeft 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

.presentation-ss__video { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

.presentation-ss__video-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(138, 157, 134, 0.08) 0%, rgba(129, 100, 94, 0.04) 100%); pointer-events: none; z-index: 1; }

/* ── CONTENU À DROITE ── */
.presentation-ss__content { animation: presentation-fadeInRight 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

.presentation-ss__label { display: inline-block; font-family: 'Allura', cursive; font-size: 2rem; color: var(--color-sage); margin-bottom: 12px; animation: presentation-fadeUp 0.9s 0.12s cubic-bezier(0.22, 1, 0.36, 1) both; }

.presentation-ss__title { font-family: 'Bookman Old Style', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400; line-height: 1.22; color: var(--color-bark); margin: 0 0 28px 0; animation: presentation-fadeUp 0.9s 0.2s cubic-bezier(0.22, 1, 0.36, 1) both; }

.presentation-ss__title em { font-style: italic; color: var(--color-terracotta); }

/* ── DIVIDER AVEC 2 TRAITS AUTOUR DE LA FLEUR ── */
.presentation-ss__divider { display: flex; align-items: center; justify-content: flex-start; gap: 16px; margin-bottom: 28px; animation: presentation-fadeUp 0.9s 0.28s cubic-bezier(0.22, 1, 0.36, 1) both; }

.presentation-ss__divider-line { height: 1px; width: 48px; background: linear-gradient(to right, var(--color-terracotta), transparent); }

.presentation-ss__divider-flower { color: var(--color-sage); font-size: 1.1rem; white-space: nowrap; }

.presentation-ss__desc { font-size: clamp(1rem, 1.4vw, 1.15rem); font-weight: 400; line-height: 1.8; color: var(--color-bark); opacity: 0.78; margin-bottom: 40px; animation: presentation-fadeUp 0.9s 0.34s cubic-bezier(0.22, 1, 0.36, 1) both; }

/* ── LISTE DES FEATURES ── */
.presentation-ss__features { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; }

.presentation-ss__feature { display: flex; align-items: flex-start; gap: 16px; font-size: 1rem; line-height: 1.6; color: var(--color-bark); opacity: 0.82; animation: presentation-fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

.presentation-ss__feature:nth-child(1) { animation-delay: 0.42s; }

.presentation-ss__feature:nth-child(2) { animation-delay: 0.48s; }

.presentation-ss__feature:nth-child(3) { animation-delay: 0.54s; }

.presentation-ss__feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(138, 157, 134, 0.15); color: var(--color-sage); font-weight: 700; flex-shrink: 0; font-size: 0.85rem; }

/* ── ANIMATIONS ── */
@keyframes presentation-fadeUp { from { opacity: 0;
    transform: translateY(24px); }
  to { opacity: 1;
    transform: translateY(0); } }

@keyframes presentation-fadeInLeft { from { opacity: 0;
    transform: translateX(-40px); }
  to { opacity: 1;
    transform: translateX(0); } }

@keyframes presentation-fadeInRight { from { opacity: 0;
    transform: translateX(40px); }
  to { opacity: 1;
    transform: translateX(0); } }

/* ── VAGUES BAS ── */
.presentation-ss__waves { position: absolute; bottom: -2px; left: 0; right: 0; z-index: 5; line-height: 0; pointer-events: none; }

.presentation-ss__waves svg { display: block; width: 100%; }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) { .presentation-ss__container { grid-template-columns: 1fr; gap: 48px; } .presentation-ss__video-wrapper { aspect-ratio: 16 / 9; max-width: 100%; } }

@media (max-width: 480px) { .presentation-ss { padding: 60px 0; } .presentation-ss__container { gap: 32px; padding: 0 5%; } .presentation-ss__title { font-size: 1.8rem; margin-bottom: 20px; } .presentation-ss__features { gap: 14px; } .presentation-ss__feature { font-size: 0.95rem; } }

/*========================================================================== LES SERVICES ========================================================================*/
.services-ss { --color-cream: #fffbf5; --color-blush: #f4e6d9; --color-sage: #8a9d86; --color-terracotta: #81645e; --color-bark: #322113; position: relative; padding: 50px 0 150px 0; overflow: hidden; font-family: 'Urbanist', sans-serif; /* ── Background image + overlay uniforme ── */ background: linear-gradient(rgba(244, 230, 217, 0.82), rgba(244, 230, 217, 0.82)), url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2Fg0UDMLpIydOyXdKg9reXv179Tqe2%2Fimages%2FBG_services_2_slry.webp") center center/cover no-repeat; }

/* ── Header ── */
.services-ss__container { max-width: 1400px; margin: 0 auto; padding: 0 5%; }

.services-ss__header { text-align: center; margin-bottom: 40px; animation: services-fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

.services-ss__label { display: inline-block; font-family: 'Allura', cursive; font-size: 2rem; color: var(--color-sage); margin-bottom: 16px; animation: services-fadeUp 0.9s 0.1s cubic-bezier(0.22, 1, 0.36, 1) both; }

.services-ss__title { font-family: 'Bookman Old Style', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400; line-height: 1.22; color: var(--color-bark); margin: 0; animation: services-fadeUp 0.9s 0.2s cubic-bezier(0.22, 1, 0.36, 1) both; }

.services-ss__divider { display: flex; align-items: center; justify-content: center; /* centre horizontalement le contenu */ gap: 12px; margin-top: 22px; animation: hero-fadeUp 0.9s 0.28s cubic-bezier(0.22, 1, 0.36, 1) both; }

.services-ss__divider-line { height: 1px; width: 48px; background: linear-gradient(to right, var(--color-terracotta), transparent); }

.services-ss__divider-flower { color: var(--color-sage); font-size: 1rem; }

/* ── Grid 3x3 ── */
.services-ss__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; animation: services-fadeUp 0.9s 0.3s cubic-bezier(0.22, 1, 0.36, 1) both; }

/* ── Carte ── */
.services-ss__card { background: var(--color-cream); border-radius: 16px; box-shadow: 0 8px 32px rgba(50, 33, 19, 0.08); transition: all 0.28s cubic-bezier(0.22, 1, 0.36, 1); display: flex; flex-direction: column; align-items: center; /* centrage horizontal de tous les enfants */ text-align: center; /* centrage du texte */ gap: 20px; position: relative; overflow: hidden; height: 100%; /* toutes les cartes prennent la hauteur de la ligne */ box-sizing: border-box; box-shadow: 0 16px 48px rgba(50, 33, 19, 0.16); }

.services-ss__card::before { content: ''; position: absolute; top: -50%; right: -50%; width: 200px; height: 200px; background: radial-gradient(circle, rgba(138, 157, 134, 0.08) 0%, transparent 70%); border-radius: 50%; pointer-events: none; transition: all 0.28s ease; }

.services-ss__card:hover::before { top: -30%; right: -30%; background: radial-gradient(circle, rgba(138, 157, 134, 0.12) 0%, transparent 70%); }

/* ── Icône sans fond, plus grande ── */
.services-ss__card-icon { display: flex; align-items: center; justify-content: center; width: 100%; height: auto; background: none; /* suppression du fond */ border-radius: 0; transition: all 0.28s ease; }

.services-ss__card-icon img { width: 100%; height: 100%; object-fit: contain; }

/* ── Titre de la carte ── */
.services-ss__card-title { font-family: 'Bookman Old Style', 'Book Antiqua', Palatino, Georgia, serif; font-size: 1.35rem; padding: 0px 32px 10px 32px; font-weight: 400; color: var(--color-bark); margin: 0; line-height: 1.3; position: relative; z-index: 1; }

/* ── Description de la carte ── */
.services-ss__card-desc { font-size: 0.95rem; line-height: 1.7; padding: 0px 32px 40px 32px; color: var(--color-bark); opacity: 0.75; margin: 0; position: relative; z-index: 1; }

/* ── Animations ── */
@keyframes services-fadeUp { from { opacity: 0;
    transform: translateY(24px); }
  to { opacity: 1;
    transform: translateY(0); } }

.services-ss__grid .services-ss__card { animation: services-fadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) both; }

.services-ss__card:nth-child(1) { animation-delay: 0.35s; }

.services-ss__card:nth-child(2) { animation-delay: 0.41s; }

.services-ss__card:nth-child(3) { animation-delay: 0.47s; }

.services-ss__card:nth-child(4) { animation-delay: 0.53s; }

.services-ss__card:nth-child(5) { animation-delay: 0.59s; }

.services-ss__card:nth-child(6) { animation-delay: 0.65s; }

/* ── Responsive ── */
@media (max-width: 1024px) { .services-ss__grid { grid-template-columns: repeat(2, 1fr); gap: 32px; } }

@media (max-width: 640px) { .services-ss { padding: 60px 0; } .services-ss__header { margin-bottom: 60px; } .services-ss__title { font-size: 1.8rem; } .services-ss__grid { grid-template-columns: 1fr; gap: 24px; } .services-ss__card { padding: 36px 24px; } }

/*==================================================================== POURQUOI NOUS CHOISIR ? ====================================================================*/
.why-ss { --color-cream: #fffbf5; --color-blush: #f4e6d9; --color-sage: #8a9d86; --color-terracotta: #81645e; --color-bark: #322113; position: relative; background: #fffbf5; padding: 50px 0 150px 0; overflow: hidden; font-family: 'Urbanist', sans-serif; }

/* ── Conteneur principal ── */
.why-ss__container { max-width: 1400px; margin: 0 auto; padding: 0 5%; }

/* ── Header (Subtitle, Title, Divider) ── */
.why-ss__header { text-align: center; margin-bottom: 40px; animation: why-fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

.why-ss__subtitle { display: inline-block; font-family: 'Allura', cursive; font-size: 2.2rem; color: var(--color-sage); margin-bottom: 12px; animation: why-fadeUp 0.9s 0.08s cubic-bezier(0.22, 1, 0.36, 1) both; }

.why-ss__title { font-family: 'Bookman Old Style', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 400; line-height: 1.22; color: var(--color-bark); margin: 0 0 28px 0; animation: why-fadeUp 0.9s 0.16s cubic-bezier(0.22, 1, 0.36, 1) both; }

/* ── Divider ── */
.why-ss__divider { display: flex; align-items: center; justify-content: center; gap: 12px; animation: why-fadeUp 0.9s 0.24s cubic-bezier(0.22, 1, 0.36, 1) both; }

.why-ss__divider-line { height: 1px; width: 48px; background: linear-gradient(to right, var(--color-terracotta), transparent); }

.why-ss__divider-flower { color: var(--color-sage); font-size: 1rem; }

/* ── Conteneur pour les 3 colonnes (images + texte) ── */
.why-ss__content-wrapper { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 50px; align-items: center; }

/* ── Images latérales ── */
.why-ss__image { position: relative; aspect-ratio: 3 / 4; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 56px rgba(50, 33, 19, 0.14); }

.why-ss__image--left { animation: why-fadeInLeft 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.32s both; }

.why-ss__image--right { animation: why-fadeInRight 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.32s both; }

.why-ss__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

.why-ss__image-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(138, 157, 134, 0.1) 0%, rgba(129, 100, 94, 0.05) 100%); pointer-events: none; z-index: 1; }

/* ── Contenu au centre (texte centré) ── */
.why-ss__content { text-align: center; animation: why-fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.32s both; }

.why-ss__desc { font-size: clamp(1rem, 1.3vw, 1.1rem); font-weight: 400; line-height: 1.85; color: var(--color-bark); opacity: 0.8; margin: 0 0 24px 0; animation: why-fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

.why-ss__desc:nth-of-type(1) { animation-delay: 0.4s; }

.why-ss__desc:nth-of-type(2) { animation-delay: 0.46s; }

.why-ss__desc:nth-of-type(3) { animation-delay: 0.52s; }

/* ── Animations ── */
@keyframes why-fadeUp { from { opacity: 0;
    transform: translateY(24px); }
  to { opacity: 1;
    transform: translateY(0); } }

@keyframes why-fadeInLeft { from { opacity: 0;
    transform: translateX(-40px); }
  to { opacity: 1;
    transform: translateX(0); } }

@keyframes why-fadeInRight { from { opacity: 0;
    transform: translateX(40px); }
  to { opacity: 1;
    transform: translateX(0); } }

/* ── Vagues marron en bas ── */
.why-ss__waves { position: absolute; bottom: -2px; left: 0; right: 0; z-index: 5; line-height: 0; pointer-events: none; }

.why-ss__waves svg { display: block; width: 100%; }

/* ── Responsive ── */
@media (max-width: 1024px) { .why-ss__content-wrapper { grid-template-columns: 1fr; gap: 48px; } .why-ss__image { aspect-ratio: 16 / 10; max-width: 100%; } .why-ss__image--left { order: 1; } .why-ss__content { order: 2; } .why-ss__image--right { order: 3; } }

@media (max-width: 640px) { .why-ss { padding: 60px 0 80px 0; } .why-ss__header { margin-bottom: 60px; } .why-ss__subtitle { font-size: 1.6rem; } .why-ss__title { font-size: 1.8rem; margin-bottom: 20px; } .why-ss__content-wrapper { gap: 32px; } .why-ss__desc { font-size: 0.95rem; margin-bottom: 20px; } }

/*================================================================== GALERIE D'IMAGES (BLOC ADAPTE CMS) ===============================================================*/
.bloc-a7f3-gallery { --bloc-a7f3-color-terracotta: #81645e; --bloc-a7f3-color-bark: #322113; position: relative; background: var(--bloc-a7f3-color-terracotta); padding: 80px 0; overflow: visible; font-family: 'Urbanist', sans-serif; }

.bloc-a7f3-gallery__container { max-width: 100%; margin: 0 auto; overflow: visible; padding: 40px 0; }

.bloc-a7f3-gallery__track { display: flex; gap: 32px; animation: bloc-a7f3-gallery-scroll 25s linear infinite; padding: 20px 40px; }

.bloc-a7f3-gallery__slide { flex: 0 0 clamp(250px, 25vw, 380px); aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; box-shadow: 0 16px 48px rgba(50, 33, 19, 0.24); }

.bloc-a7f3-gallery__slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

@keyframes bloc-a7f3-gallery-scroll { 0% { transform: translateX(0); }
  100% { transform: translateX(calc(-300px * 3 - 32px * 3)); } }

@media (max-width: 1024px) { .bloc-a7f3-gallery { padding: 60px 0; } .bloc-a7f3-gallery__track { gap: 28px; padding: 20px 30px; } .bloc-a7f3-gallery__slide { flex: 0 0 clamp(200px, 30vw, 300px); } @keyframes bloc-a7f3-gallery-scroll { 0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 3 - 28px * 3)); } } }

@media (max-width: 640px) { .bloc-a7f3-gallery { padding: 40px 0; } .bloc-a7f3-gallery__container { padding: 20px 0; } .bloc-a7f3-gallery__track { gap: 20px; padding: 20px 20px; } .bloc-a7f3-gallery__slide { flex: 0 0 clamp(150px, 35vw, 200px); } @keyframes bloc-a7f3-gallery-scroll { 0% { transform: translateX(0); }
    100% { transform: translateX(calc(-170px * 3 - 20px * 3)); } } }

/*====================================================================== HORAIRES + LOCALISATION ==================================================================*/
.info-ss { --color-cream: #fffbf5; --color-blush: #f4e6d9; --color-sage: #8a9d86; --color-terracotta: #81645e; --color-bark: #322113; position: relative; background: var(--color-cream); padding: 100px 0; overflow: hidden; font-family: 'Urbanist', sans-serif; }

/* ── Conteneur principal ── */
.info-ss__container { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: flex-start; max-width: 1400px; margin: 0 auto; padding: 0 5%; }

/* ── Section horaires ── */
.info-ss__horaires { animation: info-fadeInLeft 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

.info-ss__horaires-card { background: #ffffff; border-radius: 16px; box-shadow: 0 10px 32px rgba(50, 33, 19, 0.12); padding: 36px 32px; transition: box-shadow 0.3s ease; }

.info-ss__horaires-card:hover { box-shadow: 0 16px 48px rgba(50, 33, 19, 0.18); }

/* ── Header ── */
.info-ss__header, .info-ss__map-header { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }

.info-ss__icon-wrapper { background: rgba(138, 157, 134, 0.12); padding: 10px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }

.info-ss__icon { width: 24px; height: 24px; color: var(--color-sage); }

.info-ss__title { font-family: 'Bookman Old Style', 'Book Antiqua', Palatino, Georgia, serif; font-size: 1.5rem; font-weight: 400; color: var(--color-bark); margin: 0; }

/* ── Schedule ── */
.info-ss__schedule { display: flex; flex-direction: column; gap: 8px; }

.info-ss__day-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-radius: 8px; transition: all 0.2s ease; }

.info-ss__day-row:hover { background: rgba(138, 157, 134, 0.08); }

.info-ss__day-row.today { background: rgba(138, 157, 134, 0.15); font-weight: 600; }

.info-ss__day-name { font-size: 0.95rem; color: var(--color-bark); font-weight: 500; }

.info-ss__hours { font-size: 0.95rem; font-weight: 500; color: var(--color-terracotta); }

.info-ss__hours.closed { color: var(--color-sage); opacity: 0.6; }

.info-ss__today-badge { font-size: 0.75rem; font-weight: 400; opacity: 0.75; margin-left: 8px; color: var(--color-sage); }

/* ── Section map ── */
.info-ss__map-wrapper { animation: info-fadeInRight 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }

.info-ss__map-header { margin-bottom: 24px; }

/* ── Animations ── */
@keyframes info-fadeInLeft { from { opacity: 0;
    transform: translateX(-40px); }
  to { opacity: 1;
    transform: translateX(0); } }

@keyframes info-fadeInRight { from { opacity: 0;
    transform: translateX(40px); }
  to { opacity: 1;
    transform: translateX(0); } }

/* ── Responsive ── */
@media (max-width: 1024px) { .info-ss__container { grid-template-columns: 1fr; gap: 48px; } .info-ss__map { height: 350px; } }

@media (max-width: 640px) { .info-ss { padding: 60px 0; } .info-ss__container { gap: 32px; padding: 0 5%; } .info-ss__horaires-card { padding: 28px 24px; } .info-ss__title { font-size: 1.2rem; } .info-ss__map { height: 280px; } .info-ss__day-name, .info-ss__hours { font-size: 0.9rem; } .info-ss__address-text { font-size: 0.9rem; } }

/*# sourceMappingURL=custom.css.map */