/* Card + — i2t3 component styles
 * Richer card (vs. the Bootstrap "card"): adds the Karma extras — shadow
 * intensity, corner radius and an optional hover lift. All card content is
 * rendered through the shared Components/I2t3Card partial, so these styles only
 * decorate the resulting .card. The flip variant is the separate "Flip card".
 */

/* Shadow intensity */
.i2t3-card-plus--shadow-none .card { box-shadow: none; }
.i2t3-card-plus--shadow-sm .card { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075); border-color: transparent; }
.i2t3-card-plus--shadow-md .card { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); border-color: transparent; }
.i2t3-card-plus--shadow-lg .card { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175); border-color: transparent; }

/* Corner radius */
.i2t3-card-plus--radius-rounded .card { border-radius: 1rem; overflow: hidden; }
.i2t3-card-plus--radius-large .card { border-radius: 1.75rem; overflow: hidden; }

/* Hover lift */
.i2t3-card-plus--hover-lift .card { transition: transform .2s ease, box-shadow .2s ease; }
.i2t3-card-plus--hover-lift .card:hover { transform: translateY(-.35rem); box-shadow: 0 1rem 2rem rgba(0, 0, 0, .18); }

/* Hover grow — scale the whole card */
.i2t3-card-plus--hover-grow .card { transition: transform .25s ease, box-shadow .25s ease; }
.i2t3-card-plus--hover-grow .card:hover { transform: scale(1.03); box-shadow: 0 1rem 2rem rgba(0, 0, 0, .15); }

/* Hover zoom — zoom the card image, card itself stays put */
.i2t3-card-plus--hover-zoom .card { overflow: hidden; }
.i2t3-card-plus--hover-zoom .card img { transition: transform .4s ease; }
.i2t3-card-plus--hover-zoom .card:hover img { transform: scale(1.08); }

/* Hover glow — accent-coloured glow */
.i2t3-card-plus--hover-glow .card { transition: box-shadow .25s ease; }
.i2t3-card-plus--hover-glow .card:hover { box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb, 13,110,253), .35), 0 .75rem 1.75rem rgba(0, 0, 0, .15); }