/*
 * Život v regionu – desktop editorial layout refinements (25 Oct 2026).
 * Explicitly isolated to >=1024px. Existing PWA/mobile design is untouched.
 * Loaded AFTER the legacy desktop stylesheet to avoid contradictory overrides.
 */
@media screen and (min-width:1024px) {
  /* The news-led feature uses two coherent columns. The map is an independent,
     full-bleed-within-content section rather than a cramped third sidebar. */
  body.zvr-home-page .ed-home-top {
    display:grid;
    grid-template-columns:minmax(0, 1.28fr) minmax(0, .72fr);
    gap:18px;
    align-items:stretch;
  }
  body.zvr-home-page .ed-lead-story {min-height:365px;}
  body.zvr-home-page .ed-story-stack {min-width:0; min-height:365px; gap:11px;}
  body.zvr-home-page .ed-story-side {
    grid-template-columns:minmax(120px, 39%) minmax(0, 1fr);
    min-height:102px; gap:13px; padding-bottom:10px;
  }
  body.zvr-home-page .ed-story-side img,
  body.zvr-home-page .ed-story-side .ed-no-image {
    height:103px; width:100%;object-fit:cover;
  }
  body.zvr-home-page .ed-story-side h3 {font-size:18px!important;line-height:1.22;}
  body.zvr-home-page .ed-home-actions {flex-wrap:wrap;gap:9px 17px;}
  body.zvr-home-page .ed-section-heading {align-items:center;padding-top:16px;}
  body.zvr-home-page .ed-section-heading h2 {line-height:1.2;}
  body.zvr-home-page .ed-card-grid {align-items:stretch;gap:15px;}
  body.zvr-home-page .ed-event-card,
  body.zvr-home-page .ed-article-card {display:flex;flex-direction:column;min-width:0;height:100%;}
  body.zvr-home-page .ed-event-body,
  body.zvr-home-page .ed-article-body {display:flex;flex:1;flex-direction:column;gap:6px;}
  body.zvr-home-page .ed-event-body strong,
  body.zvr-home-page .ed-article-body strong {min-height:0;}
  body.zvr-home-page .ed-event-body small,
  body.zvr-home-page .ed-article-body small {margin-top:auto;padding-top:7px;}
  body.zvr-home-page .ed-card-image {height:143px;}
  body.zvr-home-page .ed-card-grid--articles .ed-card-image {height:175px;}

  /* Large regional map: more visible pins, readable labels and filters. */
  body.zvr-home-page .ed-map-panel.ed-map-panel--wide {
    grid-column:auto!important;
    display:block;
    width:100%;min-width:0;
    margin:0;
    padding:17px 20px 20px;
    background:#f6f5f2;
    border:1px solid #e5e5e0;
    border-radius:0;
    box-shadow:none;
  }
  body.zvr-home-page .ed-map-header {
    display:flex;align-items:center;justify-content:space-between;
    gap:18px;min-height:60px;margin-bottom:13px;
  }
  body.zvr-home-page .ed-map-title {
    display:flex;align-items:center;gap:20px;min-width:0;
  }
  body.zvr-home-page .ed-map-title h2 {
    font-family:Georgia,"Times New Roman",serif;
    font-size:25px;line-height:1.2;
  }
  body.zvr-home-page .ed-map-title p {
    margin:5px 0 0;font-size:12px;color:#6a747a;line-height:1.4;
  }
  body.zvr-home-page .ed-map-title a {
    white-space:nowrap;font-size:12px;font-weight:700;
    color:#315570;text-underline-offset:3px;
  }
  body.zvr-home-page .ed-map-filters {
    display:flex;flex:0 0 auto;align-items:center;gap:9px;
  }
  body.zvr-home-page .ed-map-filter {
    min-width:140px;min-height:40px;background:#fff;border:1px solid #dfe0dd;
  }
  body.zvr-home-page .ed-map-filter label {font-size:11px;font-weight:700;}
  body.zvr-home-page .ed-map-filter select {font-size:12px;min-height:39px;cursor:pointer;}
  body.zvr-home-page #desktopMapMount {
    display:block;min-height:460px;height:clamp(460px, 42vw, 565px);
    width:100%;flex:none;position:relative;
    overflow:hidden;background:#e6ede4;border:1px solid #dce3de;
  }
  body.zvr-home-page #desktopMapMount .map-card {
    height:100%;border:0;border-radius:0;box-shadow:none;
  }
  body.zvr-home-page #desktopMapMount .map-wrap {
    width:100%;height:100%!important;min-height:460px;
  }
  body.zvr-home-page #desktopMapMount .map-list,
  body.zvr-home-page #desktopMapMount .map-layer-toggle {
    border-radius:3px;min-height:37px;
  }
  body.zvr-home-page #desktopMapMount .map-count {font-size:13px;}

  /* Reading layout: title, perex, address, photo and article body share one
     centered editorial measure. The same horizontal anchor follows scroll. */
  body.zvr-subpage .content article.detail.editorial-article-detail {
    box-sizing:border-box;width:100%;max-width:1050px;
    margin:2px auto 38px;
    padding:clamp(28px, 3.5vw, 50px) clamp(28px, 4.1vw, 58px);
    background:#fff;
    border:1px solid #e3e5e5;border-radius:3px;
    box-shadow:none;
  }
  body.zvr-subpage article.editorial-article-detail > :is(
    .meta,h1,p.perex,.article-location,.article-gallery,.detail-body
  ) {
    display:block;
    width:100%;max-width:880px!important;
    margin-left:auto!important;margin-right:auto!important;
    box-sizing:border-box;
  }
  body.zvr-subpage .content article.editorial-article-detail > .meta {
    font-size:12px;line-height:1.5;color:#7a838a;
    margin-bottom:14px!important;letter-spacing:.015em;
  }
  body.zvr-subpage .content article.editorial-article-detail > h1 {
    max-width:880px!important;font-size:clamp(38px,3.65vw,52px);
    line-height:1.1;letter-spacing:-.03em;
    margin-top:0!important;margin-bottom:20px!important;
    overflow-wrap:anywhere;
  }
  body.zvr-subpage .content article.editorial-article-detail > p.perex {
    color:#485460;font:400 19px/1.52 Arial,"Helvetica Neue",sans-serif!important;
    margin-top:0!important;margin-bottom:22px!important;
  }
  body.zvr-subpage article.editorial-article-detail .article-location {
    display:flex!important;align-items:center;gap:10px;
    min-height:52px;margin-top:0!important;margin-bottom:22px!important;
    padding:11px 14px;border-radius:2px;background:#f4f5f3;
    color:#34536a;font-size:13px;border-left:3px solid #7f909b;
  }
  body.zvr-subpage article.editorial-article-detail .article-location-icon {
    flex:0 0 auto;font-size:18px;line-height:1;color:#315570;
  }
  body.zvr-subpage article.editorial-article-detail .article-location-text {
    display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.35;
  }
  body.zvr-subpage article.editorial-article-detail .article-location strong {color:#203b4d;font-weight:700;}
  body.zvr-subpage article.editorial-article-detail .article-location-address {font-size:12px;color:#65717d;}
  body.zvr-subpage article.editorial-article-detail .article-gallery {
    margin-top:0!important;margin-bottom:25px!important;
  }
  body.zvr-subpage article.editorial-article-detail .article-gallery-viewport {
    border-radius:2px;background:#f5f5f3;border:1px solid #ebebea;
  }
  body.zvr-subpage article.editorial-article-detail .article-gallery-slide {
    background:#f5f5f3;aspect-ratio:3/2;
  }
  body.zvr-subpage article.editorial-article-detail .article-gallery-slide img {
    width:100%;height:100%;object-fit:contain;
  }
  body.zvr-subpage article.editorial-article-detail .detail-body {
    max-width:880px!important;
    font:400 19px/1.72 Georgia,"Times New Roman",serif;
    color:#26313b;overflow-wrap:break-word;
    padding:0;margin-top:0!important;
  }
  body.zvr-subpage article.editorial-article-detail .detail-body p {margin:0 0 1.2em;}
  body.zvr-subpage article.editorial-article-detail .detail-body :is(h2,h3) {
    margin:1.4em 0 .5em;line-height:1.2;
  }

  @media(max-width:1260px) {
    body.zvr-home-page .ed-home-top {grid-template-columns:minmax(0, 1.2fr) minmax(0, .8fr);}
    body.zvr-home-page .ed-map-header {align-items:flex-start;flex-wrap:wrap;}
    body.zvr-home-page .ed-map-filters {margin-left:auto;}
    body.zvr-home-page #desktopMapMount {min-height:460px;height:500px;}
  }
  @media(max-width:1090px) {
    body.zvr-home-page .ed-story-side {grid-template-columns:125px minmax(0,1fr);}
    body.zvr-home-page .ed-story-side h3 {font-size:15px!important;}
    body.zvr-home-page .ed-map-title {flex-wrap:wrap;gap:6px 13px;}
    body.zvr-home-page .ed-map-panel.ed-map-panel--wide {padding:15px;}
    body.zvr-subpage .content article.detail.editorial-article-detail {padding:28px 30px;}
  }
}
