/* Tiger Info Box — premium */
.tiger-ibox{
	--tiger-ibox-accent:#ec7002;
	--tiger-ibox-accent2:#f88903;
	--tiger-ibox-bg:#ffffff;
	position:relative;display:block;padding:32px 28px;border-radius:16px;
	text-decoration:none;color:inherit;background:var(--tiger-ibox-bg);
	transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;
	transform-style:preserve-3d;
}
.tiger-ibox__body{position:relative;}

/* Position: left / right (side graphic) */
.tiger-ibox--pos-left,.tiger-ibox--pos-right{display:flex;align-items:flex-start;gap:18px;text-align:left;}
.tiger-ibox--pos-right{flex-direction:row-reverse;}
.tiger-ibox--pos-left .tiger-ibox__graphic,
.tiger-ibox--pos-right .tiger-ibox__graphic{flex:0 0 auto;margin-bottom:0;}

/* Graphic / frames */
.tiger-ibox__graphic{
	position:relative;display:inline-flex;align-items:center;justify-content:center;
	width:66px;height:66px;margin-bottom:18px;font-size:28px;color:var(--tiger-ibox-accent);
	transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s ease,color .25s ease;
}
.tiger-ibox__ic,.tiger-ibox__num{position:relative;z-index:1;line-height:1;}
.tiger-ibox__ic svg{width:1em;height:1em;fill:currentColor;}
.tiger-ibox__num{font-size:1em;font-weight:800;}

/* Image graphic — always constrained so it can never blow up the layout */
.tiger-ibox__graphic--image{width:auto;height:auto;max-width:100%;}
.tiger-ibox__graphic--image img{display:block;width:96px;max-width:100%;height:auto;border-radius:12px;}

/* Frame fills */
.tiger-ibox__fill--soft{background:color-mix(in srgb,var(--tiger-ibox-accent) 13%,transparent);}
.tiger-ibox__fill--solid{background:var(--tiger-ibox-accent);color:#fff;}
.tiger-ibox__fill--gradient{background:linear-gradient(135deg,var(--tiger-ibox-accent),var(--tiger-ibox-accent2));color:#fff;}

/* Frame shapes */
.tiger-ibox__frame--circle{border-radius:50%;}
.tiger-ibox__frame--rounded{border-radius:16px;}
.tiger-ibox__frame--hexagon{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);}
.tiger-ibox__frame--blob{border-radius:62% 38% 46% 54%/49% 54% 46% 51%;}
.tiger-ibox--tilt .tiger-ibox__graphic,
.tiger-ibox:hover .tiger-ibox__graphic{transform:translateZ(30px);}
.tiger-ibox:hover .tiger-ibox__frame--blob{border-radius:46% 54% 62% 38%/54% 46% 54% 46%;}

/* Icon → image swap on hover */
.tiger-ibox__swap{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;
	opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s;z-index:2;border-radius:inherit;}
.tiger-ibox:hover .tiger-ibox__swap{opacity:1;transform:scale(1);}
/* Fade the icon out only when a swap image exists; otherwise the plain icon
   must stay visible on hover (and keep any Icon hover color the user set). */
.tiger-ibox:hover .tiger-ibox__graphic--swap .tiger-ibox__ic{opacity:0;}
.tiger-ibox__ic{transition:opacity .25s;}

/* Text */
.tiger-ibox__title{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:700;transition:color .25s ease;}
.tiger-ibox__desc{margin:0;font-size:14.5px;line-height:1.7;color:#5b6270;}

/* Inline CTA + animated arrow */
.tiger-ibox__cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;
	font-size:14px;font-weight:700;color:var(--tiger-ibox-accent);text-decoration:none;transition:color .25s ease;}
.tiger-ibox__arrow{transition:transform .25s ease;}
.tiger-ibox:hover .tiger-ibox__arrow,.tiger-ibox__cta:hover .tiger-ibox__arrow{transform:translateX(5px);}

/* Badge — 4 corner positions */
.tiger-ibox__badge{position:absolute;z-index:3;
	font-size:11px;font-weight:800;letter-spacing:.4px;padding:4px 10px;border-radius:20px;
	background:linear-gradient(135deg,var(--tiger-ibox-accent),var(--tiger-ibox-accent2));color:#fff;}
.tiger-ibox__badge--tl{top:14px;left:14px;}
.tiger-ibox__badge--tr{top:14px;right:14px;}
.tiger-ibox__badge--bl{bottom:14px;left:14px;}
.tiger-ibox__badge--br{bottom:14px;right:14px;}

/* Info icon (corner) — hover/focus reveals the tooltip bubble */
.tiger-ibox__info{
	position:absolute;z-index:6;display:inline-flex;align-items:center;justify-content:center;
	width:26px;height:26px;border-radius:50%;cursor:help;
	background:color-mix(in srgb,var(--tiger-ibox-accent) 14%,#fff);color:var(--tiger-ibox-accent);
	font-size:12px;font-weight:800;line-height:1;transition:transform .2s ease,background .2s ease;outline:none;}
.tiger-ibox__info svg{width:.9em;height:.9em;fill:currentColor;}
.tiger-ibox__info:hover,.tiger-ibox__info:focus-visible{transform:scale(1.1);}
.tiger-ibox__info--tl{top:14px;left:14px;}
.tiger-ibox__info--tr{top:14px;right:14px;}
.tiger-ibox__info--bl{bottom:14px;left:14px;}
.tiger-ibox__info--br{bottom:14px;right:14px;}
/* Collision guard — stack clear of a badge sharing the same corner */
.tiger-ibox__info.is-shifted.tiger-ibox__info--tl,
.tiger-ibox__info.is-shifted.tiger-ibox__info--tr{top:52px;}
.tiger-ibox__info.is-shifted.tiger-ibox__info--bl,
.tiger-ibox__info.is-shifted.tiger-ibox__info--br{bottom:52px;}

/* Tooltip bubble (anchored to the info icon) */
.tiger-ibox__tip{
	--tiger-tip-bg:#1d2327;
	position:absolute;z-index:7;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(6px);
	min-width:140px;max-width:240px;padding:8px 12px;border-radius:8px;
	background:var(--tiger-tip-bg);color:#fff;font-size:12.5px;line-height:1.5;font-weight:500;text-align:center;
	white-space:normal;opacity:0;visibility:hidden;pointer-events:none;
	transition:opacity .2s ease,transform .2s ease,visibility .2s;box-shadow:0 8px 24px rgba(0,0,0,.22);}
.tiger-ibox__tip::after{content:"";position:absolute;width:8px;height:8px;background:var(--tiger-tip-bg);transform:rotate(45deg);}
.tiger-ibox__tip--top{left:50%;bottom:calc(100% + 10px);}
.tiger-ibox__tip--top::after{left:50%;bottom:-4px;margin-left:-4px;}
.tiger-ibox__tip--bottom{top:calc(100% + 10px);bottom:auto;}
.tiger-ibox__tip--bottom::after{left:50%;top:-4px;margin-left:-4px;}
.tiger-ibox__tip--left{left:auto;right:calc(100% + 10px);bottom:auto;top:50%;transform:translateY(-50%) translateX(6px);}
.tiger-ibox__tip--left::after{right:-4px;top:50%;margin-top:-4px;}
.tiger-ibox__tip--right{left:calc(100% + 10px);bottom:auto;top:50%;transform:translateY(-50%) translateX(-6px);}
.tiger-ibox__tip--right::after{left:-4px;top:50%;margin-top:-4px;}
.tiger-ibox__info:hover .tiger-ibox__tip,
.tiger-ibox__info:focus-visible .tiger-ibox__tip{opacity:1;visibility:visible;}
.tiger-ibox__info:hover .tiger-ibox__tip--top,.tiger-ibox__info:focus-visible .tiger-ibox__tip--top,
.tiger-ibox__info:hover .tiger-ibox__tip--bottom,.tiger-ibox__info:focus-visible .tiger-ibox__tip--bottom{transform:translateX(-50%);}
.tiger-ibox__info:hover .tiger-ibox__tip--left,.tiger-ibox__info:focus-visible .tiger-ibox__tip--left,
.tiger-ibox__info:hover .tiger-ibox__tip--right,.tiger-ibox__info:focus-visible .tiger-ibox__tip--right{transform:translateY(-50%);}

/* ── Skins ── */
.tiger-ibox--classic{box-shadow:0 10px 30px rgba(20,23,40,.08);}
.tiger-ibox--classic:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(20,23,40,.16);}

.tiger-ibox--minimal{background:transparent;padding:16px 4px;}
.tiger-ibox--minimal .tiger-ibox__graphic{margin-bottom:14px;}

/* Gradient frame (animated gradient border) */
.tiger-ibox--gradient{background:var(--tiger-ibox-bg);border:2px solid transparent;
	background-image:linear-gradient(var(--tiger-ibox-bg),var(--tiger-ibox-bg)),
		linear-gradient(135deg,var(--tiger-ibox-accent),var(--tiger-ibox-accent2));
	background-origin:border-box;background-clip:padding-box,border-box;
	box-shadow:0 10px 30px rgba(20,23,40,.07);}
.tiger-ibox--gradient:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(236, 112, 2,.22);}

/* Overlay reveal: description hidden, slides up on hover */
.tiger-ibox--overlay{overflow:hidden;text-align:center;box-shadow:0 10px 30px rgba(20,23,40,.08);}
.tiger-ibox--overlay .tiger-ibox__desc,
.tiger-ibox--overlay .tiger-ibox__cta{
	max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);
	transition:max-height .35s ease,opacity .3s ease,transform .35s ease,margin .35s ease;margin-top:0;}
.tiger-ibox--overlay:hover .tiger-ibox__desc{max-height:160px;opacity:1;transform:none;margin-top:8px;}
.tiger-ibox--overlay:hover .tiger-ibox__cta{max-height:60px;opacity:1;transform:none;}
.tiger-ibox--overlay::after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;
	background:linear-gradient(135deg,var(--tiger-ibox-accent),var(--tiger-ibox-accent2));
	transition:height .35s ease;z-index:0;opacity:.06;}
.tiger-ibox--overlay:hover::after{height:100%;}

/* List: vertical stack of icon+text rows. */
.tiger-ibox__list{
	display:flex;
	flex-direction:column;
	padding:0;
	margin:15px 0 0 0;
	list-style:none;
}
/* Each row groups the icon and text tightly; max-width:100% + min-width:0 on the
   text let long lines wrap instead of overflowing on narrow (mobile) screens. */
.tiger-ibox__list-item{
	display:inline-flex;
	align-items:center;
	gap:8px;
	width:fit-content;
	max-width:100%;
	margin-bottom:10px;
}
.tiger-ibox__list-icon{
	display:inline-flex;
	flex-shrink:0;            /* never squish the icon */
	width:20px;height:20px;   /* fallback until the Icon Size slider is used */
}
.tiger-ibox__list-icon svg{width:100%;height:100%;display:block;}
.tiger-ibox__list-text{
	flex-grow:1;
	min-width:0;              /* allow the flex child to shrink so text can wrap */
	line-height:1.4;
	overflow-wrap:break-word;
}

/* Reveal on scroll */
.tiger-ibox--reveal{opacity:0;transform:translateY(22px);}
.tiger-ibox--reveal.is-revealed{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);}

@media (prefers-reduced-motion: reduce){
	.tiger-ibox,.tiger-ibox__graphic,.tiger-ibox__tip{transition:none !important;}
}