/*
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;
}

.kt-accordion-id44977_e6267e-25 .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible, .kt-accordion-id44977_e6267e-25 .kt-accordion-header-wrap .kt-blocks-accordion-header.kt-accordion-panel-active {
	border-left-color: var(--global-palette2) !important;
}

.entreprise-bloc h3 {
	font-size: 1.2em;
}

.entreprise-filters {
	margin-top: 50px;
}

/* ------------ 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;
}


/* ================================================================
   ► FIL D’ARIANE  (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;
    text-decoration:none;
}
.breadcrumb li::after{content:">";margin-left:5px;}
.breadcrumb li:last-child::after{content:"";}


/* ================================================================
   ► FILTRES  (boutons Tous / ≥ 3 / 4 / 5 / Top 5)
   ================================================================= */

/* ------------------  FILTRES  ------------------ */
.entreprise-filters{
    text-align:center;
    margin:1.5rem 0 3rem;
    display:flex;
    flex-direction:column;
    gap:.5rem;
    max-width:350px;
    margin-inline:auto;
}

.entreprise-filters button{
    width:100%;
    padding:.8em 1em;
    font-size:1em;
    border:none;
    border-radius:6px;
    background:#fec84b;   /* jaune thème */
    color:#000;
    cursor:pointer;
    transition:background .15s ease;
}

/* survol */
.entreprise-filters button:hover{
    background:#000;
	color:#fff !important;
}

/* filtre actif (classe ajoutée en JS) */
.entreprise-filters button.active{
    background:#000;
    color:#fff !important;
}

/* ================================================================
   ► BLOC THÉMATIQUE  (cartes grille « top6 », pages thématiques, etc.)
   ================================================================= */
.clt-grille{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
    margin:3rem auto;
    max-width:1200px;
    padding:0 1rem;
}
@media(max-width:960px){.clt-grille{grid-template-columns:1fr;}}

.clt-card{
    background:#fff;
    border:1px solid #e4e9f0;
    border-radius:12px;
    overflow:hidden;
    text-decoration:none;
    color:#222;
    display:flex;
    flex-direction:column;
    transition:.15s;
	padding-bottom:20px;
}
.clt-card:hover{
    transform:translateY(-4px);
    border-color:#fec84b;
}
.clt-thumb{height:180px;overflow:hidden;}
.clt-thumb img{width:100%;height:100%;object-fit:cover;}

.clt-title{
    margin:1rem !important;
    font-size:1.18rem;
    font-weight:700;
    line-height:1.3;
}
.clt-adr,
.clt-tel{                 /* si tu veux afficher adresse / tel dans la carte */
    margin:0 1rem 1rem !important;
    font-size:.95rem;
    color:#566072;
}
.clt-note{                /* libellé Note / Avis en jaune */
    margin:0 1rem 1rem !important ;
    font-size:.93rem;
    font-weight:700;
    color:#f4aa15;
    background:transparent;
}

.clt-text {
	margin: 0 1rem 1rem !important;
	font-size: .96rem;
	color: #566072;
}

/* ================================================================
   ► BLOC CLASSEMENT  (liste d’entreprises dans une page classement)
   ================================================================= */
.entreprises-ville-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
    margin:2rem 0;
}
@media(max-width:900px){.entreprises-ville-list{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.entreprises-ville-list{grid-template-columns:1fr;}}

.entreprise-bloc,
.entreprise-partenaire{  /* même base pour partenaire ou non */
    background:ghostwhite;
    border:1px solid #e0e6f1;
    border-radius:12px;
    padding:0;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
    display:flex;
    flex-direction:column;
    gap:.45em;
    min-height:180px;
    transition:border-color .2s;
}
.entreprise-bloc:hover,
.entreprise-partenaire:hover{
    border-color:var(--global-palette2,#fec84b);
}
.entreprise-thumb{position:relative;}
.entreprise-thumb img{
    display:block;
    max-width:100%;
    height:auto;
}

.entreprise-nom{
    font-size:1em;
    font-weight:700;
    margin:0 0 1rem;
}
.entreprise-adr,
.entreprise-phone{
    margin:0 0 .4rem;
    font-size:.95rem;
    color:#566072;
}
.entreprise-rating{      /* Note / avis jaune */
    margin:0;
    font-size:.95rem;
    font-weight:600;
    color:#f4aa15;
}

/* — Réduction du nombre de colonnes selon la largeur — */
@media(max-width:900px){.entreprises-ville-list{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.entreprises-ville-list{grid-template-columns:1fr;}}


/* ================================================================
   ► PARTENAIRES  (badge + couleurs + indicateur clic)
   ================================================================= */
.entreprise-partenaire{
    background:floralwhite;
    border:1px solid var(--global-palette2,#fec84b);
    text-decoration:none!important;
    color:inherit;
    position:relative;
    cursor:pointer;
}
.entreprise-partenaire *{text-decoration:none!important;}

/* Badge dans la vignette */
.badge-partenaire{
    position:absolute;
    top:8px;left:8px;
    background:#fec84b;color:#000;
    font-size:.75rem;font-weight:600;
    padding:4px 6px;border-radius:4px;
    line-height:1;
}

/* Label “Voir le site web →” en bas à droite */
.entreprise-partenaire::after{
    content:"Voir le site web →";
    position:absolute;right:10px;bottom:8px;
    font-size:.8rem;font-weight:600;
    background:#fec84b;color:#000;
    padding:3px 6px;border-radius:4px;
    opacity:.9;pointer-events:none;
}
.entreprise-partenaire:hover::after{opacity:1;}

/* ================================================================
   ► Bouton “Fiche Google”  (shortcode [entreprises_classement])
   ================================================================= */
.clt-card{position:relative}           /* rend possible l’ancrage du bouton */
.btn-fiche-wrap{
    position:absolute;
    bottom:1rem;
    right:1rem;
    margin:0;
}
.btn-fiche,
.btn-fiche-wrap .btn-fiche{            /* <a> ou <span> selon le cas */
    display:inline-block;
    padding:.45em .9em;
    font-size:.85rem;
    line-height:1;
    background:#3880ff;
    color:#fff;
    border-radius:8px;
    text-decoration:none;
    transition:.15s;
}
.btn-fiche:hover{background:#2f70e4}

/* ================================================================
   ► Pictos + bouton fiche Google
   ================================================================= */
.clt-card{position:relative}
.picto{margin-right:.35em;font-size:1.05em;line-height:0;vertical-align:middle}
.btn-fiche-wrap{position:absolute;bottom:1rem;right:1rem;margin:0;z-index:2}
.btn-fiche{display:inline-block;padding:.45em .9em;font-size:.85rem;line-height:1;
           background:#3880ff;color:#fff;border-radius:8px;text-decoration:none;
           transition:.15s;pointer-events:none}
.btn-fiche[href]{pointer-events:auto}
.btn-fiche:hover{background:#2f70e4}