/* Bootstrap Icons via CDN — necessário para renderizar os ícones bi-* */
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');

/* DOBRA COMODIDADES
   HTML: .views-view-responsive-grid > .views-view-responsive-grid__item
            > .views-view-responsive-grid__item-inner
                > .views-field-field-comodidade-icone > .field-content > <i>
                > .views-field-title > .field-content */

/* ── Converte o grid_responsive para flex-wrap de pills ─────────────── */
body:not(.path-admin) .h2-secao--comodidades .views-view-responsive-grid {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  align-items: center;
}

body:not(.path-admin) .h2-secao--comodidades .views-view-responsive-grid__item {
  width: auto !important;
}

/* ── Pill / chip ─────────────────────────────────────────────────────── */
body:not(.path-admin) .h2-secao--comodidades .views-view-responsive-grid__item-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: rgba(99, 102, 241, 0.09);
  background: rgba(var(--hm2-color-primary-rgb, 99, 102, 241), 0.09);
  border: 1px solid rgba(99, 102, 241, 0.22);
  border-radius: 50px;
  padding: 7px 16px 7px 12px;
  font-size: .88rem;
  font-weight: 500;
  color: var(--hm2-on-surface-text, #2d2d2d);
  white-space: nowrap;
  transition: background .18s;
}

body:not(.path-admin) .h2-secao--comodidades .views-view-responsive-grid__item-inner:hover {
  background: rgba(99, 102, 241, 0.16);
}

/* ── Ícone Bootstrap Icons ─────────────────────────────────────────── */
body:not(.path-admin) .h2-secao--comodidades .views-field-field-comodidade-icone {
  line-height: 1;
  flex-shrink: 0;
}

body:not(.path-admin) .h2-secao--comodidades .views-field-field-comodidade-icone i {
  font-size: 1.15rem;
  color: var(--hm2-color-primary, #6366f1);
  display: block;
  line-height: 1;
}

/* ── Título da comodidade ───────────────────────────────────────────── */
body:not(.path-admin) .h2-secao--comodidades .views-field-title {
  line-height: 1.2;
}