/* ===== Delovely Detroit — Single Place styles ===== */
:root{
  --dd-plum:#2E1B33; --dd-fuchsia:#D63B7A; --dd-berry:#A33168;
  --dd-teal:#0F8E7C; --dd-gold:#E8A53C; --dd-cream:#FBF3E9;
  --dd-line:#E8D7C4;
  --dd-display:'Fraunces',Georgia,serif;
}
.dd-place{max-width:1080px;margin:0 auto;padding:0 24px 80px;color:var(--dd-plum);}

/* HERO — soft rounded corners (no more deco arch eating the photo) */
.dd-hero{margin:0 0 40px;}
.dd-hero-img{border-radius:16px;overflow:hidden;margin-bottom:24px;}
.dd-hero-img{aspect-ratio:16/9;}
.dd-hero-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.dd-hero-body{text-align:center;}
.dd-title{font-family:var(--dd-display);font-weight:600;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;margin:.4rem 0 .8rem;}
.dd-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.dd-tag{font-size:.8rem;letter-spacing:.04em;padding:5px 13px;border-radius:30px;background:var(--dd-cream);border:1px solid var(--dd-line);color:var(--dd-plum);}
.dd-tag--pillar{background:var(--dd-fuchsia);color:#fff;border-color:var(--dd-fuchsia);}
.dd-tag--price{background:var(--dd-plum);color:var(--dd-cream);border-color:var(--dd-plum);}

/* STATUS BADGE */
.dd-status{display:inline-block;font-family:var(--dd-display);font-style:italic;font-size:.95rem;padding:5px 16px;border-radius:30px;margin-bottom:6px;background:var(--dd-gold);color:var(--dd-plum);}
.dd-status--been-there{background:var(--dd-teal);color:#fff;}
.dd-status--on-our-radar{background:var(--dd-gold);color:var(--dd-plum);}
.dd-status--invite-us{background:var(--dd-berry);color:#fff;}

/* LAYOUT */
.dd-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
@media(max-width:820px){.dd-layout{grid-template-columns:1fr;}}

/* HEADINGS + PROSE */
.dd-h2{font-family:var(--dd-display);font-weight:600;font-size:1.7rem;margin:0 0 14px;color:var(--dd-plum);}
.dd-prose{font-size:1.12rem;line-height:1.75;}
.dd-prose p{margin:0 0 1.1em;}
.dd-take{margin-bottom:36px;}

/* SKIP IF */
.dd-skip{position:relative;background:var(--dd-cream);border-left:4px solid var(--dd-fuchsia);border-radius:8px;padding:22px 26px;margin:0 0 40px;}
.dd-skip-label{display:block;font-family:var(--dd-display);font-style:italic;font-weight:600;color:var(--dd-fuchsia);font-size:1.05rem;margin-bottom:4px;}
.dd-skip-body{font-size:1.05rem;line-height:1.65;}
.dd-skip-body p{margin:0;}

/* GALLERY — clickable, hover cue */
.dd-gallery-wrap{margin:0 0 40px;}
.dd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:520px){.dd-gallery{grid-template-columns:repeat(2,1fr);}}
.dd-gallery-item{margin:0;border-radius:10px;overflow:hidden;cursor:zoom-in;position:relative;background:var(--dd-cream);}
.dd-gallery-item img{width:100%;height:auto;display:block;transition:transform .35s ease;}
.dd-gallery-item:hover img{transform:scale(1.06);}

/* LIGHTBOX */
.dd-lightbox{position:fixed;inset:0;background:rgba(46,27,51,.94);display:none;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out;}
.dd-lightbox.open{display:flex;}
.dd-lightbox img{max-width:92vw;max-height:88vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.dd-lb-close{position:absolute;top:22px;right:28px;color:var(--dd-cream);font-size:2.4rem;line-height:1;background:none;border:none;cursor:pointer;font-family:var(--dd-display);}
.dd-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(251,243,233,.12);color:var(--dd-cream);border:none;font-size:2rem;width:54px;height:54px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.dd-lb-prev{left:20px;} .dd-lb-next{right:20px;}
.dd-lb-nav:hover{background:rgba(251,243,233,.25);}

/* MAP */
.dd-map-wrap{margin:0 0 40px;}
.dd-map{background:var(--dd-cream);border:1px dashed var(--dd-line);border-radius:12px;min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;}
.dd-map-fallback{color:var(--dd-plum);font-size:1rem;margin:0;}

/* QUICK FACTS */
.dd-facts{background:var(--dd-plum);color:var(--dd-cream);border-radius:14px;padding:26px 24px;position:sticky;top:24px;}
.dd-facts-title{font-family:var(--dd-display);font-size:1.2rem;color:var(--dd-gold);margin:0 0 16px;}
.dd-facts-list{list-style:none;margin:0 0 20px;padding:0;}
.dd-facts-list li{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid rgba(251,243,233,.15);}
.dd-facts-k{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--dd-gold);margin-bottom:3px;}
.dd-facts-v{font-size:1rem;line-height:1.4;}
.dd-facts-btn{display:block;text-align:center;background:var(--dd-fuchsia);color:var(--dd-cream);text-decoration:none;padding:12px;border-radius:6px;font-weight:600;}
.dd-facts-btn:hover{background:var(--dd-berry);}

/* Good For — clickable pills in the sidebar */
.dd-goodfor{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.dd-gf-pill{display:inline-block;font-size:.82rem;line-height:1;padding:7px 12px;border-radius:30px;background:rgba(251,243,233,.12);color:var(--dd-cream);text-decoration:none;border:1px solid rgba(232,165,60,.45);transition:background .15s ease,color .15s ease;}
.dd-gf-pill:hover{background:var(--dd-gold);color:var(--dd-plum);border-color:var(--dd-gold);}

/* Hero tags that are links get a subtle hover */
a.dd-tag{text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;}
a.dd-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(46,27,51,.18);}
a.dd-tag--pillar:hover{background:var(--dd-berry);border-color:var(--dd-berry);}
a.dd-tag--town:hover{background:var(--dd-plum);color:var(--dd-cream);border-color:var(--dd-plum);}

/* MORE IN TOWN — related strip */
.dd-related{margin:56px 0 0;padding-top:40px;border-top:1px solid var(--dd-line);}
.dd-related-title{text-align:center;margin-bottom:26px;}
.dd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:760px){.dd-related-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}}
.dd-card{display:block;text-decoration:none;color:var(--dd-plum);background:#fff;border:1px solid var(--dd-line);border-radius:12px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;}
.dd-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(46,27,51,.14);}
.dd-card-img{aspect-ratio:4/3;overflow:hidden;background:var(--dd-cream);}
.dd-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.dd-card-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--dd-cream),var(--dd-line));}
.dd-card-body{padding:16px 18px 18px;}
.dd-card-title{font-family:var(--dd-display);font-size:1.25rem;font-weight:600;line-height:1.2;margin:0 0 8px;}
.dd-card-meta{display:flex;gap:8px;align-items:center;}
.dd-card-pillar{font-size:.75rem;padding:4px 11px;border-radius:30px;background:var(--dd-fuchsia);color:#fff;}
.dd-card-price{font-size:.8rem;color:var(--dd-plum);opacity:.7;}

/* =========================================================
   Delovely Detroit — Celebrity Home / Landmark additions
   Append this to the END of dd-place.css
   ========================================================= */

/* Hero badge row — lets the status badge + home badge sit together */
.dd-badges{
  display:flex;gap:8px;justify-content:center;align-items:center;
  flex-wrap:wrap;margin-bottom:6px;
}

/* Home-status badge (Private vs Public) */
.dd-homebadge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'Archivo',system-ui,sans-serif;font-weight:600;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  padding:6px 14px;border-radius:30px;
  border:1.5px solid var(--dd-plum);color:var(--dd-plum);background:transparent;
}
.dd-homebadge--public{border-color:var(--dd-teal);color:var(--dd-teal);}
.dd-homebadge--former{border-color:var(--dd-berry);color:var(--dd-berry);border-style:dashed;}

/* "Before You Go" — teal variant of the Skip If box (same component, new accent) */
.dd-skip.dd-before{background:#fff;border-left-color:var(--dd-teal);}
.dd-before .dd-before-label{color:var(--dd-teal);}

/* Related card — home-status mini badge (replaces price on celebrity homes) */
.dd-card-home{
  font-size:.72rem;color:var(--dd-plum);opacity:.72;
  border:1px solid var(--dd-line);padding:3px 9px;border-radius:30px;
}

/* ===== Did You Know callout (v2.4) — gold Deco treatment, any listing ===== */
.dd-dyk{position:relative;background:linear-gradient(135deg,#FDF6EA,#FBEFD8);border:1px solid var(--dd-gold);border-left:4px solid var(--dd-gold);border-radius:8px;padding:20px 24px 20px 26px;margin:0 0 40px;}
.dd-dyk-label{display:inline-flex;align-items:center;gap:7px;font-family:var(--dd-display);font-style:italic;font-weight:600;color:var(--dd-berry);font-size:1.05rem;margin-bottom:5px;letter-spacing:.01em;}
.dd-dyk-label::before{content:"\2726";color:var(--dd-gold);font-style:normal;font-size:1rem;line-height:1;}
.dd-dyk-body{font-size:1.04rem;line-height:1.6;color:var(--dd-plum);}
.dd-dyk-body p{margin:0;}
.dd-dyk-body a{color:var(--dd-berry);text-decoration:underline;}
