/* ===== Cat IBox (Manual Controls, Scoped) =====
 * Version: 1.4.0 (cleaned per Jibon's points)
 * Author: Jibon
 */

:root{ --brand:#892929; }

/* default color vars (override per widget if needed) */
.cat-ibox-full{ --title-color:inherit; --icon-color:inherit; }

/* Card container */
.cat-ibox-full.elementor-widget-icon-box > .elementor-widget-container{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 1/1;
  background: transparent;   /* keep widget bg from Elementor, not forced */
  padding: 0;
  text-align: center;
}

/* Icon/Image area fills card */
.cat-ibox-full .elementor-icon-box-icon{
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  box-sizing: border-box;
}

/* Image containment — never overflow, follow radius */
.cat-ibox-full .elementor-icon-box-icon img,
.cat-ibox-full .elementor-icon-box-icon svg{
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;         /* fill card; change to contain if you prefer no crop */
  object-position: center;
  border-radius: inherit;
  display: block;
  pointer-events: none;      /* keep link/hover working on the card */
}

/* Font/SVG icon coloring/scaling */
.cat-ibox-full .elementor-icon-box-icon .elementor-icon{
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  line-height: 1;
  color: var(--icon-color);
}
.cat-ibox-full .elementor-icon-box-icon .elementor-icon i{ font-size: 84px; }
.cat-ibox-full .elementor-icon-box-icon .elementor-icon svg{ width:100% !important; height:100% !important; }
.cat-ibox-full .elementor-icon-box-icon .elementor-icon svg path{ fill: var(--icon-color); }

/* Title inside (unchanged) */
.cat-ibox-full .elementor-icon-box-content{ display: block; }
.cat-ibox-full .elementor-icon-box-title{
  position: absolute;
  left: 12px; right: 12px; bottom: 12px;
  margin: 0; padding: 0;
  background: transparent;
  color: var(--title-color);
  font-weight: 700; font-size: 15px;
  text-align: center;
  z-index: 2;
  text-shadow: none; box-shadow: none; border: none;
}

/* Description: NOT hidden (no display:none) — leave to Elementor defaults */

/* No hover disabling here — keep Elementor Motion Effects & your manual hovers working.
   (No transition:none / transform overrides; you can style hover from Elementor or custom CSS)
*/

/* NOTE: No .cats-grid gap rules here as requested. */