/* Each certificate is its own compact card (.rankup-certificate). Inherits theme tokens where present. */

/* Neutralise any box the theme / page builder wraps around our certificates widget. */
.rankup-product-documents-widget--certificates,
.elementor-widget-rankup-product-certificates > .elementor-widget-container{
	background:none;
	border:0;
	padding:0;
	box-shadow:none;
	border-radius:0;
}

.rankup-certificates{
	--rk-line:var(--wd-form-brd-color,rgba(0,0,0,.12));
	--rk-radius:var(--wd-brd-radius,4px);
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:flex-start;
	gap:var(--g,10px);
	margin:10px 0 0;
	padding:0;
	border:0 !important;
	border-radius:0 !important;
	background:none !important;
	box-shadow:none !important;
	list-style:none;
}
.rankup-certificate{
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	width:var(--w,88px);
	height:var(--h,64px);
	margin:0;
	padding:6px 8px;
	background:#fff;
	border:1px solid var(--rk-line);
	border-radius:var(--rk-radius);
	overflow:hidden;
}
.rankup-certificate img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
	object-fit:contain;
}
@media(max-width:767px){
	.rankup-certificates[data-mobile-scroll="true"]{
		flex-wrap:nowrap;
		justify-content:flex-start;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
		scroll-snap-type:x proximity;
		scrollbar-width:none;
	}
	.rankup-certificates[data-mobile-scroll="true"]::-webkit-scrollbar{display:none}
	.rankup-certificates[data-mobile-scroll="true"] .rankup-certificate{scroll-snap-align:start}
}