/* Standalone coverage map. The map internals are styled by el-coverage.css,
   which is enqueued site wide; this file only provides the section wrapper so
   the block sits correctly when dropped onto a page on its own. */

.el-covmap { font-family: 'Montserrat', sans-serif; width: 100%; padding: 64px 32px; box-sizing: border-box; }
.el-covmap * { box-sizing: border-box; }

/* No background of its own: the map is transparent and takes on whatever
   section it is placed in. */

.el-covmap-inner { max-width: 960px; margin: 0 auto; }
/* min-width:0 — the inline SVG's intrinsic width otherwise overflows a narrow
   flex or grid parent (same failure the licensing map and hero slider hit). */
.el-covmap-inner > * { min-width: 0; }

.el-covmap .fp2-coverage { margin: 18px auto 0; }

/* [map] dropped inside a columns layout, as on the licensing page. Reproduces
   the container the old el-licensing-map block provided: a columns block is
   otherwise full-bleed, so the text would sit flush against the viewport edge
   while everything below it stays inside the page gutter. The section padding
   on .el-covmap is for a map sitting alone on a page and is wrong in a column
   that already has its own spacing. */
.el-licmap-cols {
  max-width: 1200px;
  margin-left: auto; margin-right: auto;
  padding: 64px 32px;
  align-items: center;
  gap: 48px;
  box-sizing: border-box;
}
.el-licmap-cols .el-covmap { padding: 0; }
.el-licmap-cols .el-covmap-inner { max-width: none; }
/* min-width:0 — the inline SVG's intrinsic width otherwise pushes its flex
   column past the viewport on narrow screens. */
.el-licmap-cols > .wp-block-column { min-width: 0; }

@media (max-width: 781px) {
  .el-licmap-cols { padding: 48px 20px; gap: 32px; }
}

@media (max-width: 640px) {
  .el-covmap { padding: 48px 20px; }
}