/* SRP — padrão de navegação em faixa de swipe horizontal (v9.5.0)
 * Reutilizável: aplicado a qualquer fileira de abas/categorias marcada com
 * [data-srp-swipe] (o JS swipe-tabs.js injeta wrapper, degradês e barra).
 * Funciona por rolagem nativa (toque com inércia em iOS/Android) — sem libs. */

.srp-swipe-strip{
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-x:contain;
	scroll-snap-type:x proximity;
	scrollbar-width:none;
	-ms-overflow-style:none;
	flex-wrap:nowrap !important;
}
.srp-swipe-strip::-webkit-scrollbar{display:none;width:0;height:0;}
.srp-swipe-strip > *{
	scroll-snap-align:center;
	flex:0 0 auto;
	white-space:nowrap;
}

.srp-swipe-wrap{position:relative;}

.srp-swipe-fade{
	position:absolute;
	top:0;
	bottom:0;
	width:28px;
	pointer-events:none;
	opacity:0;
	transition:opacity .15s ease;
	z-index:5;
}
.srp-swipe-fade.left{left:0;background:linear-gradient(90deg,var(--srp-swipe-bg,#fff) 20%,rgba(255,255,255,0));}
.srp-swipe-fade.right{right:0;background:linear-gradient(270deg,var(--srp-swipe-bg,#fff) 20%,rgba(255,255,255,0));}

.srp-swipe-bar{height:3px;background:#f0ece2;border-radius:3px;overflow:hidden;margin-bottom:16px;}
.srp-swipe-bar > i{
	display:block;
	height:100%;
	width:30%;
	background:#c8a84b;
	border-radius:3px;
	transition:width .1s ease,margin-left .1s ease;
}

/* Quando a fileira principal vira faixa, o espaço inferior migra para a
 * barra de progresso — remove a margem antiga para não duplicar. */
.srp-g-tabs.srp-swipe-strip{margin-bottom:0;}

@media (hover:hover){
	.srp-swipe-strip{cursor:grab;}
	.srp-swipe-strip:active{cursor:grabbing;}
}