/*
 * IWM Grid Utils — micro-subset Bootstrap 5
 * Sostituisce bootstrap.min.css (23 KiB → ~1 KiB)
 * Replicati esattamente i valori Bootstrap 5 (gutter 1.5rem, container breakpoints).
 */

/* ── Container ── */
.container,
.container-fluid {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }

/* ── Row ── */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

/* ── Columns ── */
.col-3, .col-9, .col-12,
.col-lg-6, .col-lg-12,
.col-xl-4 {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  box-sizing: border-box;
}
.col-3  { flex: 0 0 25%;   max-width: 25%; }
.col-9  { flex: 0 0 75%;   max-width: 75%; }
.col-12 { flex: 0 0 100%;  max-width: 100%; }

@media (min-width: 992px) {
  .col-lg-6  { flex: 0 0 50%;  max-width: 50%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
  .col-xl-4  { flex: 0 0 33.333%; max-width: 33.333%; }
}

/* ── Gap ── */
.g-5 { gap: 3rem; }

/* ── Display utilities ── */
.d-flex  { display: flex !important; }
.d-block { display: block !important; }
.d-none  { display: none !important; }
@media (min-width: 992px) {
  .d-lg-flex        { display: flex !important; }
  .d-lg-block       { display: block !important; }
  .d-lg-inline-flex { display: inline-flex !important; }
  .d-lg-none        { display: none !important; }
}

/* ── Flexbox ── */
.justify-content-center  { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-end     { justify-content: flex-end !important; }
.align-items-center      { align-items: center !important; }