:root {
  --black:#262624; --white:#FFFFFF;
  --gray-50:#FAFAFA; --gray-100:#F5F5F5; --gray-200:#E8E8E8;
  --gray-300:#D0D0D0; --gray-400:#A0A0A0; --gray-500:#6B6B6B;
  --gray-700:#333333; --gray-900:#111111;
  --f:'Inter',-apple-system,'Helvetica Neue',sans-serif;
}
/* ── assets/css/listing.css ── */

.detail-layout { display:grid; grid-template-columns:1fr 360px; gap:52px; padding:36px 72px 60px; }
.detail-title { font-family:var(--f,var(--fd)); font-size:32px; font-weight:700; letter-spacing:-.8px; margin-bottom:10px; }
.detail-meta { font-size:14px; color:var(--muted); margin-bottom:24px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }

.dtabs { display:flex; border-bottom:2px solid var(--border); margin-bottom:28px; }
.dtab { padding:12px 22px; font-size:15px; font-weight:500; color:var(--muted); background:none; border:none; border-bottom:2px solid transparent; margin-bottom:-2px; cursor:pointer; transition:all .2s; }
.dtab.active { color:#262624; border-bottom-color:#262624; }
.dtab-panel { display:none; }
.dtab-panel.active { display:block; }

.dsec-title { font-family:var(--f,var(--fd)); font-size:19px; font-weight:600; margin-bottom:14px; }
.detail-desc { font-size:15px; color:var(--muted); line-height:1.7; }
.detail-divider { height:1px; background:var(--border); margin:28px 0; }

.rules-list { display:flex; flex-direction:column; gap:10px; font-size:14px; color:var(--muted); }

.amen-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.amen-item { display:flex; align-items:center; gap:10px; font-size:14px; }
.amen-icon { width:32px; height:32px; border-radius:2px; background:#FAFAFA; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }

.owner-card { display:flex; align-items:center; gap:14px; padding:18px; border:1px solid var(--border); border-radius:2px; }
.owner-avatar { width:50px; height:50px; border-radius:0%; background:#262624; color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--f,var(--fd)); font-size:18px; font-weight:700; flex-shrink:0; }
.owner-name { font-weight:500; margin-bottom:3px; }
.owner-meta { font-size:14px; color:var(--muted); }
.owner-info { flex:1; }

.reviews-list { display:flex; flex-direction:column; gap:20px; }
.review-card { padding:18px; border:1px solid var(--border); border-radius:2px; }
.review-header { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.review-avatar { width:36px; height:36px; border-radius:0%; background:#FAFAFA; color:var(--muted); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; flex-shrink:0; }
.review-name { font-size:14px; font-weight:500; }
.review-date { font-size:13px; color:var(--muted); }
.review-stars { color:#262624; font-size:14px; letter-spacing:1px; }
.review-text { font-size:14px; color:var(--muted); line-height:1.6; }
.review-reply { margin-top:12px; padding:12px; background:#FAFAFA; border-radius:2px; font-size:15px; color:var(--muted); border-left:3px solid #262624; }

/* ── Booking card ── */
.booking-card { background:var(--white); border:1px solid var(--border); border-radius:2px; padding:26px; position:sticky; top:84px; box-shadow:0 8px 28px rgba(0,0,0,.05); }
.book-price { font-family:var(--f,var(--fd)); font-size:30px; font-weight:700; color:#262624; margin-bottom:4px; }
.book-price span { font-size:15px; font-weight:400; color:var(--muted); }
.book-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
.book-field { border:1px solid var(--border); border-radius:2px; padding:10px 14px; margin-bottom:8px; }
.book-field label { display:block; font-size:12px; font-weight:500; color:var(--muted); text-transform:uppercase; letter-spacing:.8px; margin-bottom:3px; }
.book-field input, .book-field select, .book-field textarea { background:none; border:none; outline:none; font-family:var(--fb); font-size:14px; font-weight:500; color:var(--ink); width:100%; }
.breakdown { margin:16px 0; }
.bd-row { display:flex; justify-content:space-between; font-size:15px; padding:7px 0; border-bottom:1px solid var(--border); color:var(--muted); }
.bd-row.total { color:var(--ink); font-weight:500; border:none; padding-top:10px; }

@media(max-width:1024px){
  .detail-layout { grid-template-columns:1fr; padding:24px 20px; }
  .detail-right { order:-1; }
  .booking-card { position:static; }
}

/* Réservation sans compte */
.guest-fields { border-top: 1px solid var(--border, #e5e5e5); margin-top: 6px; padding-top: 14px; }
.guest-intro { font-size: 12px; color: var(--muted, #666); margin-bottom: 12px; line-height: 1.5; }
.guest-intro a { color: inherit; text-decoration: underline; }
.book-field input[type="text"], .book-field input[type="tel"], .book-field input[type="email"] { width: 100%; }
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Galerie : le bouton se positionne sur les photos (et non plus sur la page) */
.gal-all { position:absolute; right:16px; bottom:16px; z-index:5; display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; background:#fff; color:#111; border:1px solid #111; border-radius:999px; font:inherit; font-size:15px; font-weight:600; cursor:pointer; box-shadow:0 2px 10px rgba(0,0,0,.12); transition:transform .15s; }
.gal-all:hover { transform:translateY(-1px); }
.gal-all:focus-visible { outline:2px solid #111; outline-offset:2px; }
@media (max-width:1024px) { .gal-all { right:12px; bottom:12px; } }

/* Fil d'Ariane */
.crumbs { padding:14px 72px; border-bottom:1px solid var(--border, #e6e6e6); font-size:15px; color:var(--muted, #6b6b6b); }
.crumbs ol { list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; }
.crumbs li { display:flex; align-items:center; gap:6px; min-width:0; }
.crumbs li + li::before { content:"/"; color:#c4c4c4; }
.crumbs a { color:inherit; text-decoration:none; }
.crumbs a:hover { color:#111; text-decoration:underline; }
.crumbs [aria-current] { color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:60vw; }
@media (max-width:1024px) { .crumbs { padding:12px 20px; } }

/* ── Galerie adaptative (1 · 2 · 1+2 · 1+4 photos) ── */
.detail-gallery { position:relative; display:grid; gap:8px; height:460px; margin:24px 72px 0; border-radius:20px; overflow:hidden; }
.gal-cell { display:block; padding:0; border:0; background:#f2f2f2; overflow:hidden; cursor:zoom-in; min-height:0; }
.gal-cell img { width:100%; height:100%; object-fit:cover; object-position:center 55%; display:block; transition:transform .5s ease, filter .2s; }
.gal-cell:hover img { transform:scale(1.03); filter:brightness(.94); }
.gal-cell:focus-visible { outline:3px solid #111; outline-offset:-3px; }
.gal-n1 { grid-template-columns:1fr; }
.gal-n1 .gal-cell { cursor:default; }
.gal-n2 { grid-template-columns:1fr 1fr; }
.gal-n3 { grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr; }
.gal-n3 .gal-cell-main { grid-row:1 / 3; }
.gal-n5 { grid-template-columns:2fr 1fr 1fr; grid-template-rows:1fr 1fr; }
.gal-n5 .gal-cell-main { grid-row:1 / 3; }
@media (max-width:1024px) {
  .detail-gallery { height:300px; margin:12px 16px 0; border-radius:16px; }
  .gal-n2, .gal-n3, .gal-n5 { grid-template-columns:1fr; grid-template-rows:1fr; }
  .detail-gallery .gal-cell:not(.gal-cell-main) { display:none; }
}

/* Carte « Le lieu » (établissement PRO) */
.venue-card { display:flex; align-items:center; gap:16px; padding:18px; border:1px solid #e6e6e6; border-radius:18px; color:#111; text-decoration:none; transition:border-color .15s, box-shadow .15s; }
.venue-card:hover { border-color:#111; box-shadow:0 10px 26px rgba(0,0,0,.08); }
.venue-card-logo { flex-shrink:0; width:76px; height:56px; display:flex; align-items:center; justify-content:center; border:1px solid #eee; border-radius:12px; padding:6px; }
.venue-card-logo img { max-width:100%; max-height:100%; object-fit:contain; }
.venue-card-body { display:flex; flex-direction:column; gap:2px; min-width:0; }
.venue-card-tag { align-self:flex-start; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; background:#111; color:#fff; padding:3px 8px; border-radius:999px; margin-bottom:4px; }
.venue-card-name { font-size:18px; font-weight:800; }
.venue-card-meta { font-size:14px; color:#6b6b6b; }
.venue-card-cta { margin-left:auto; font-size:14px; font-weight:700; white-space:nowrap; }
@media (max-width:600px) { .venue-card { flex-wrap:wrap; } .venue-card-cta { margin-left:0; } }

/* Petits écrans : les colonnes de la fiche ne s'élargissent jamais au-delà de l'écran */
.detail-layout > * { min-width:0; }
.detail-title { overflow-wrap:anywhere; }
@media (max-width:420px) {
  .detail-layout { padding:20px 16px; gap:28px; }
  .detail-title { font-size:26px; }
}
/* Onglets de la fiche : défilement horizontal sur petit écran plutôt que débordement */
.dtabs { overflow-x:auto; scrollbar-width:none; }
.dtabs::-webkit-scrollbar { display:none; }
.dtab { white-space:nowrap; flex-shrink:0; }
@media (max-width:420px) { .dtab { padding:12px 14px; font-size:14px; } }