@charset "UTF-8";
@import url(main.css);
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,800;1,800&display=swap");
h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: #222222 !important; }

h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: #222222; }

.col-lg-7.my-0.order-1.order-lg-1.order-xl-1.order-xxl-1 { color: #614d20; }

/*--------------------------Espacements transparent sur le site----------------------*/
.b-bloc-divider { height: 40px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

/* -------------Navbar affichée------------ */
#navigation-bar-hide { position: fixed !important; top: 0 !important; opacity: 1 !important; transition: none !important; }

/*---------- Bloc services --------*/
.servicesGallery-card { position: relative; overflow: hidden; border: 2px solid transparent; border-radius: 30px; width: 450px; height: 450px; }

/* traits animés */
.servicesGallery-card::before, .servicesGallery-card::after { content: ''; position: absolute; width: 0; height: 1px; background: white; transition: width 0.3s ease; }

.servicesGallery-card::before { top: 10px; left: 10px; right: 10px; }

.servicesGallery-card::after { bottom: 10px; left: 10px; right: 10px; }

.servicesGallery-card:hover::before, .servicesGallery-card:hover::after { width: calc(100% - 20px); z-index: 99; }

/* overlay sombre */
.servicesGallery-card .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(97, 77, 32, 0.8); color: #f5f3f5; display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease; }

.servicesGallery-card:hover .overlay { opacity: 1; }

.servicesGallery-card .overlay-text { text-align: center; font-size: 1.5rem; font-weight: bold; }

/*---------- responsive --------*/
/* Overlay sombre par défaut sur mobile */
@media (max-width: 992px) { .servicesGallery-card { width: 100%; max-width: 400px; height: auto; } .servicesGallery-card img { height: auto !important; } /* ✅ l’overlay est toujours visible */ .servicesGallery-card .overlay { opacity: 1 !important; } }

/* --------Bloc hero----------*/
.hero { position: relative; height: 100vh; width: 100%; overflow: hidden; background-size: cover; background-position: center; }

/* -------- Backgrounds (desktop + mobile) -------- */
.hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 0; }

.desktop-only { display: block; }

.mobile-only { display: none; }

@media (max-width: 768px) { .desktop-only { display: none; } .mobile-only { display: block; } }

/* Overlay sombre */
.hero-overlay { position: relative; z-index: 1; width: 100%; height: 100%; }

/* Texte principal à droite, centré verticalement */
.hero-content { position: absolute; margin-left: 38%; top: 50%; transform: translateY(-50%); color: #fff; text-align: left; max-width: 800px; }

.hero-subtitle { font-size: 1.5rem; letter-spacing: 2px; font-weight: 600; margin-bottom: 1rem; }

.hero-title { font-family: 'Playfair Display', serif; font-size: 4rem; font-weight: 800; line-height: 1.3; }

/* Texte secondaire en bas à gauche */
.hero-side { position: absolute; bottom: 15%; left: 5%; color: #fff; }

.side-title { font-size: 1.7rem; font-weight: 700; margin-bottom: 0.5rem; }

.side-text { font-size: 1rem; color: #ddd; }

:root { --header-height: 80px; }

/* ajuste selon ton header */
/* ✅ Responsive */
@media (max-width: 768px) { /* le hero passe sous le header et garde la hauteur d'écran utile */ .hero { min-height: calc(100svh - var(--header-height)); padding-top: calc(var(--header-height) + env(safe-area-inset-top)); display: flex; align-items: center; /* centre verticalement l'ensemble */ justify-content: center; /* centre horizontalement */ } .hero-overlay { width: 100%; height: auto; display: flex; flex-direction: column; /* titre puis texte secondaire */ align-items: center; justify-content: center; gap: 16px; position: static; margin-bottom: 110px; } /* on enlève l'absolu pour pouvoir centrer */ .hero-content, .hero-side { position: static; transform: none; margin: 0; text-align: center; max-width: 90%; } .hero-content { margin-bottom: 8px; } /* petit espace entre titre et texte secondaire */ .hero-title { font-size: 2rem; } /* ajuste si besoin */ .side-title { font-size: 1.2rem; } }

.servicesGallery-card-custom { position: relative; overflow: hidden; height: 100%; }

.card-body-custom { height: 100%; min-height: 50vh; }

.card-header-fixed-custom { bottom: 0; transition: opacity 0.3s ease; z-index: 2; }

.card-overlay-custom { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: all 0.3s ease; z-index: 1; pointer-events: none; transform: translateY(100%); padding: 0; display: flex; flex-direction: column; }

.card-header-inside { padding: 15px 15px 0 15px; }

.card-content-custom { flex: 1; overflow-y: auto; padding: 0 15px; text-align: left; }

.card-description-custom { margin-top: 15px; padding-right: 70px; padding-left: 20px; }

.card-footer-custom { padding: 15px; background: none; border-top: none; }

.servicesGallery-card-custom:hover .card-overlay-custom { opacity: 1; transform: translateY(0); pointer-events: auto; }

.servicesGallery-card-custom:hover .card-header-fixed-custom { opacity: 0; }

@media (max-width: 992px) { /* Overlay visible directement */ .servicesGallery-card-custom .card-overlay-custom { background-color: rgba(97, 77, 32, 0.7) !important; /* ⚡ forcé */ opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto; /* ✅ Centrage vertical + horizontal du texte */ display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px; /* On masque le header fixe pour éviter doublon */ /* Ajuste les styles internes pour s’adapter au centrage */ } .servicesGallery-card-custom .card-overlay-custom .servicesGallery-card-custom .card-header-fixed-custom { opacity: none !important; } .servicesGallery-card-custom .card-overlay-custom .servicesGallery-card-custom .card-header-inside, .servicesGallery-card-custom .card-overlay-custom .servicesGallery-card-custom .card-content-custom, .servicesGallery-card-custom .card-overlay-custom .servicesGallery-card-custom .card-footer-custom { padding: 0; margin: 0; } .servicesGallery-card-custom .card-description-custom { padding: 0; margin-top: 10px; } }

.image-slider { width: 100%; overflow: hidden; position: relative; padding: 40px 0; }

.slider-track { display: flex; gap: 20px; animation: scroll 20s linear infinite; }

.slide { flex: 0 0 250px; height: 250px; overflow: hidden; border-radius: 12px; position: relative; }

.slide img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }

.slide:hover img { transform: scale(1.1); }

/* Animation infinie */
@keyframes scroll { 0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
  /* on défile d’une “série” complète */ }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border: 2px solid #614d20; border-radius: 5; }

.button-header-telephone { color: #f5f5f5 !important; border: 2px solid #f5f5f5; }

img.fondDegradeLogo { height: 200px; margin-top: 60px; }

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