/*
CTC Separate Stylesheet
Updated: 2024-12-08 01:21:51
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.13.1733613711
*/


/* ------------ Général ----------------------- */

.wp-block-list li {
	margin-top: 16px;
}
.entry-related-inner-content.alignwide {
	margin-bottom: 0px !important;
	padding-bottom: 0px;
	padding-top:20px;
}

/* ------------ Styles pour le formulaire viteundevis ----------------------- */

body #vud_mb_js_box .vud_reinitialise #vud_devis_header strong {
	Color: rgb(81, 81, 81) !important;
	font-family: Verdana, Geneva, sans-serif !important ;
	font-size: 17px !important;
}

body #vud_mb_js_box .vud_reinitialise .devistap_step h2 {
font-style: normal !important;
font-weight: 700 !important;
font-size: 20px !important;
line-height: 1.5 !important;
color: var(--global-palette4) !important;
}
body #vud_mb_js_box .vud_reinitialise #vud_signature a {
	color: var(--global-palette4) !important;
}
#vud_devis {
	box-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04) !important;
	border-radius: 10px !important;
}
body #vud_mb_js_box .vud_reinitialise .devistap_choix:hover {
	border: 2px solid var(--global-palette2) !important;
}
body #vud_mb_js_box .vud_reinitialise .devistap_choix:hover {
	background: var(--global-palette7) !important;
}

body #vud_mb_js_box .vud_reinitialise #vud_devis_header h2, body #vud_mb_js_box .vud_reinitialise #vud_explication h2 {
font-style: normal !important;
  font-weight: 700 !important;
  font-size: 35px !important;
  line-height: 1.5 !important;
  color: var(--global-palette4) !important;
}
body #vud_mb_js_box .vud_reinitialise #devistap_progression #devistap_progression_barre {
background: var(--global-palette2) !important;
border:2px solid var(--global-palette2) !important;
}

body #vud_mb_js_box .vud_reinitialise #devistap_progression .devistap_progression_point {
color:#ffffff !important;
text-shadow:none !important;
background: #c6c6c6 !important;
border: 2px solid #c6c6c6 !important;
border-radius: 5px !important;
box-shadow: none !important;
}

body #vud_mb_js_box .vud_reinitialise #devistap_progression .devistap_progression_point_gris {
	background: #fff !important;
	border: 2px solid #c6c6c6 !important;
	border-radius: 5px !important;
	box-shadow: none !important;
	color:#c6c6c6 !important;
}

body #vud_mb_js_box .vud_reinitialise #devistap_progression .devistap_progression_point_rouge {
	background: var(--global-palette2) !important;
	border: 3px solid #000 !important;
	border-radius:5px !important;
	color:#fff !important;
}

/* ------------ Styles pour le shortcode [liste_villes] ----------------------- */

.liste-villes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

@media screen and (max-width: 640px) {
  .liste-villes-grid {
    grid-template-columns: 1fr;
  }
}

.ville-item {
  display: flex;
  align-items: center;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 6px;
  font-size: 16px;
}

.ville-item a {
color: #fff !important;
Text-decoration:none;
}

.ville-item a:hover {
color: var(--global-palette2) !important;
}

.ville-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
}

.ville-cachee {
  display: none;
}

.btn-afficher-villes {
  display: block;
  margin: 30px auto 0;
  padding: 10px 20px;
  background: #fff;
  color: rgb(0, 0, 0);
  border: none;
  border-radius: 5px;
  cursor: pointer;
	
}

.btn-afficher-villes:hover {
  background: var(--global-palette2) !important;
}

/* ------------ Styles pour le shortcode fil ariane  ----------------------- */
.breadcrumb ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}
.breadcrumb li, .breadcrumb li a {
  margin-right: 5px;
color:gainsboro;
}
.breadcrumb li::after {
  content: ">";
  margin-left: 5px;
}
.breadcrumb li:last-child::after {
  content: "";
}

/* ------------ Styles pour le bouton de formulaire de contact  ----------------------- */

.kadence-form-44757_390404-25 .kb-form .kadence-blocks-form-field .kb-forms-submit {
	margin-top:40px;
}


/* ------------  Prestations par ville ----------------------- */

.prestations-ville-wrapper {
  padding: 2rem 0;
}

.prestations-ville-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media screen and (max-width: 960px) {
  .prestations-ville-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .prestations-ville-grid {
    grid-template-columns: 1fr;
  }
}

.prestation-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  background: #fff;
  padding: 24px 16px;
  border-radius: 12px;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  color: #111;
}

.prestation-card:hover {
  box-shadow: none;
  transform: translateY(-2px);
}

.prestation-icon {
  font-size: 36px;
  line-height: 1;
margin-bottom: 12px;
color:var(--global-palette2);
}

.prestation-separator {
  width: 50%;
  height: 1px;
  background: #ccc;
  margin: 12px 0;
}

.prestation-label {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 15px;
}

.prestation-arrow svg {
  stroke: var(--global-palette4);
  transition: transform 0.3s ease;
}

.prestation-card:hover .prestation-arrow svg {
  transform: translateX(4px);
}

.prestation-card:hover {
	color:var(--global-palette2);
}

/* ================== MAILLAGE ACCUEIL ============ */

/* Section container */
.maillage-home-section {
  padding: 3rem 0;
}

/* Titres */
.maillage-home-section h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
  color: #fff; /* tu peux adapter si fond clair */
}

/* Espacement entre les sections */
.maillage-home-section + .maillage-home-section {
  margin-top: 3rem;
}

/* Liste simple (villes, départements) */
.liste-villes-wrapper {
  margin: 0 auto;
  max-width: 1200px;
}

/* Cartes prestations */
.prestations-ville-wrapper {
  margin: 0 auto;
  max-width: 1200px;
}