/* Image Poll – Bootstrap 5 look & feel */

.ip-wrap { text-align: center; }
.ip-status { opacity: 0.85; }

.ip-card {
  border-radius: 1rem;
  overflow: hidden;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.ip-card .card-img-top { object-fit: cover; }
.ip-card:hover { transform: translateY(-1px); box-shadow: 0 0.35rem 1rem rgba(0,0,0,0.12); }
.ip-card.ip-disabled { cursor: default; }
.ip-card.ip-disabled:hover { transform: none; box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.06); }
.ip-card.ip-clickable { cursor: pointer; }

.progress { height: 0.9rem; border-radius: 0.75rem; background-color: var(--bs-gray-200); }
.progress-bar.ip-bar { transition: width 0.45s ease; }

.ip-count, .ip-percent { font-variant-numeric: tabular-nums; }

#ip-grid { gap: 0px !important; }
/* Chart.js styling */
.ip-chart-wrap {
  width: 100%;
  height: 320px;            /* set your preferred fixed height */
  position: relative;       /* required for Chart.js responsive sizing */
}

#ip-chart {
  width: 100% !important;
  height: 100% !important;  /* fill the wrapper exactly */
  display: block;
}

/* 3 per row at ≥992px is handled by col-lg-4 in HTML */