/* List Block — Plugin Styles */

.is-layout-flex:has(> .list-block),
.is-layout-flex:has(.list-block),
.is-nowrap:has(> .list-block),
.is-nowrap:has(.list-block) {
  flex-wrap: wrap !important;
}

/* ── Editor: block wrapper as flex child ── */
.is-layout-flex > [data-type="atmp/list-block"] {
  flex: 1 0 200px !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* ── Block sizing ──
   Theme's .icon-list { width: 100%; float: left } overrides without !important. */

.list-block {
  width: var(--lib-width, 100%) !important;
  max-width: var(--lib-max-width, none) !important;
  min-width: var(--lib-min-width, 0) !important;
  margin-left: var(--lib-ml, 0) !important;
  margin-right: var(--lib-mr, auto) !important;
  float: none !important;
  box-sizing: border-box;
}

/* ── Heading ── */

.icon-list__heading {
  margin-bottom: 12px;
}

/* ── Linked items ── */

.icon-list li a {
  color: inherit;
  text-decoration: none;
}

.icon-list li a:hover {
  text-decoration: underline;
}

/* ── Mobile & Tablet (≤ 1140px) ── */

@media (max-width: 1140px) {
  .list-block {
    width: var(--lib-mobile-width, 100%) !important;
    margin-left: var(--lib-mobile-ml, 0) !important;
    margin-right: var(--lib-mobile-mr, auto) !important;
  }
}
