/* ============================================================
   Fiche bien — design Claude Design (dc-*)
   Utilise les tokens du design system (tokens.css)
   ============================================================ */
body.single-bien #content, body.single-bien .site-content{display:block !important}
body.single-bien #primary, body.single-bien .content-area{width:100% !important;max-width:100% !important;float:none !important}
body.single-bien{background:var(--surface-page,#f5f0e8)}

.dc-bien{width:100%;font-family:var(--font-sans,'Montserrat',sans-serif);color:var(--text-body,#424e69)}
.dc-bien .dc-wrap{max-width:var(--container,1200px);margin:0 auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
.dc-bien h1,.dc-bien h2{font-family:var(--font-serif,'Cormorant Garamond',serif);color:var(--ivey-navy,#1b2a4a);margin:0}
.dc-kicker{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ivey-burgundy,#7a3348)}

/* Fil d'ariane */
.dc-breadcrumb{padding-top:20px;font-size:11px;letter-spacing:.04em;color:var(--text-muted,#757d90)}
.dc-breadcrumb a{color:var(--text-muted,#757d90);text-decoration:none}
.dc-breadcrumb span{margin:0 8px;color:var(--text-faint,#a0a4ae)}
.dc-breadcrumb .dc-current{color:var(--ivey-navy,#1b2a4a);margin:0}

/* En-tête */
.dc-header{margin-top:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}
.dc-header-left{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.dc-header h1{font-weight:700;font-size:42px;line-height:1.12}
.dc-header-sub{font-size:13.5px;font-weight:600;color:var(--text-muted,#757d90)}
.dc-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.dc-price{font-weight:800;font-size:34px;color:var(--ivey-burgundy,#7a3348)}
.dc-honoraires{font-size:12px;color:var(--text-muted)}
.dc-badges{display:flex;gap:10px;margin-top:6px}
.dc-badge{padding:6px 14px;border-radius:999px;background:var(--ivey-navy,#1b2a4a);color:#fff;font-size:11px;font-weight:600}

/* Galerie */

.dc-gallery{margin-top:40px;display:grid;grid-template-columns:1.9fr 1fr;gap:14px}
.dc-gal-main{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card,0 14px 34px rgba(27,42,74,.08));aspect-ratio:4/3}
.dc-gal-main img{width:100%;height:100%;object-fit:cover;display:block}
.dc-gal-count{position:absolute;bottom:16px;right:16px;padding:8px 16px;border-radius:999px;background:rgba(27,42,74,.82);color:#fff;font-size:11.5px;font-weight:600}
.dc-gal-side{display:grid;grid-template-rows:1fr 1fr;gap:14px;grid-template-columns:1fr 1fr}
.dc-gal-thumb{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card,0 14px 34px rgba(27,42,74,.08))}
.dc-gal-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dc-gal-more{position:absolute;inset:0;background:rgba(27,42,74,.62);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700}

/* Corps */
.dc-body{margin-top:64px;display:grid;grid-template-columns:1.65fr 1fr;gap:56px;align-items:start}
.dc-main{display:flex;flex-direction:column;gap:52px}

/* Caractéristiques */
.dc-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;margin-top:20px;background:rgba(27,42,74,.1);border:1px solid rgba(27,42,74,.1);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(27,42,74,.08),0 2px 6px rgba(27,42,74,.04)}
.dc-fact{background:var(--surface-card,#fff);padding:20px 22px;display:flex;flex-direction:column;gap:5px}
.dc-fact-l{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint,#a0a4ae)}
.dc-fact-val{font-family:var(--font-serif);font-weight:700;font-size:21px;color:var(--ivey-navy,#1b2a4a)}

/* Description */
.dc-desc{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.dc-desc h2{font-weight:700;font-size:30px}
.dc-desc p{margin:0;font-size:14px;line-height:1.8;color:var(--text-body,#424e69)}

/* Énergie */
.dc-energy{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.dc-energy h2{font-weight:700;font-size:26px}
.dc-energy-row{display:flex;gap:40px;flex-wrap:wrap}
.dc-energy-item{display:flex;align-items:center;gap:16px}
.dc-energy-badge{width:58px;height:58px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;color:#fff}
.dc-energy-lab{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint,#a0a4ae)}

/* 3D */
.dc-3d{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.dc-3d h2{font-weight:700;font-size:26px}
.dc-3d-frame{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--ivey-navy)}
.dc-3d-frame iframe{width:100%;height:100%;border:0;display:block}

/* Localisation */
.dc-loc{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.dc-loc h2{font-weight:700;font-size:26px}
.dc-loc p{margin:0;font-size:13.5px;line-height:1.75;color:var(--text-body)}

/* Panneau contact */
.dc-aside{position:sticky;top:24px}
.dc-contact-card{background:var(--surface-card,#fff);border-radius:16px;box-shadow:var(--shadow-card,0 14px 34px rgba(27,42,74,.08));padding:26px}
.dc-agent{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.dc-agent img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.dc-agent-name{font-weight:700;font-size:14px;color:var(--ivey-navy,#1b2a4a)}
.dc-agent-role{font-size:11px;color:var(--text-muted,#757d90)}
.dc-agent-quote{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:15px;line-height:1.4;color:var(--ivey-burgundy,#7a3348);margin-bottom:16px}
.dc-price-mini{font-weight:800;font-size:22px;color:var(--ivey-navy,#1b2a4a);margin-bottom:14px}
.dc-contact-form{display:flex;flex-direction:column;gap:10px}
.dc-contact-form input{padding:12px 15px;border-radius:10px;border:1px solid var(--border-soft,rgba(27,42,74,.12));background:var(--ivey-cream,#f5f0e8);font-family:var(--font-sans);font-size:13px}
.dc-btn{padding:13px;border-radius:999px;font-family:var(--font-sans);font-weight:600;font-size:13px;cursor:pointer;border:none;text-align:center}
.dc-btn-primary{background:var(--ivey-burgundy,#7a3348);color:#fff}
.dc-btn-outline{background:transparent;color:var(--ivey-navy,#1b2a4a);border:1px solid var(--border-soft,rgba(27,42,74,.14))}
.dc-contact-phone{text-align:center;margin-top:12px;font-size:12px;color:var(--text-muted,#757d90)}

.dc-back{color:var(--ivey-burgundy,#7a3348);font-weight:600;font-size:14px;text-decoration:none}

@media(max-width:980px){
  .dc-body{grid-template-columns:1fr;gap:36px}
  .dc-aside{position:static}
  .dc-facts{grid-template-columns:1fr 1fr}
  
  .dc-gal-side{grid-template-rows:none}
  .dc-bien .dc-wrap{padding-left:20px;padding-right:20px}
  .dc-header h1{font-size:32px}
}




/* Plans 2D */
.dc-plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.dc-plan{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--border-soft,rgba(27,42,74,.12));background:#fff;box-shadow:0 6px 18px rgba(27,42,74,.06);transition:transform .25s ease}
.dc-plan:hover{transform:translateY(-4px)}
.dc-plan img{width:100%;height:auto;display:block}
@media(max-width:700px){.dc-plans-grid{grid-template-columns:1fr}}
/* Espace badges -> galerie : specificite 2 classes pour battre .dc-wrap margin:0 auto */
.dc-wrap.dc-gallery{margin-top:20px;margin-bottom:20px}