@charset "UTF-8";
@import url(main.css);
.nav-link { color: #A98154 !important; }

.row.align-items-center.g-lg-5.py-5 { background-color: #eae0d6; }

a.dropdown-item.text-color-fourth { background-color: #eae0d6 !important; color: #A98154 !important; }

ul.dropdown-menu.text-color-fourth.show { background-color: #eae0d6 !important; color: #A98154 !important; }

.logo-footer > .logo_nav { height: 23vh !important; }

div#double-images-text-seo-2 .card-body { background-color: #eae0d6; }

div#photo-text-seo-page { background-color: #eae0d6; }

div#seo-text-images { background-color: #eae0d6; }

.ul.dropdown-menu { background-color: #eae0d6; }

div.maps-section .content { background-color: #eae0d6; }

h1 { text-shadow: 4px 4px 4px #5a5454 !important; }

.image-before-after-container { border-radius: 60px !important; }

.slider-before-after-images { border: 3px solid #84bc2e !important; background: #84bc2e !important; color: white !important; }

.col-md-10.d-flex.justify-content-center.col-lg-6 { margin-top: 100px !important; }

h5.mb-4 { font-family: 'Cinzel'; color: #a98154; }

.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 { box-shadow: none !important; border: 1px solid #a98154; border-radius: 50px !important; margin-bottom: 4rem !important; }

.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 { box-shadow: none !important; border: 1px solid #a98154; border-radius: 50px !important; margin-bottom: 4rem !important; }

.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 { box-shadow: none !important; border: 1px solid #a98154; border-radius: 50px !important; margin-bottom: 4rem !important; }

/* 🟢 Force le texte à gauche dans tout le bloc du slider */
.bloc-slider-homepage.text-center { text-align: left !important; }

/* 🟢 Supprime le centrage automatique du logo */
.sliderLogoContainer.mx-auto { margin: 0 !important; }

/* 🟢 Force les titres à gauche aussi */
.titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { text-align: left !important; }

/* 🟢 Bonus : si Bootstrap réapplique .text-center, tu peux écraser globalement */
.bloc-slider-homepage .text-center, .titleText.text-center { text-align: left !important; }

.rounded-3 { border-radius: 50px !important; }

.spacer { margin-top: 0vh !important; }

.b-bloc-divider { border: none !important; border-width: none !important; box-shadow: none !important; background-color: #FFFF !important; }

#inverse > .flex-lg-row-reverse { flex-direction: row !important; }

div#inverse { margin: 0 !important; width: 100%; margin-bottom: 4rem !important; }

.background-image-div-opacity { background-attachment: local !important; }

.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { box-shadow: 0 0em 0rem rgba(0, 0, 0, 0.175) !important; }

a#phone-analytics-tag-video-bloc { background-color: transparent; border: 2px solid #ffffff; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { background-color: transparent; border: 2px solid #ffffff; }

/*-------------------bouton accueil--------------------------*/
/*-------------------------------------  🌿 BOUTON ACCUEIL -------------------------------------*/
a#phone-analytics-tag-video-bloc { display: inline-block; font-family: liza; border: 2px solid #fff !important; border-radius: 30px; padding: 10px 28px; color: #fff !important; /* ✅ texte blanc */ font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s ease; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); background-color: transparent !important; text-decoration: none; }

/* ✅ Tous les enfants héritent de la couleur */
a#phone-analytics-tag-video-bloc * { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; }

/* 🌿 Hover accueil */
a#phone-analytics-tag-video-bloc:hover, a#phone-analytics-tag-video-bloc:focus, a#phone-analytics-tag-video-bloc:active { background-color: #fff !important; color: #71a237 !important; /* ✅ texte vert au survol */ text-shadow: none !important; box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3); }

/* ✅ Les enfants passent aussi en vert au survol */
a#phone-analytics-tag-video-bloc:hover *, a#phone-analytics-tag-video-bloc:focus *, a#phone-analytics-tag-video-bloc:active * { color: #90c84f !important; fill: #90c84f !important; stroke: #90c84f !important; }

/*-------------------bouton cta--------------------------*/
/*------------------------------------- 🌿 BOUTON CTA (page d'accueil double screen) -------------------------------------*/
a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { display: inline-block; font-family: rekkit; border: 2px solid #71a237 !important; /* ✅ contour vert */ border-radius: 30px; padding: 10px 28px; color: #71a237 !important; /* ✅ texte vert de base */ font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s ease; background: transparent !important; /* ✅ fond transparent */ text-shadow: none !important; text-decoration: none; }

/* ✅ Tous les enfants héritent de la couleur */
a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 * { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; }

/* 🌿 Hover CTA */
a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover, a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:focus, a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:active { background-color: #71a237 !important; /* ✅ fond vert au survol */ color: #fff !important; /* ✅ texte blanc au survol */ box-shadow: 0 6px 20px rgba(144, 200, 79, 0.4) !important; }

/* ✅ Les enfants passent aussi en blanc au survol */
a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover *, a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:focus *, a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:active * { color: #fff !important; fill: #fff !important; stroke: #fff !important; }

/*-------------------bouton nav--------------------------*/
/* 🎯 Style bouton vert contour */
a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { display: inline-block; font-family: liza; border: 2px solid #71a237; /* 🟢 contour vert */ border-radius: 30px; padding: 10px 28px; color: #71a237 !important; /* 🟢 texte vert */ font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s ease; background: transparent !important; text-decoration: none; text-shadow: none !important; }

/* 🌿 Effet au survol, focus, clic */
a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover, a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:focus, a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:active { background-color: #71a237 !important; /* 🟢 fond vert */ color: #fff !important; /* ⚪ texte blanc */ box-shadow: 0 6px 18px rgba(144, 200, 79, 0.3); text-shadow: none !important; }

/*-------------------Services--------------------------*/
/*----------------------------------------------  🌿 SECTION SERVICES - TIKOZH Fond pleine largeur + cartes animées ----------------------------------------------*/
/* 🌿 Fond pleine largeur sur toute la section */
.tikozh-services-bg { background-color: #eae0d6; /* Beige clair */ width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 80px 0; /* 🌿 un peu plus d’espace haut/bas */ }

/* 🌿 Conteneur centré */
.tikozh-services-wrapper { max-width: 1350px; /* 🌿 légèrement plus large */ margin: 0 auto; padding: 0 40px; /* 🌿 plus d’air sur les côtés */ font-family: 'Georgia', serif; }

/* 🌿 Grille responsive */
.tikozh-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; /* 🌿 plus d’espace entre les cartes */ }

/* 🌿 Carte */
.tikozh-services-item { position: relative; overflow: hidden; border-radius: 10px; background-color: #fff; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer; }

/* 🌿 Animation au survol */
.tikozh-services-item:hover { transform: translateY(-6px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22); }

/* 🌿 Cercle décoratif animé */
.tikozh-services-item::before { content: ''; position: absolute; bottom: 0; right: 0; width: 220px; /* 🌿 légèrement plus grand */ height: 220px; background: rgba(169, 129, 84, 0.4); border-radius: 100% 0 0 0; pointer-events: none; z-index: 1; transform: translate(100%, 100%); transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1); }

.tikozh-services-item:hover::before { transform: translate(0, 0); }

/* 🌿 Image */
.tikozh-services-img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* 🌿 Grande carte verticale */
.tikozh-services-item.large { grid-row: span 2; }

.tikozh-services-item.large .tikozh-services-img { height: 100%; }

.tikozh-services-item:not(.large) .tikozh-services-img { height: 280px; /* 🌿 un peu plus haute */ }

/* 🌿 Overlay texte */
.tikozh-services-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); padding: 25px; /* 🌿 un peu plus de padding */ color: white; z-index: 2; }

/* 🌿 Titre */
.tikozh-services-title { font-size: 18px; /* 🌿 taille légèrement augmentée */ font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin: 0; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }

/* 🌿 Lien cliquable */
.tikozh-services-link { display: block; text-decoration: none; color: inherit; height: 100%; width: 100%; }

/* 🌿 Responsive tablette */
@media (max-width: 992px) { .tikozh-services-grid { grid-template-columns: 1fr 1fr; gap: 20px; } .tikozh-services-item:not(.large) .tikozh-services-img { height: 260px; } }

/* 🌿 Responsive mobile */
@media (max-width: 768px) { .tikozh-services-grid { grid-template-columns: 1fr; gap: 18px; } .tikozh-services-item.large { grid-row: span 1; } .tikozh-services-item:not(.large) .tikozh-services-img { height: 240px; } .tikozh-services-overlay { padding: 20px; } }

/*-------------------Réalisations--------------------------*/
/* 🌿 FOND PLEINE LARGEUR */
.tikozh-presentation-bg { background-color: #fffff; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 6vw 0; /* Espace adaptatif */ }

/* 🌿 CONTENEUR CENTRAL FLUIDE */
.tikozh-presentation { display: flex; align-items: center; justify-content: space-between; max-width: 1400px; /* plus large qu’avant */ margin: 0 auto; padding: 0 5vw; /* marges latérales dynamiques */ gap: 4vw; }

/* 🌿 BLOC TEXTE */
.tikozh-text { flex: 1; padding-right: 2vw; }

.tikozh-text h4 { text-transform: uppercase; letter-spacing: 1px; font-size: clamp(1.5rem, 1vw, 1.2rem); color: #a98154; margin-bottom: 10px; }

.tikozh-text h2 { font-size: clamp(1.8rem, 2.8vw, 3rem); line-height: 1.2; color: #333; margin-bottom: 1.5rem; font-weight: 700; }

.tikozh-text p { font-size: clamp(1rem, 1.2vw, 1.3rem); color: #555; line-height: 1.7; margin-bottom: 2rem; max-width: 600px; }

/* 🌿 BOUTON CTA */
.tikozh-btn { display: inline-block; padding: 14px 36px; background-color: transparent; color: #90c84f; font-weight: 600; text-decoration: none; border: 2px solid #90c84f; border-radius: 50px; transition: all 0.3s ease; font-size: 1rem; font-family: liza; }

.tikozh-btn:hover { background-color: #90c84f; color: #fff; transform: translateY(-3px); }

/* 🌿 RESPONSIVE TABLETTE */
@media (max-width: 1100px) { .tikozh-presentation { flex-direction: column-reverse; text-align: center; gap: 50px; } .tikozh-text { padding-right: 0; } .tikozh-text p { margin: 0 auto 2rem; } .tikozh-image { width: 90%; max-width: 600px; } }

/* 🌿 RESPONSIVE MOBILE */
@media (max-width: 600px) { .tikozh-presentation-bg { padding: 12vw 0; } .tikozh-btn { padding: 12px 28px; font-size: 0.95rem; } }

/*-------------------Prestations--------------------------*/
/*------------------------------ 🌿 Section Catalogue ------------------------------*/
.catalogue-section { background-color: #ffffff; padding: 80px 40px; /* plus d’espace sur les bords */ text-align: center; color: #2b2b2b; font-family: 'Georgia', serif; }

/* 🌿 Titre principal */
.catalogue-title { font-size: 34px; font-weight: 500; letter-spacing: 2px; margin-bottom: 50px; color: #a98154; font-family: cinzel; }

/* 🌿 Grille des produits */
.catalogue-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; justify-items: center; align-items: start; max-width: 1300px; margin: 0 auto; }

/* 🌿 Carte produit */
.catalogue-item { background: none; border-radius: 20px; padding: 0; width: 100%; max-width: 360px; /* limite la largeur pour garder une belle proportion */ box-shadow: none; transition: none; text-align: center; }

/* 🌿 Image */
.catalogue-img { width: 100%; height: 320px; /* ✅ image agrandie */ object-fit: cover; border-radius: 18px; margin-bottom: 20px; }

/* 🌿 Nom du produit (h3) */
.catalogue-name { font-size: 18px; letter-spacing: 1px; font-weight: 600; margin: 12px 0 6px; text-transform: uppercase; color: #a98154; }

/* 🌿 Description */
.catalogue-desc { font-size: 15px; color: #5a5a5a; margin-bottom: 12px; line-height: 1.5; }

/* 🌿 Prix ou note image */
.catalogue-price { font-size: 15px; font-weight: 600; color: #000; }

/* 🌿 Responsive */
@media (max-width: 1024px) { .catalogue-grid { gap: 40px; } .catalogue-img { height: 300px; } }

@media (max-width: 768px) { .catalogue-section { padding: 60px 20px; } .catalogue-title { font-size: 30px; margin-bottom: 40px; } .catalogue-grid { grid-template-columns: 1fr; gap: 40px; } .catalogue-item { max-width: 400px; } .catalogue-img { height: 280px; } }

/*-------------------Prestations--------------------------*/
/*------------------------------ 🌿 Section Catalogue Couleur ------------------------------*/
.catalogue-couleur-section { background-color: #eae0d6; /* ✅ Fond beige clair */ padding: 80px 40px; text-align: center; color: #2b2b2b; font-family: 'Georgia', serif; }

/* 🌿 Titre principal */
.catalogue-couleur-title { font-size: 34px; font-weight: 500; letter-spacing: 2px; margin-bottom: 50px; color: #a98154; font-family: Cinzel; }

/* 🌿 Grille des produits */
.catalogue-couleur-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; justify-items: center; align-items: start; max-width: 1300px; margin: 0 auto; }

/* 🌿 Carte produit */
.catalogue-couleur-item { background: none; border-radius: 20px; padding: 0; width: 100%; max-width: 360px; box-shadow: none; text-align: center; transition: none; }

/* 🌿 Image */
.catalogue-couleur-img { width: 100%; height: 320px; object-fit: cover; border-radius: 18px; margin-bottom: 20px; }

/* 🌿 Nom du produit */
.catalogue-couleur-name { font-size: 18px; letter-spacing: 1px; font-weight: 600; margin: 12px 0 6px; text-transform: uppercase; color: #a98154; }

/* 🌿 Description */
.catalogue-couleur-desc { font-size: 15px; color: #5a5a5a; margin-bottom: 12px; line-height: 1.5; }

/* 🌿 Responsive */
@media (max-width: 1024px) { .catalogue-couleur-grid { gap: 40px; } .catalogue-couleur-img { height: 300px; } }

@media (max-width: 768px) { .catalogue-couleur-section { padding: 60px 20px; } .catalogue-couleur-title { font-size: 30px; margin-bottom: 40px; } .catalogue-couleur-grid { grid-template-columns: 1fr; gap: 40px; } .catalogue-couleur-item { max-width: 400px; } .catalogue-couleur-img { height: 280px; } }

/*-------------------réalisations--------------------------*/
/*---------------------------------------------- 🌿 Galerie Ti Kozh & Nevez ----------------------------------------------*/
.galerie-tikozh { background-color: #ffffff; padding: 120px 40px 80px; text-align: center; font-family: 'Georgia', serif; position: relative; }

/* 🌿 Grand titre principal */
.galerie-titre { position: absolute; top: 90px; left: 50%; transform: translateX(-50%); font-size: 42px; font-weight: 600; color: #a98154; letter-spacing: 1px; text-transform: uppercase; margin: 0; }

/* 🌿 Onglets de filtres */
.galerie-filtres { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 120px; margin-bottom: 40px; }

.galerie-filtres button { background: transparent; border: 2px solid #90c84f; color: #90c84f; border-radius: 30px; padding: 10px 22px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: all 0.3s ease; }

.galerie-filtres button:hover, .galerie-filtres button.actif { background-color: #90c84f; color: #fff; }

/*---------------------------------------------- 🌿 Grille d’images ----------------------------------------------*/
.galerie-grille { display: grid; grid-template-columns: repeat(3, 1fr); /* ✅ 3 colonnes fixes */ gap: 25px; max-width: 1200px; margin: 0 auto; justify-items: center; /* ✅ centre les images si moins de 3 */ }

/* 🌿 Chaque image est un carré */
.galerie-item { aspect-ratio: 1 / 1; /* ✅ carré parfait */ width: 100%; max-width: 350px; /* ✅ limite la taille pour garder l’harmonie */ overflow: hidden; border-radius: 12px; position: relative; }

.galerie-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

/*---------------------------------------------- ✨ Avant/Après avec curseur ----------------------------------------------*/
.avant-apres-container { grid-column: span 1; }

.avant-apres-wrapper { position: relative; width: 100%; aspect-ratio: 1 / 1; /* ✅ carré pour uniformité */ overflow: hidden; border-radius: 12px; cursor: ew-resize; user-select: none; }

.avant-apres-avant, .avant-apres-apres { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }

.avant-apres-apres { clip-path: inset(0 50% 0 0); }

/* 🌿 Ligne de séparation (curseur) */
.avant-apres-curseur { position: absolute; top: 0; left: 50%; width: 4px; height: 100%; background: #fff; transform: translateX(-50%); pointer-events: none; z-index: 10; }

/* 🌿 Curseur circulaire */
.curseur-poignee { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; background: #90c84f; border: 3px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; gap: 4px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); pointer-events: all; cursor: ew-resize; }

.curseur-poignee span { color: #fff; font-size: 14px; font-weight: bold; line-height: 1; }

/* 🌿 Labels "AVANT" / "APRÈS" */
.avant-apres-labels { position: absolute; top: 20px; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; pointer-events: none; z-index: 5; }

.label-avant, .label-apres { background: rgba(0, 0, 0, 0.6); color: #fff; padding: 8px 16px; border-radius: 20px; font-weight: 700; font-size: 14px; letter-spacing: 1px; }

/*---------------------------------------------- 📱 Responsive ----------------------------------------------*/
@media (max-width: 992px) { .galerie-grille { grid-template-columns: repeat(2, 1fr); /* ✅ 2 colonnes sur tablette */ } .galerie-item { max-width: 100%; } }

@media (max-width: 600px) { .galerie-titre { font-size: 30px; top: 50px; } .galerie-filtres { margin-top: 100px; } .galerie-grille { grid-template-columns: 1fr; /* ✅ 1 colonne sur mobile */ } .avant-apres-wrapper { aspect-ratio: 1 / 1; } .curseur-poignee { width: 40px; height: 40px; } }

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