/* ArcheoMap detail-landing.css v302 — Detail panel / landing di un sito */

.detail-landing{
  padding:0 0 80px;
  color:#e8e6e3;
  background:#0f1419;
}
.detail-hero{
  position:relative;
  min-height:220px;
  background:linear-gradient(160deg,#1a1f2e 0%, #0f1419 100%);
  border-radius:0 0 18px 18px;
  overflow:hidden;
}
.detail-hero::after{
  content:"";position:absolute;inset:auto 0 0 0;height:60%;
  background:linear-gradient(to top, rgba(15,20,25,.95), rgba(15,20,25,0));
}
.detail-hero .dh-title{
  position:absolute;left:16px;right:16px;bottom:14px;z-index:2;
  font-size:22px;font-weight:800;color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,.75);
}
.detail-hero .dh-chip{
  display:inline-block;background:rgba(240,192,64,.2);
  border:1px solid rgba(240,192,64,.5);color:#f7e4a0;
  border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700;
  margin-right:6px;
}

.detail-tabs{
  display:flex;gap:6px;padding:10px 12px;
  overflow-x:auto;scrollbar-width:none;
  border-bottom:1px solid #2a2f36;
}
.detail-tabs::-webkit-scrollbar{display:none}
.detail-tab{
  flex-shrink:0;
  background:#1a1f2e;color:#e8e6e3;
  border:1px solid #2a2f36;border-radius:14px;
  padding:6px 12px;font-size:13px;font-weight:600;
  cursor:pointer;white-space:nowrap;
}
.detail-tab.active{
  background:#e6891a;color:#fff;border-color:#e6891a;
}

.detail-section{padding:12px 16px}
.detail-section h4{
  color:#f0c040;margin:0 0 8px;font-size:14px;
  text-transform:uppercase;letter-spacing:.5px;
}
.detail-meta-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;border-bottom:1px solid #1a1f2e;font-size:14px;
}
.detail-meta-row .lbl{color:#8899aa}

.detail-cta-bar{
  position:sticky;bottom:0;
  display:flex;gap:8px;padding:10px 14px;
  background:rgba(15,20,25,.92);backdrop-filter:blur(8px);
  border-top:1px solid #2a2f36;
}
.detail-cta{
  flex:1;background:#e6891a;color:#fff;
  border:0;border-radius:10px;padding:11px;font-weight:700;
  font-size:14px;cursor:pointer;
}
.detail-cta.ghost{background:transparent;color:#f0c040;border:1px solid #f0c04055}