/*
 Theme Name:   Theme Enfant
 Theme URI:    https://www.enjin.fr
 Description:  Thème enfant de Twenty Twenty-Five. Nom de l'entreprise : Etavard - Artisan peintre et décorateur home staging ; Nom du représentant : Cyril Etavard. Généré par le plugin Migration – Importer structure.
 Author:       Enjin
 Template:     twentytwentyfive
 Version:      1.0.20260410090358
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  enjin-theme-enfant
*/




@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&display=swap');


/* Design exporté (plugin Migration) */

/* ============================================================
   migration-design.css – généré par le plugin Migration
   Variables CSS + styles blocs Gutenberg
   ============================================================ */

:root {

  /* --- Couleurs issues de la BDD de l'ancien site --- */
  /* --couleur-1: #000; */
  /* --couleur-2: #000; */
  /* --couleur-3: #000; */

  /* --- Couleurs de texte (extraites ou par défaut) --- */
  --blanc: #fff;
  --noir: #000;
  --color-text:         #000;
  --color-text-muted:   #555555;
  --color-text-light:   #888888;
  --color-heading:      #003399;
  --color-caption:      #003399;

  /* --- Couleurs d'interface (extraites ou dérivées des couleurs BDD) --- */
  --color-link:         #003399;
  --color-link-hover:   #003399;
  --color-border:       #e0e0e0;
  --color-bg-alt:       #f5f5f5;
  --color-quote-border: #003399;

  /* --- Police de caractères (extraite ou par défaut) --- */
  --font-primary:  "Advent Pro", sans-serif;
  --font-heading:  "Advent Pro", sans-serif;
  --font-mono:     "Advent Pro", sans-serif;

  /* --- Graisses (font-weight) --- */
  --font-weight-light:   300;
  --font-weight-normal:  400;
  --font-weight-medium:  500;
  --font-weight-bold:    700;
  --font-weight-heading: var(--font-weight-bold);
  --font-weight-body:    var(--font-weight-normal);

  /* --- Styles de police (font-style) --- */
  --font-style-base:    normal;
  --font-style-italic:  italic;
  --font-style-heading: normal;

  /* --- Tailles de typographie (extraites ou par défaut) --- */
  --font-size-base: 18px;
  --font-size-sm:   0.875rem;
  --font-size-lg:   1.125rem;
  --font-size-h1:   2em;
  --font-size-h2:   1.9em;
  --font-size-h3:   1.7em;
  --font-size-h4:   1.4em;
  --font-size-h5:   1.3em;
  --font-size-h6:   1.2em;

  /* --- Interlignage (line-height) --- */
  --line-height-base:    1.6;
  --line-height-heading: 1.2;
  --line-height-sm:      1.4;

  /* --- Titres par niveau (extraits ou par défaut, surchargeable) --- */
  --font-weight-h1: 700;
  --color-h1:        var(--color-heading);
  --font-style-h1:  var(--font-style-heading);
  --line-height-h1: normal;
  --font-weight-h2: 700;
  --color-h2:        var(--color-heading);
  --font-style-h2:  var(--font-style-heading);
  --line-height-h2: normal;
  --font-weight-h3: 700;
  --color-h3:        var(--color-heading);
  --font-style-h3:  var(--font-style-heading);
  --line-height-h3: normal;
  --font-weight-h4: 700;
  --color-h4:        var(--color-heading);
  --font-style-h4:  var(--font-style-heading);
  --line-height-h4: normal;
  --font-weight-h5: 700;
  --color-h5:        var(--color-heading);
  --font-style-h5:  var(--font-style-heading);
  --line-height-h5: normal;
  --font-weight-h6: 700;
  --color-h6:        var(--color-heading);
  --font-style-h6:  var(--font-style-heading);
  --line-height-h6: normal;

  /* --- Espacements --- */
  --spacing-xs:  0.25rem;
  --spacing-sm:  0.5rem;
  --spacing-md:  1rem;
  --spacing-lg:  2rem;
  --spacing-xl:  2.5rem;

  /* --- Layout (sections fluides + conteneur) --- */
  --wp--style--global--content-size: 1400px;
  --wp--style--global--wide-size:     1400px;
  --migration-fluid-section-width:   100%;
}



/* --- Sections fluides (pleine largeur) --- */
.alignfull,
.wp-block-group.alignfull,
.wp-block-cover.alignfull {
  width: var(--migration-fluid-section-width);
  max-width: var(--migration-fluid-section-width);
}




/* ============================================================
   Styles des blocs Gutenberg (contenu migré)
   ============================================================ */

/* --- Taille de police de base --- */
html {
  font-size: 100%;
}

body {
  font-family:  var(--font-primary);
  font-size:    var(--font-size-base);
  font-weight:  var(--font-weight-body);
  font-style:   var(--font-style-base);
  color:        var(--color-text);
  line-height:  var(--line-height-base);
  letter-spacing: 0.2px;
}

/* --- Texte de base --- */
.entry-content {
  font-family:  var(--font-primary);
  font-size:    var(--font-size-base);
  font-weight:  var(--font-weight-body);
  font-style:   var(--font-style-base);
  color:        var(--color-text);
  line-height:  var(--line-height-base);
}

.wp-block {
  font-family:  var(--font-primary);
  font-size:    var(--font-size-base);
  font-weight:  var(--font-weight-body);
  font-style:   var(--font-style-base);
  color:        var(--color-text);
  line-height:  var(--line-height-base);
}

/* --- wp:paragraph --- */
.entry-content p {
  font-weight:  var(--font-weight-body);
  font-style:   var(--font-style-base);
  line-height:  var(--line-height-base);
}

.wp-block-paragraph {
  font-weight:  var(--font-weight-body);
  font-style:   var(--font-style-base);
  line-height:  var(--line-height-base);
  margin-block: var(--spacing-md);
}

/* --- wp:heading --- */
.entry-content h1 {
  font-family:  var(--font-heading);
  font-size:    var(--font-size-h1);
  font-weight:  var(--font-weight-h1);
  font-style:   var(--font-style-h1);
  color:        var(--color-h1);
  line-height:  var(--line-height-h1);
  margin-block: var(--spacing-lg) var(--spacing-sm);
}

.entry-content h2 {
  font-family:  var(--font-heading);
  font-size:    var(--font-size-h2);
  font-weight:  var(--font-weight-h2);
  font-style:   var(--font-style-h2);
  color:        var(--color-h2);
  line-height:  var(--line-height-h2);
  margin-block: var(--spacing-lg) var(--spacing-sm);
}

.entry-content h3 {
  font-family:  var(--font-heading);
  font-size:    var(--font-size-h3);
  font-weight:  var(--font-weight-h3);
  font-style:   var(--font-style-h3);
  color:        var(--color-h3);
  line-height:  var(--line-height-h3);
  margin-block: var(--spacing-lg) var(--spacing-sm);
}

.entry-content h4 {
  font-family:  var(--font-heading);
  font-size:    var(--font-size-h4);
  font-weight:  var(--font-weight-h4);
  font-style:   var(--font-style-h4);
  color:        var(--color-h4);
  line-height:  var(--line-height-h4);
  margin-block: var(--spacing-lg) var(--spacing-sm);
}

.entry-content h5 {
  font-family:  var(--font-heading);
  font-size:    var(--font-size-h5);
  font-weight:  var(--font-weight-h5);
  font-style:   var(--font-style-h5);
  color:        var(--color-h5);
  line-height:  var(--line-height-h5);
  margin-block: var(--spacing-lg) var(--spacing-sm);
}

.entry-content h6 {
  font-family:  var(--font-heading);
  font-size:    var(--font-size-h6);
  font-weight:  var(--font-weight-h6);
  font-style:   var(--font-style-h6);
  color:        var(--color-h6);
  line-height:  var(--line-height-h6);
  margin-block: var(--spacing-lg) var(--spacing-sm);
}

.wp-block-heading {
  font-family:  var(--font-heading);
  font-weight:  var(--font-weight-heading);
  font-style:   var(--font-style-heading);
  color:        var(--color-heading);
  line-height:  var(--line-height-heading);
  margin-block: var(--spacing-lg) var(--spacing-sm);
}

/* --- Liens --- */
.entry-content a {
  color:           var(--color-link);
  font-weight:     var(--font-weight-normal);
  text-decoration: underline;
}

.entry-content a:hover {
  color: var(--color-link-hover);
}

/* --- wp:list --- */
.entry-content ul {
  font-weight:          var(--font-weight-body);
  line-height:          var(--line-height-base);
  padding-inline-start: var(--spacing-xl);
  margin-block:         var(--spacing-md);
}

.entry-content ol {
  font-weight:          var(--font-weight-body);
  line-height:          var(--line-height-base);
  padding-inline-start: var(--spacing-xl);
  margin-block:         var(--spacing-md);
}

.wp-block-list {
  font-weight:          var(--font-weight-body);
  line-height:          var(--line-height-base);
  padding-inline-start: var(--spacing-xl);
  margin-block:         var(--spacing-md);
}

.entry-content li {
  margin-block: var(--spacing-xs);
}

/* --- wp:image --- */
.wp-block-image {
  margin-block: var(--spacing-lg);
}

.wp-block-image img {
  max-width: 100%;
  height:    auto;
  display:   block;
}

.wp-block-image figcaption {
  font-size:   var(--font-size-sm);
  font-style:  var(--font-style-italic);
  color:       var(--color-caption);
  text-align:  center;
  line-height: var(--line-height-sm);
  margin-top:  var(--spacing-xs);
}

/* --- Bandeau pages intérieures (page-banner) --- */
.page-banner .page-banner-title,
.wp-block-cover.page-banner .wp-block-heading {
  color: #fff;
  text-shadow: 0;
  margin-block: 0;
}

.page-banner-no-image .page-banner-title {
  color: var(--color-h1);
}

/* --- wp:separator --- */
.wp-block-separator {
  border:       none;
  border-top:   1px solid var(--color-border);
  margin-block: var(--spacing-xl);
}

/* --- wp:quote --- */
.wp-block-quote {
  border-inline-start:  4px solid var(--color-quote-border);
  padding-inline-start: var(--spacing-lg);
  margin-block:         var(--spacing-lg);
  color:                var(--color-text-muted);
  font-style:           var(--font-style-italic);
  font-weight:          var(--font-weight-normal);
  line-height:          var(--line-height-base);
}

/* --- wp:table --- */
.wp-block-table {
  margin-block: var(--spacing-lg);
  overflow-x:   auto;
}

.wp-block-table table {
  width:           100%;
  border-collapse: collapse;
  font-size:       var(--font-size-base);
  font-weight:     var(--font-weight-body);
  line-height:     var(--line-height-sm);
}

.wp-block-table th {
  border:      1px solid var(--color-border);
  padding:     var(--spacing-sm) var(--spacing-md);
  text-align:  left;
  background:  var(--color-bg-alt);
  font-weight: var(--font-weight-bold);
  font-style:  var(--font-style-base);
  color:       var(--color-heading);
}

.wp-block-table td {
  border:     1px solid var(--color-border);
  padding:    var(--spacing-sm) var(--spacing-md);
  text-align: left;
}

/* --- wp:code --- */
.wp-block-code {
  font-family:   var(--font-mono);
  font-size:     var(--font-size-sm);
  font-weight:   var(--font-weight-normal);
  font-style:    var(--font-style-base);
  background:    var(--color-bg-alt);
  border:        1px solid var(--color-border);
  border-radius: 4px;
  padding:       var(--spacing-md);
  overflow-x:    auto;
  white-space:   pre;
}

/* --- wp:preformatted --- */
.wp-block-preformatted {
  font-family:   var(--font-mono);
  font-size:     var(--font-size-sm);
  font-weight:   var(--font-weight-normal);
  font-style:    var(--font-style-base);
  background:    var(--color-bg-alt);
  border:        1px solid var(--color-border);
  border-radius: 4px;
  padding:       var(--spacing-md);
  overflow-x:    auto;
  white-space:   pre;
}

/* --- wp:columns --- */
.wp-block-columns {
  display:      flex;
  flex-wrap:    wrap;
  gap:          var(--spacing-lg);
  margin-block: var(--spacing-lg);
}

/* --- wp:column --- */
.wp-block-column {
  flex: 1 1 min(100%, 200px);
}

/* --- Colonnes Creasite (half, blocTexte, m_bloc_*, colleft/colright, bloc_spe_index) --- */
.wp-block-columns .wp-block-column.bloctexte1,
.wp-block-columns .wp-block-column.blocTexte1,
.wp-block-columns .wp-block-column.bloctexte2,
.wp-block-columns .wp-block-column.blocTexte2,
.wp-block-columns .wp-block-column.half,
.wp-block-columns .wp-block-column.m_bloc_gauche,
.wp-block-columns .wp-block-column.m_bloc_droit {
  flex: 0 1 50%;
  min-width: min(100%, 280px);
}
.wp-block-columns .wp-block-column.colleft { flex: 0 1 47%; min-width: min(100%, 260px); }
.wp-block-columns .wp-block-column.colright { flex: 0 1 48%; min-width: min(100%, 260px); }
.wp-block-columns .wp-block-column.tiers { flex: 0 1 33.333%; min-width: min(100%, 200px); }
/* Ligne 2 colonnes (bloc_spe_index) : contenu à gauche, colonne droite vide (comme Creasite) */
.wp-block-columns.bloc-spe-two-cols .wp-block-column.bloc-spe-contenu { flex: 1 1 65%; min-width: min(100%, 200px); }
.wp-block-columns.bloc-spe-two-cols .wp-block-column.bloc-spe-droite { flex: 0 1 30%; min-width: min(100%, 180px); }

/* --- Contenu page : flux vertical (HTML migré en wp:group, pas wp:columns) --- */
/* .entry-content .wp-block-columns,
.wp-block-post-content .wp-block-columns {
  flex-direction: column;
  flex-wrap:      nowrap;
} */
.entry-content .wp-block-column,
.wp-block-post-content .wp-block-column {
  flex-basis: 100% !important;
  max-width:  100% !important;
  min-width:  0 !important;
}
.entry-content .wp-block-group.half,
.wp-block-post-content .wp-block-group.half,
.entry-content .wp-block-group.tiers,
.wp-block-post-content .wp-block-group.tiers,
.entry-content .wp-block-group.m_bloc_gauche,
.wp-block-post-content .wp-block-group.m_bloc_gauche,
.entry-content .wp-block-group.m_bloc_droit,
.wp-block-post-content .wp-block-group.m_bloc_droit,
.entry-content .wp-block-group.m_bloc_contenu,
.wp-block-post-content .wp-block-group.m_bloc_contenu,
.entry-content .wp-block-group.bloc_gauche,
.wp-block-post-content .wp-block-group.bloc_gauche,
.entry-content .wp-block-group.bloc_droit,
.wp-block-post-content .wp-block-group.bloc_droit,
.entry-content .wp-block-group.bloc_left,
.wp-block-post-content .wp-block-group.bloc_left,
.entry-content .wp-block-group.bloc_right,
.wp-block-post-content .wp-block-group.bloc_right,
.entry-content .wp-block-group.bloctexte1,
.wp-block-post-content .wp-block-group.bloctexte1,
.entry-content .wp-block-group.blocTexte1,
.wp-block-post-content .wp-block-group.blocTexte1,
.entry-content .wp-block-group.bloctexte2,
.wp-block-post-content .wp-block-group.bloctexte2,
.entry-content .wp-block-group.blocTexte2,
.wp-block-post-content .wp-block-group.blocTexte2,
.entry-content .wp-block-group.bloctexte,
.wp-block-post-content .wp-block-group.bloctexte,
.entry-content .wp-block-group.colleft,
.wp-block-post-content .wp-block-group.colleft,
.entry-content .wp-block-group.colright,
.wp-block-post-content .wp-block-group.colright,
.entry-content .wp-block-group.une_colonne,
.wp-block-post-content .wp-block-group.une_colonne,
.entry-content .wp-block-group.deux_colonnes,
.wp-block-post-content .wp-block-group.deux_colonnes,
.entry-content .wp-block-group.bloc-spe-two-cols,
.wp-block-post-content .wp-block-group.bloc-spe-two-cols {
  display:    block;
  width:      100%;
  max-width:  100%;
  float:      none;
  clear:      both;
  box-sizing: border-box;
}

/* --- Footer migré --- */
.migration-footer {
  margin-top:  var(--spacing-xl);
  padding:     var(--spacing-lg) 0;
  border-top:  1px solid var(--color-border);
  font-size:   var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color:       var(--color-text-muted);
  line-height: var(--line-height-sm);
}
.migration-footer-inner {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin:    0 auto;
  padding:   0 var(--spacing-md);
}

/* --- Footer : grille 3 colonnes (pages + légal) --- */
.footer-pages-three-columns {
  display:                 grid !important;
  width:                   100%;
  max-width:               100%;
  min-width:               0;
  box-sizing:              border-box;
  grid-template-columns:   1fr;
  gap:                     var(--spacing-lg, 1.25rem);
  align-items:             start;
}
.footer-pages-list-wrap {
  grid-column:             auto;
  min-width:               0;
  column-count:            1;
  column-gap:              var(--spacing-lg, 1.25rem);
}
.footer-pages-legal-cell {
  grid-column:             auto;
  min-width:               0;
}
@media (min-width: 783px) {
  .footer-pages-three-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .footer-pages-list-wrap {
    grid-column:           1 / span 2;
    column-count:          2;
  }
  .footer-pages-legal-cell {
    grid-column:           3;
  }
}
.footer-pages-three-columns ul,
.footer-pages-three-columns .wp-block-page-list,
.footer-pages-three-columns .footer-flat-page-list,
.footer-pages-three-columns .footer-legal-links {
  list-style:    none;
  padding-left:  0;
  margin:        0;
}
.footer-pages-three-columns li {
  list-style: none;
  margin:     0.25em 0;
  break-inside: avoid;
}
.footer-pages-legal .footer-legal-links a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.footer-pages-two-columns > .footer-pages-three-columns {
  margin: 0;
}



/* Réseaux sociaux (footer + shortcode [social_links]) */
.enjin-social-links,.migration-social-links{
  display:flex;
  flex-wrap:wrap;
  gap:.75em;
  margin-top:1em;
  align-items:center
}

.enjin-social-links a,.migration-social-links a,.enjin-social-link,.migration-social-link {
  color:inherit;opacity:.85;transition:opacity .2s
}

.enjin-social-links a:hover,.migration-social-links a:hover,.enjin-social-link:hover,.migration-social-link:hover {
  opacity:1
}

.enjin-social-links i,.migration-social-links i {
  font-size:1.25em
}




/* MODIFS  */


/* ============================================
   GENERAL
   ============================================ */

  .wp-block-heading {
    text-wrap: balance !important;
  }



   @media all and (max-width: 992px) {
  :root {
    --font-size-base: 16px;
  }
}

@media all and (max-width: 768px) {
  :root {
    --font-size-base: 14px;
  }
}

   :root :where(.wp-site-blocks :focus),:root :where(.wp-element-button:focus, .wp-block-button__link:focus) {
  outline-width: 0px !important;
  outline-style: solid;
}

   /* MAIN */

  main {
    margin-top: 0 !important;
    background-image: url(https://clochard.junior.enjin-dev.fr/wp-content/uploads/2026/04/fond-bandeau-scaled.jpg) !important;
    background-size: auto !important;
    background-position: center !important;
    background-repeat: repeat-y !important;
    padding-top: 100px;
   }

@media all and (max-width: 480px) {
  main {
    padding-top: 60px;
  }
}


a, a:visited {
    text-decoration: none !important;
}

a:hover, a:focus, a:active {
    text-decoration: none !important;
}

a img, a img:link, a img:visited {
    transform: scale(1);
    transition: all 0.2s ease-in-out;
}

a img:hover, a img:focus, a img:active {
    transform: scale(0.9);
}


/* Images, figures et vidéos responsive */
img,
figure {
  max-width: 100% !important;
  height: auto !important;
}

figure img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

video,
iframe,
embed,
object {
  max-width: 100% !important;
  height: auto !important;
}

/* Vidéos YouTube / Vimeo en iframe */
.wp-block-embed__wrapper {
  position: relative !important;
  padding-bottom: 56.25% !important;
  height: 0 !important;
  overflow: hidden !important;
}

.wp-block-embed__wrapper iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* ============================================
   Header
   ============================================ */

header {
  border-bottom: 1px solid var(--color-border) !important;
  /* background-image: url(https://clochard.junior.enjin-dev.fr/wp-content/uploads/2026/04/fond-bandeau-scaled.jpg) !important; */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important;
}

/* Le groupe intermédiaire doit prendre toute la largeur */
header {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 10 !important;
}

header .wp-block-group.alignwide {
  width: 100% !important;
  max-width: 100% !important;
}

header .wp-block-columns {
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
}

/* Colonne logo — taille fixe */
header .wp-block-columns > .wp-block-column:first-child {
  flex: 0 0 150px !important;
  max-width: 150px !important;
  min-width: 0 !important;
}

/* Colonne nav — prend tout l'espace restant */
header .wp-block-columns > .wp-block-column:last-child {
  flex: 1 1 0% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Logo */
header .site-logo {
  max-width: 150px !important;
  flex-shrink: 0 !important;
}

header .site-logo img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Hover liens navigation */

.wp-block-navigation-item__content {
    font-size: var(--font-size-h6) !important;
    font-weight: var(--font-weight-medium);
    letter-spacing: 1.1;
}
.wp-block-navigation-item__content:hover {
  color: var(--color-link-hover) !important;
}

@media (min-width: 993px) {

  /* Niveau 1 — masqué par défaut */
  .wp-block-navigation .has-child
  > .wp-block-navigation__submenu-container {
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    width: 0 !important;
    position: absolute !important;
    /* top: calc(100% + 10px) !important; */
    top: 100% !important;
    left: 0 !important;
    min-width: 220px !important;
    flex-direction: column !important;
    padding: 6px !important;
    border: none !important;
    border-radius: 0px !important;
    /* box-shadow: 0 4px 16px rgba(0,0,0,.08) !important; */
    background: var(--wp--preset--color--base, #fff) !important;
    z-index: 9999 !important;
  }

  /* Niveau 1 — ouverture au hover */
  .wp-block-navigation .has-child:not(.open-on-click):hover
  > .wp-block-navigation__submenu-container {
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    width: auto !important;
    display: flex !important;
  }

  /* Niveau 2+ — fly-out à droite (règle native WP) */
  .wp-block-navigation .has-child
  .wp-block-navigation__submenu-container
  .wp-block-navigation__submenu-container {
    left: 100% !important;
    right: auto !important;
    top: 0 !important;
  }

 

  /* Correction pour items-justified-right — garder à droite aussi */
  .wp-block-navigation.items-justified-right
  .wp-block-navigation__container
  .has-child
  .wp-block-navigation__submenu-container
  .wp-block-navigation__submenu-container {
    left: 100% !important;
    right: auto !important;
    top: 0 !important;
  }

  /* Flèche niveau 2+ pointe à droite */
  .wp-block-navigation__submenu-container
  li.wp-block-navigation-submenu
  > .wp-block-navigation__submenu-icon svg {
    transform: rotate(-90deg) !important;
  }

  /* Flèche niveau 2+ retournée au hover */
  .wp-block-navigation__submenu-container
  li.wp-block-navigation-submenu:hover
  > .wp-block-navigation__submenu-icon svg {
    transform: rotate(-90deg) !important;
  }



  /* Niveau 3 — en dessous du li parent dans le fly-out */
  .wp-block-navigation .has-child
  .wp-block-navigation__submenu-container
  .has-child
  .wp-block-navigation__submenu-container
  .wp-block-navigation__submenu-container {
    left: 0 !important;
    right: auto !important;
    top: 100% !important;
    min-width: 100% !important;
  }

  /* Flèche niveau 3 pointe vers le bas */
  .wp-block-navigation__submenu-container
  .wp-block-navigation__submenu-container
  li.wp-block-navigation-submenu
  > .wp-block-navigation__submenu-icon svg {
    transform: rotate(0deg) !important;
  }

  .wp-block-navigation__submenu-container
  .wp-block-navigation__submenu-container
  li.wp-block-navigation-submenu:hover
  > .wp-block-navigation__submenu-icon svg {
    transform: rotate(180deg) !important;
  }

  /* Zone tampon */
  /* li.wp-block-navigation-submenu::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    height: 10px !important;
  } */

  /* Zone tampon réduite */
  li.wp-block-navigation-submenu::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    height: 6px !important;
  }

  /* Réduire l'espace entre le menu principal et le dropdown */
  li.wp-block-navigation-submenu
  > ul.wp-block-navigation__submenu-container {
    top: calc(100% + 6px) !important;
  }

  /* Liens */
  ul.wp-block-navigation__submenu-container
  a.wp-block-navigation-item__content {
    display: block !important;
    padding: 8px 12px !important;
    border-radius: 0px !important;
    text-decoration: none !important;
    transition: background .12s !important;
    width: 100% !important;
  }

  ul.wp-block-navigation__submenu-container
  a.wp-block-navigation-item__content:hover {
    background: transparent !important;
  }

  /* Flèches */
  .wp-block-navigation__submenu-icon {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .wp-block-navigation__submenu-icon svg {
    display: block !important;
    stroke: currentColor !important;
    fill: none !important;
    width: 12px !important;
    height: 12px !important;
    transition: transform .2s !important;
    transform: rotate(0deg) !important;
  }

  .wp-block-navigation__submenu-icon svg path {
    stroke: currentColor !important;
  }

  li.wp-block-navigation-submenu:hover
  > .wp-block-navigation__submenu-icon svg {
    transform: rotate(180deg) !important;
  }
}

/* ============================================
   Téléphone — logo plus petit
   ============================================ */

@media (max-width: 480px) {

  header .site-logo {
    max-width: 100px !important;
  }

  header .wp-block-column:has(.site-logo) {
    max-width: 100px !important;
  }
}

/* ============================================
   TT25 — Burger 992px + Sous-menus mobile
   ============================================ */

@media (max-width: 992px) {

    .wp-block-navigation-item__label {
        margin-left: auto !important;
    }

    /* Burger plus gros */
  .wp-block-navigation__responsive-container-open {
    width: 48px !important;
    height: 48px !important;
  }

  .wp-block-navigation__responsive-container-open svg {
    width: 32px !important;
    height: 32px !important;
  }

  /* Traits plus épais */
  .wp-block-navigation__responsive-container-open svg path {
    stroke: var(--color-link) !important;
    stroke-width: 1px !important;
    fill: var(--color-link) !important;
  }


 

  /* Burger */
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }

  /* Menu fermé */
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  /* Overlay plein écran */
  .wp-block-navigation__responsive-container.is-menu-open {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    background: rgba(0,0,0,.5) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Panneau 300px à droite */
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-close {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 300px !important;
    height: 100% !important;
    overflow-y: auto !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    background: var(--wp--preset--color--base, #fff) !important;
  }

  /* Liste principale alignée à droite */
  ul.wp-block-navigation__container {
    align-items: flex-end !important;
  }

  /* Li avec sous-menu */
  li.wp-block-navigation-submenu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  li.wp-block-navigation-submenu > a.wp-block-navigation-item__content {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  /* Liens sans sous-menu */
  .wp-block-navigation-item:not(.wp-block-navigation-submenu)
  > a.wp-block-navigation-item__content {
    padding-right: 38px !important;
  }

  
  /* Flèche toggle */
  .wp-block-navigation__submenu-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
    padding: 0 10px !important;
    border: none !important;
    background: transparent !important;
    width: auto !important;
  }

  .wp-block-navigation__submenu-icon svg {
    display: block !important;
    stroke: currentColor !important;
    fill: none !important;
    width: 12px !important;
    height: 12px !important;
    transform: rotate(0deg) !important;
    transition: transform .2s !important;
  }

  .wp-block-navigation__submenu-icon svg path {
    stroke: currentColor !important;
  }

  .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
    transform: rotate(180deg) !important;
  }


  /* Sous-menus — masqués par défaut */
  li.wp-block-navigation-submenu
  > ul.wp-block-navigation__submenu-container {
    display: none !important;
    position: static !important;
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 4px 0 !important;
    margin: 4px 0 0 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    flex-direction: column !important;
    flex-basis: 100% !important;
    align-items: flex-end !important;
    box-sizing: border-box !important;
    
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container {
    background: #f9f9f7 !important;
  }

  /* Ouverture via aria-expanded */
  .wp-block-navigation__submenu-icon[aria-expanded="true"]
  + ul.wp-block-navigation__submenu-container {
    display: flex !important;
  }

  /* Li sans sous-menu aligné à droite comme les autres */
  .wp-block-navigation__container > li.wp-block-navigation-link {
    text-align: right !important;
    width: 100% !important;
    justify-content: flex-end !important;
    display: flex !important;
  }

  .wp-block-navigation__container > li.wp-block-navigation-link
  > a.wp-block-navigation-item__content {
    justify-content: flex-end !important;
  }

  /* Liens dans les sous-menus */
  .wp-block-navigation__submenu-container
  a.wp-block-navigation-item__content {
    display: flex !important;
    padding: 6px 0 !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }

  /* Bloquer le hover desktop qui ouvre tout */
  .wp-block-navigation .has-child:hover
  > .wp-block-navigation__submenu-container {
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    width: 0 !important;
  }
}

/* ============================================
   Footer
   ============================================ */

footer {
  border-top: 1px solid var(--color-border) !important;
  background-color: #f5f5f5;
}

footer a, footer a:visited {
    color: var(--color-text);
}

footer a:hover, footer a:focus, footer a:active {
    color: var(--color-link-hover) !important;
}

/* Footer — colonnes à la taille du contenu */
footer .wp-block-columns {
  justify-content: space-between !important;
  align-items: flex-start !important;
}

footer .wp-block-column {
  flex-basis: auto !important;
  width: fit-content !important;
  min-width: 0 !important;
}


/* Logo footer — 170px par défaut */


/* Logo aligné à gauche */
footer .site-logo {
  max-width: 170px !important;
  margin-right: auto !important;
}


footer .site-logo img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

footer .footer-creation-line {
    text-align: center;
    background-color: #f5f5f5;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

footer .footer-creation-line p {
    margin-block: 0;
    font-size: 14px !important ;
    font-weight: var(--font-weight-body) !important;
}
/* ============================================
   Footer — responsive
   ============================================ */

/* Entre 783px et 992px : on garde la ligne mais cache la colonne gauche */
@media (min-width: 783px) and (max-width: 992px) {

  /* Cacher la colonne logo/réseaux */
  /* footer .wp-block-column:has(.site-logo) {
    display: none !important;
  } */

  /* Cacher la liste de pages, garder uniquement le légal */
  footer .footer-pages-list-wrap {
    display: none !important;
  }

  /* Logo centré */
  footer .site-logo {
    max-width: 100px !important;
    margin: 0 auto !important;
  }

  footer .site-logo img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  footer .footer-pages-legal-cell {
    display: block !important;
    text-align: center !important;
  }

  footer .footer-pages-legal-cell ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  footer .footer-pages-legal-cell ul li {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* En dessous de 782px : tout en colonne */
@media (max-width: 782px) {

  footer .wp-block-columns {
    flex-direction: column !important;
    align-items: center !important;
  }

  footer .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* Logo centré */
  footer .site-logo {
    max-width: 100px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  footer .site-logo img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* Réseaux sociaux centrés */
  footer .enjin-social-links {
    justify-content: center !important;
  }

  /* Cacher la liste de pages */
  footer .footer-pages-list-wrap {
    display: none !important;
  }

  /* Colonne légale centrée */
  footer .footer-pages-legal-cell {
    display: block !important;
    text-align: center !important;
  }

  footer .footer-pages-legal-cell ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  footer .footer-pages-legal-cell ul li {
    margin: 0 !important;
    padding: 0 !important;
  }
}


/* ============================================
  ACCUEIL — page d'accueil spécifique
   ============================================ */

.diapo-accueil img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.diapo-accueil figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.diapo-accueil .wp-block-uagb-image {
  width: 100% !important;
  height: 100% !important;
}

.diapo-accueil .wp-block-uagb-image__figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}



/* ============================================
  Blog / Actualités GRID
   ============================================ */
/* Carte actualités — sans bordure, fond blanc */
.wp-block-post-template .wp-block-group.has-border-color {
  border: none !important;
  background: var(--blanc) !important;
}

.wp-block-post-excerpt__more-link, .wp-block-post-excerpt__more-link:visited {
  color: var(--color-link) !important;
  font-weight: var(--font-weight-medium) !important;
}
.wp-block-post-excerpt__more-link:hover, .wp-block-post-excerpt__more-link:focus, .wp-block-post-excerpt__more-link:active {
  color: var(--color-link-hover) !important;
}

.wp-block-post-featured-image a {
    overflow: hidden !important;
}

/* ============================================
  BOUTON
   ============================================ */
#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link, 
#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:visited {
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  border-color: var(--color-link);
  border-style: solid;
  background-color: var(--color-link);
  transition: all 0.2s ease-in-out;
  box-shadow: none;
  padding: 7px 15px;
}

#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:hover,
#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:focus,
#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:active {
  border-color: var(--color-link-hover);
    background-color: var(--color-blanc);

}

#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link .uagb-button__link, 
#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:visited .uagb-button__link {
    font-size: var(--font-size-base);
    text-transform: uppercase;
      font-weight: var(--font-weight-medium);
}

#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:hover .uagb-button__link,
#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:focus .uagb-button__link,
#wp--skip-link--target .wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:active .uagb-button__link {
    color: var(--color-link-hover);
}







/* ============================================
  MODIFS SITES
   ============================================ */


   /* ACCUEIL */


body {
  transition: all 0.5s ease-in-out !important;
}


.lanceur-accueil .lanceur-accueil-lien {
  opacity: 0 !important;
  height: 100%;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  transition: all 0.3s ease-in-out !important;
}

.lanceur-accueil .lanceur-accueil-lien:hover {
  opacity: 1 !important;
}

.lanceur-accueil.artisan-peintre::before {
  background: rgb(76 112 143) !important;
  mix-blend-mode: hard-light !important;
  opacity: 0 !important;
    transition: all 0.3s ease-in-out !important;

}

.lanceur-accueil.artisan-peintre:hover::before {
  opacity: 1 !important;
}

.lanceur-accueil.home-staging::before {
 background: rgb(181 112 54) !important;
  mix-blend-mode: hard-light !important;
  opacity: 0 !important;
   transition: all 0.3s ease-in-out !important;
}


.lanceur-accueil.home-staging:hover::before {
  opacity: 1 !important;
}


/* page interieures */

.bandeau-illustration img {
  display: block;
  margin-inline: auto;
  width: 100%;
  max-width: 1400px !important;
  height: 400px !important;
  object-fit: cover;
  margin-top: 100px;
   position: relative;
}

.bandeau-illustration {
 
}

.bandeau-illustration img::before {
  z-index: -1;
  display: block;
  height: 250px;
  width: 250px;
  position: absolute;
  top: -20px;
  left: -20px;
  background: url(/wp-content/uploads/2026/04/grilledot.png) no-repeat top left / 270px;
}