/* DriveZone Okresky – SEO stránky (detail trasy, kraj) */

.dzr-page { padding: 4px 0 48px; }
.dzr-page a { text-decoration: none; }

/* Drobečková navigace */
.dzr-breadcrumbs { font-size: 13px; color: #777; margin: 0 0 14px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.dzr-breadcrumbs a { color: #0088ff !important; }
.dzr-breadcrumbs span { color: #999; }

/* Odznaky pod H1 */
.dzr-badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 14px; }
.dzr-badge-plain { font-size: 13px; color: #555; }
a.dzr-badge-link { color: #555 !important; }
a.dzr-badge-link:hover { color: #0088ff !important; }

/* Mapa */
.dzr-map-wrap { margin: 0 0 12px; }
.dzr-map { height: 380px; width: 100%; border-radius: 12px; border: 1px solid #ddd; z-index: 0; background: #e9eef3; }
@media (max-width: 600px) { .dzr-map { height: 280px; } }

/* Akce */
.dzr-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.dzr-actions .dz-btn { text-decoration: none !important; }

/* Karta */
.dzr-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px 22px; }
.dzr-card h2,
.dzr-section h2 { font-size: 16px !important; font-weight: 600 !important; margin: 0 0 10px !important; line-height: 1.3 !important; }
.dzr-summary { font-size: 14px; line-height: 1.6; color: #333; margin: 0 0 10px; font-weight: 500; }
.dzr-card .dz-detail-desc { margin-bottom: 16px; }

.dzr-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px 16px; margin: 0 0 16px; padding: 14px 0 0; border-top: 1px solid #eef0f3; }
.dzr-facts > div { margin: 0; }
.dzr-facts dt { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: #888; margin: 0 0 2px; }
.dzr-facts dd { margin: 0; font-size: 14px; color: #222; }
.dzr-facts dd a { color: #0088ff !important; }

.dzr-rate { display: flex; align-items: center; gap: 10px 18px; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid #eef0f3; }
.dzr-rate-avg { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dzr-rate-label { font-size: 12px; font-weight: 600; color: #555; }
.dzr-rate .dz-hint { font-size: 12px; }
.dzr-rate .dz-hint a { color: #0088ff !important; }
.dzr-rate-msg { font-size: 12px; font-weight: 600; }
.dzr-rate-msg.ok  { color: #166534; }
.dzr-rate-msg.err { color: #991b1b; }

/* Seznamy karet (okolí, kraj) */
.dzr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 8px; }
@media (max-width: 600px) { .dzr-grid { grid-template-columns: 1fr; } }

.dzr-intro { font-size: 14px; line-height: 1.6; color: #333; margin: 0 0 14px; }

.dzr-back { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 24px 0 0; font-size: 14px; }
.dzr-back a { color: #0088ff !important; font-weight: 500; }
.dzr-back a:hover { opacity: .8; }

/* Dark mode */
html.dark .dzr-breadcrumbs { color: #bbb; }
html.dark .dzr-breadcrumbs a { color: #7ab0ff !important; }
html.dark .dzr-breadcrumbs span { color: #888; }
html.dark .dzr-breadcrumbs span[aria-current] { color: #ccc; }
html.dark .dzr-badge-plain,
html.dark a.dzr-badge-link { color: #ccc !important; }
html.dark a.dzr-badge-link:hover { color: #7ab0ff !important; }
html.dark .dzr-rate-label { color: #ccc; }
html.dark .dzr-page .dz-stars-count,
html.dark .dzr-page .dz-hint { color: #aaa !important; }
html.dark .dzr-map { border-color: #3a3d44; background: #2b2e33; }
html.dark .dzr-card { background: #2b2e33; border-color: #3a3d44; color: #e8e8e8; }
html.dark .dzr-summary,
html.dark .dzr-intro { color: #ddd; }
html.dark .dzr-facts,
html.dark .dzr-rate { border-top-color: #3a3d44; }
html.dark .dzr-facts dt { color: #9a9a9a; }
html.dark .dzr-facts dd { color: #e8e8e8; }
html.dark .dzr-facts dd a,
html.dark .dzr-rate .dz-hint a,
html.dark .dzr-back a { color: #7ab0ff !important; }
html.dark .dzr-rate-msg.ok  { color: #86efac; }
html.dark .dzr-rate-msg.err { color: #fca5a5; }