/* ─────────────────────────────────────────────────────────────────
   Scintilla Blocks — Icon Box block frontend styles
   ───────────────────────────────────────────────────────────────── */

.sctb-iconbox-wrap {
	display:     flex;
	flex-wrap:   nowrap;
	align-items: flex-start;
	gap:         15px;
	box-sizing:  border-box;
}

.sctb-iconbox-wrap.sctb-iconbox--top {
	flex-direction: column;
	align-items:    center;
}

.sctb-iconbox-wrap.sctb-iconbox--right {
	flex-direction: row-reverse;
}

.sctb-iconbox-icon-wrap {
	flex-shrink:     0;
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
}

.sctb-iconbox-icon-wrap--stacked,
.sctb-iconbox-icon-wrap--framed {
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
}

.sctb-iconbox-icon {
	display: block;
}

.sctb-iconbox-icon-svg {
	display:    block;
	object-fit: contain;
}

.sctb-iconbox-content {
	flex:      1;
	min-width: 0;
}

.sctb-iconbox-title {
	margin:      0 0 8px;
	line-height: 1.3;
}

.sctb-iconbox-desc {
	margin: 0;
}

.sctb-iconbox-link {
	text-decoration: none;
	color:           inherit;
}

/* Hover animations */
@keyframes sctb-pulse {
	0%   { transform: scale(1);    }
	50%  { transform: scale(1.05); }
	100% { transform: scale(1);    }
}

@keyframes sctb-wobble {
	0%   { transform: rotate(0deg);   }
	20%  { transform: rotate(-8deg);  }
	40%  { transform: rotate(7deg);   }
	60%  { transform: rotate(-5deg);  }
	80%  { transform: rotate(3deg);   }
	100% { transform: rotate(0deg);   }
}