/* Umami Trust Badges — frontend */

/* ===== בסיס (משותף לכל הטמפלטים) ===== */
.umami-badges{
	display:flex;flex-wrap:wrap;gap:14px 22px;margin:16px 0;box-sizing:border-box;line-height:1.35;
}
.umami-badges--align-right{justify-content:flex-start}
.umami-badges--align-center{justify-content:center}
.umami-badges--align-left{justify-content:flex-end}
.umami-badges--align-between{justify-content:space-between}

.umami-badge{display:flex;align-items:center;gap:12px;min-width:0;transition:transform .18s ease}
.umami-badge__icon{
	display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
	color:var(--tb-ic,#28852d);transition:transform .18s ease, background .18s ease;
}
.umami-badge__icon svg{width:var(--tb-is,26px);height:var(--tb-is,26px);display:block;flex:0 0 auto}
.umami-badge__txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.umami-badge__title{font-weight:var(--tb-tw,700);font-size:var(--tb-ts,14px);color:var(--tb-title,#333)}
.umami-badge__sub{font-size:var(--tb-ss,12px);color:var(--tb-sub,#6f6f6f)}
.umami-badge:hover .umami-badge__icon{transform:translateY(-2px)}

/* ===== טמפלט: קלאסי (קופסה אפורה לאזור, אייקון נקי בלי צ׳יפ) ===== */
.umami-badges--tpl-classic{border:1px solid #e5e5e5;border-radius:6px;background:#fafafa;padding:var(--tb-pad,16px) 18px}

/* ===== טמפלט: מינימלי (שטוח, בלי רקע) ===== */
.umami-badges--tpl-minimal{padding:var(--tb-pad,16px) 0}

/* ===== טמפלט: כרטיסים (כל באדג׳ בקלף משלו) ===== */
.umami-badges--tpl-cards{
	display:grid;grid-template-columns:repeat(var(--tb-cols,4),minmax(0,1fr));gap:12px;
}
.umami-badges--tpl-cards .umami-badge{
	flex-direction:column;align-items:center;text-align:center;gap:9px;
	border:1px solid #e8e8e8;border-radius:8px;background:#fff;padding:var(--tb-pad,16px) 12px;
}
.umami-badges--tpl-cards .umami-badge__txt{align-items:center}

/* ===== טמפלט: פס (רקע גוון לאזור, אייקון נקי) ===== */
.umami-badges--tpl-bar{background:color-mix(in srgb, var(--tb-ic,#28852d) 8%, transparent);border-radius:6px;padding:var(--tb-pad,16px) 20px}

/* ===== טמפלט: עיגולים (ללא רקע — אייקון נקי) ===== */
.umami-badges--tpl-circles{padding:var(--tb-pad,16px) 0}

/* ===== מותאם — קופסה לאזור (אופציונלי) + פריסה + מפריד; האייקון תמיד נקי ===== */
.umami-badges--box{border:1px solid #e5e5e5;border-radius:6px;background:#fafafa;padding:var(--tb-pad,16px) 18px}
.umami-badges--grid{display:grid;grid-template-columns:repeat(var(--tb-cols,4),1fr);gap:16px}
.umami-badges--divider .umami-badge:not(:last-child){padding-inline-end:22px;border-inline-end:1px solid #e2e2e2}

/* ===== אנימציית כניסה ===== */
.umami-badges--anim .umami-badge{opacity:0;transform:translateY(14px)}
.umami-badges--anim.is-in .umami-badge{opacity:1;transform:none;transition:opacity .55s ease, transform .55s ease}
.umami-badges--anim.is-in .umami-badge:nth-child(2){transition-delay:.09s}
.umami-badges--anim.is-in .umami-badge:nth-child(3){transition-delay:.18s}
.umami-badges--anim.is-in .umami-badge:nth-child(4){transition-delay:.27s}
.umami-badges--anim.is-in .umami-badge:nth-child(5){transition-delay:.36s}
.umami-badges--anim.is-in .umami-badge:nth-child(6){transition-delay:.45s}

@media (prefers-reduced-motion: reduce){
	.umami-badge,.umami-badge__icon{transition:none !important}
	.umami-badges--anim .umami-badge{opacity:1 !important;transform:none !important}
}

@media (max-width:640px){
	.umami-badges{gap:14px 16px}
	.umami-badges--tpl-cards{grid-template-columns:repeat(2,1fr)}
	.umami-badges--grid{grid-template-columns:repeat(2,1fr)}
	.umami-badges--divider .umami-badge:not(:last-child){padding-inline-end:0;border-inline-end:0}
}