/*
Ewo Ayiti Interactive Haiti Map — Laptop Layout Fix v1.0.0

Production problem:
The current map switches to a two-row layout at max-width:1280px:
left + center
right underneath

Museum Master responsive standard:
- Laptop/Desktop: >= 1025px → three panels remain visible
- Tablet: 851px–1024px → existing two-row layout
- Mobile: <= 850px → existing stacked layout

Only the laptop band is overridden here.
*/

@media (min-width:1025px) and (max-width:1280px) {

  /* Keep all three museum panels on the same row. */
  #ea-map-020 .ea020-body {
    display:grid !important;
    grid-template-columns:
      clamp(220px, 20vw, 260px)
      minmax(0, 1fr)
      clamp(250px, 23vw, 290px) !important;
    grid-template-areas:none !important;
    gap:0 !important;
    align-items:stretch !important;
  }

  /* Cancel the premature 1280px relocation. */
  #ea-map-020 .ea020-left,
  #ea-map-020 .ea020-center,
  #ea-map-020 .ea020-right {
    grid-area:auto !important;
    min-width:0 !important;
  }

  /* Restore the right panel as a normal desktop sidebar. */
  #ea-map-020 .ea020-right {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    grid-template-columns:none !important;
    gap:0 !important;
    align-items:initial !important;
    padding:20px !important;
  }

  #ea-map-020 .ea020-left {
    padding:20px !important;
  }

  /* Undo the tablet-only placement rules inside the right panel. */
  #ea-map-020 .ea020-right-title,
  #ea-map-020 .ea020-photo,
  #ea-map-020 .ea020-desc,
  #ea-map-020 .ea020-link,
  #ea-map-020 .ea020-open {
    grid-column:auto !important;
  }

  /* Scale typography/content slightly instead of moving the panel. */
  #ea-map-020 .ea020-left h2 {
    font-size:clamp(26px, 2.5vw, 32px) !important;
  }

  #ea-map-020 .ea020-right-title {
    font-size:18px !important;
  }

  #ea-map-020 .ea020-photo {
    height:145px !important;
  }

  #ea-map-020 .ea020-link {
    padding:8px 6px !important;
  }

  #ea-map-020 .ea020-link strong {
    font-size:12px !important;
  }

  #ea-map-020 .ea020-link span {
    font-size:11px !important;
  }
}

/*
Do not override <=1024px.
The existing production rules continue to control tablets and mobile.
*/