@import url('/css/features/navtiles.css?v=20260819-3');

.navtiles {
  gap: 24px;
}

.navtiles .navtile {
  background: #fffdf8;
  border: 1px solid var(--mr-rural-line);
  border-radius: 6px;
}

.navtiles .navtile-icon {
  background: var(--mr-color-primary);
  color: #fff;
}

/* The shared stylesheet owns layout behavior; Civic Rural keeps the selected
   density/layout aligned with this theme's restrained card treatment. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked) .mr-nav-tiles > li > a {
  min-height: 0;
  padding: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact) .mr-nav-tiles > li > a {
  min-height: 0;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-density-compact, .ws-widget-density-compact) .nav-tile-icon {
  margin-bottom: 0;
}

/* Stacked media rows read as a rural service directory: warm paper, a quiet
   field-line border, and the existing page icon pinned to the image corner. */
.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot > a {
  border-color: var(--mr-rural-line);
  border-radius: 6px;
  background: #fffdf8;
  box-shadow: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .nav_tiles.mr-tiles-image .mr-nav-tiles > li.tile-media-slot > a:is(:hover, :focus) {
  border-color: color-mix(in srgb, var(--mr-color-primary) 42%, var(--mr-rural-line));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mr-color-primary) 10%, transparent);
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon {
  width: 3rem;
  height: 3rem;
  margin: 0;
  border: 1px solid color-mix(in srgb, #fffdf8 34%, transparent);
  border-radius: 50%;
  background: var(--mr-color-primary);
  color: #fffdf8;
  box-shadow: 0 5px 14px color-mix(in srgb, var(--mr-color-primary-shade) 24%, transparent);
  backdrop-filter: none;
}

.builder-block[data-type="Navtiles"]:is(.mr-widget-layout-stacked, .ws-widget-layout-stacked)
  .nav_tiles.mr-tiles-image.mr-tiles-icon .nav-tile-image-icon .nav-tile-icon__svg {
  width: 1.35rem;
  height: 1.35rem;
}

/* The Civic Rural service rail is deliberately denser than the platform
   default: six equal service cards at full desktop width, then a measured
   three/two/one-column progression as the available space contracts. */
@media (min-width: 1180px) {
  .builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles > li > a {
    padding-inline: 1rem;
  }
}

@media (min-width: 700px) and (max-width: 1179px) {
  .builder-block[data-type="Navtiles"].mr-tiles-icon.mr-tiles-desc.mr-tiles-cta:not(.mr-tiles-image) .mr-nav-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}