/*
 Theme Name: Houzez Child
 Theme URI: http://houzez.co/
 Template: houzez
 Author: Favethemes
 Author URI: http://www.favethemes.com/
 Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
 Tags: right-sidebar,left-sidebar,custom-colors,custom-menu,featured-images,post-formats,theme-options,translation-ready
 Version: 4.1.5.17571704267
 Updated: 2025-09-05 20:31:07
*/

/* === Bloc DPE / GES — pictos 180x180, mappés sur les lettres A→G === */
.bloc-dpe-ges{
  display:flex; gap:16px; flex-wrap:wrap; align-items:stretch; margin:16px 0;
}

.bloc-dpe-ges .picto-dpe,
.bloc-dpe-ges .picto-ges{
  width:180px; height:180px; display:grid; place-items:center;
  border-radius:12px; color:#fff; position:relative;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 6px 16px rgba(0,0,0,.08); border:1px solid rgba(0,0,0,.06);
}

.bloc-dpe-ges .picto__title{
  position:absolute; top:10px; left:12px; font-size:12px; letter-spacing:.04em; opacity:.9;
}

.bloc-dpe-ges .picto__letter{
  font-size:88px; font-weight:800; line-height:1;
}

/* Palette A→G (ajustable si besoin) */
:root{
  --dpe-A:#009e3a; --dpe-B:#3bb54a; --dpe-C:#b1d234; --dpe-D:#fff000;
  --dpe-E:#ffb300; --dpe-F:#ff4d00; --dpe-G:#e30613;
}

/* Mapping lettre → couleur */
.picto-dpe[data-letter="A"], .picto-ges[data-letter="A"]{ background:var(--dpe-A); }
.picto-dpe[data-letter="B"], .picto-ges[data-letter="B"]{ background:var(--dpe-B); }
.picto-dpe[data-letter="C"], .picto-ges[data-letter="C"]{ background:var(--dpe-C); color:#000; }
.picto-dpe[data-letter="D"], .picto-ges[data-letter="D"]{ background:var(--dpe-D); color:#000; }
.picto-dpe[data-letter="E"], .picto-ges[data-letter="E"]{ background:var(--dpe-E); color:#000; }
.picto-dpe[data-letter="F"], .picto-ges[data-letter="F"]{ background:var(--dpe-F); }
.picto-dpe[data-letter="G"], .picto-ges[data-letter="G"]{ background:var(--dpe-G); }

/* Responsive */
@media (max-width:576px){
  .bloc-dpe-ges{gap:12px;}
  .bloc-dpe-ges .picto-dpe, .bloc-dpe-ges .picto-ges{ margin:0 auto; }
}
/* === Bloc DPE/GES SVG 180x180 === */
.bloc-dpe-ges .etq-wrap {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.bloc-dpe-ges .etq-item {
  width: 180px;
  min-width: 180px;
}
.bloc-dpe-ges svg {
  display: block;
}
.bloc-dpe-ges .etq-note {
  margin-top: 8px;
  font-size: .85rem;
  color: #6b7280;
}
.ab-dpe-ges-double{max-width:100%;height:auto;display:block}