/* Co podniknout? — Detail page v3 — mapa přes celou šířku */

.cpd-page { font-family: inherit; color: #2c2c2c; }

/* ── Hero ───────────────────────────────────────────── */
.cpd-hero { background: linear-gradient(150deg,#1a3d16 0%,#2e5e28 45%,#4a7c3f 100%); padding:28px 0 40px; }
.cpd-hero__inner { max-width:860px; margin:0 auto; padding:0 24px; }

.cpd-back { display:inline-flex; align-items:center; gap:6px; font-size:.82rem; font-weight:600;
            color:rgba(255,255,255,.6); text-decoration:none; margin-bottom:18px; transition:.2s; }
.cpd-back:hover { color:#fff; }

.cpd-chips { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }
.cpd-chip  { display:inline-flex; align-items:center; gap:4px; font-size:.75rem; font-weight:700;
             padding:4px 12px; border-radius:20px; color:#fff; white-space:nowrap; }
.cpd-chip--kat         { background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); }
.cpd-chip--cyklo       { background:#1565c0; }
.cpd-chip--pesi        { background:#2e7d32; }
.cpd-chip--pamatky     { background:#6a1b9a; }
.cpd-chip--priroda     { background:#388e3c; }
.cpd-chip--nordic      { background:#0277bd; }
.cpd-chip--workout     { background:#bf360c; }
.cpd-chip--obt-snadna  { background:rgba(56,142,60,.55); }
.cpd-chip--obt-stredni { background:rgba(230,119,20,.55); }
.cpd-chip--obt-narocna { background:rgba(198,40,40,.55); }
.cpd-chip--obt-nordic  { background:rgba(2,119,189,.55); }
.cpd-chip--obt-workout { background:rgba(191,54,12,.55); }
.cpd-chip--znacka      { }

.cpd-hero__title { font-size:clamp(1.7rem,4vw,2.5rem); font-weight:800; color:#fff; margin:0 0 12px; line-height:1.2; }
.cpd-hero__lead  { font-size:1rem; color:rgba(255,255,255,.82); margin:0 0 10px; line-height:1.65; }
.cpd-hero__note  { font-size:.84rem; color:rgba(255,255,255,.65); margin:0;
                   background:rgba(255,255,255,.08); display:inline-block; padding:5px 12px; border-radius:6px; }

/* ── Stats strip ─────────────────────────────────────── */
.cpd-stats-strip { background:#fff; border-bottom:1px solid #e8e4dd; box-shadow:0 2px 8px rgba(0,0,0,.05); }
.cpd-stats-inner { max-width:1200px; margin:0 auto; padding:0 24px; display:flex; flex-wrap:wrap; overflow-x:auto; }
.cpd-stat { display:flex; flex-direction:column; gap:2px; padding:16px 32px 16px 0; margin-right:8px;
            border-right:1px solid #f0ece5; min-width:120px; flex-shrink:0; }
.cpd-stat:last-child { border-right:none; }
.cpd-stat__icon  { font-size:1.1rem; margin-bottom:2px; }
.cpd-stat__label { font-size:.67rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:#aaa; }
.cpd-stat__val   { font-size:.95rem; font-weight:700; color:#2c2c2c; line-height:1.3; }

/* ── Mapa přes CELOU šířku ───────────────────────────── */
.cpd-map-full { width:100%; }
#cp-detail-map { height:460px; width:100%; display:block; background:#e8f0e4; }

.cpd-map-legend-bar {
  background:#fff; border-top:1px solid #e8e4dd;
  padding:10px 24px; font-size:.82rem; color:#666;
  display:flex; align-items:center; gap:8px;
  max-width:100%;
}
.cpd-legend-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.cpd-legend-dot--start { background:#3a6b35; border:2px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.3); }

.cpd-map-empty-full {
  height:200px; background:#f5f2ed; border-top:1px solid #e0dcd4;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; color:#aaa; font-size:.9rem;
}
.cpd-map-empty-full span { font-size:2.5rem; }
.cpd-map-empty-full a { color:#3a6b35; font-weight:600; }

/* ── Obsah ───────────────────────────────────────────── */
.cpd-content-area { max-width:800px; margin:0 auto; padding:36px 24px 56px; }
.cpd-prose { font-size:.96rem; line-height:1.8; color:#444; margin-bottom:28px; }
.cpd-prose p { margin-bottom:.9rem; }
.cpd-prose h2,.cpd-prose h3 { color:#2e5e28; margin:1.4rem 0 .6rem; }

.cpd-admin-bar { background:#fff3cd; border:1px solid #ffc107; border-radius:8px; padding:10px 16px; margin-bottom:20px; }
.cpd-admin-link { font-size:.85rem; font-weight:600; color:#795548; text-decoration:none; }
.cpd-admin-link:hover { color:#3a6b35; }

.cpd-back-btn { display:inline-flex; align-items:center; gap:5px; border:2px solid #3a6b35;
                color:#3a6b35!important; font-weight:700; font-size:.88rem; padding:10px 20px;
                border-radius:8px; text-decoration:none; transition:.2s; }
.cpd-back-btn:hover { background:#3a6b35; color:#fff!important; }

/* ── Responsive ──────────────────────────────────────── */
@media(max-width:768px) {
  #cp-detail-map { height:300px; }
  .cpd-stats-inner { gap:0; }
  .cpd-stat { min-width:110px; padding:12px 16px 12px 0; }
  .cpd-content-area { padding:24px 16px 40px; }
}
@media(max-width:480px) {
  #cp-detail-map { height:240px; }
  .cpd-stat { width:50%; border-right:none; border-bottom:1px solid #f0ece5; padding:12px 16px; margin:0; }
}