/* ============================================================
   Woodmart Child — Icon Boxes Widget
   ============================================================ */

/* ── Grid wrapper ── */
.ps-ib {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

/* ── Box base ── */
.ps-ib__box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-radius: 12px;
  text-decoration: none;
  transition: border-color 200ms ease, transform 200ms ease;
  box-shadow: none !important;
}

a.ps-ib__box:hover {
  transform: translateY(-2px);
}

/* ── Box styles ── */
.ps-ib--gradient .ps-ib__box {
  background: linear-gradient(135deg, #FEF0F7, #EEF8F9);
  border: 1.5px solid #FBDAEC;
}

.ps-ib--gradient .ps-ib__box:hover {
  border-color: #F7B5DA;
}

.ps-ib--border .ps-ib__box {
  background: #FFFFFF;
  border: 1.5px solid #E8E3E8;
}

.ps-ib--border .ps-ib__box:hover {
  border-color: #C5207E;
}

.ps-ib--plain .ps-ib__box {
  background: #FFFFFF;
  border: 1.5px solid transparent;
}

/* ── Column layout (icon above text) ── */
.ps-ib--column .ps-ib__box {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}

/* ── Icon ── */
.ps-ib__icon {
  flex-shrink: 0;
  color: #C5207E;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.ps-ib__icon svg {
  width: 32px;
  height: 32px;
  display: block;
}

/* ── Text group ── */
.ps-ib__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

/* ── Title ── */
.ps-ib__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1A151A;
  line-height: 1.35;
  display: block;
}

/* ── Description ── */
.ps-ib__desc {
  font-size: 0.75rem;
  color: #675E67;
  line-height: 1.6;
  display: block;
}

/* ── Responsive ── */
@media (max-width: 640px) {
  .ps-ib {
    grid-template-columns: repeat(2, 1fr);
  }
}