/* RC Product Tag Badges + Filter */

/* Make the product link a positioning context for the badge (Woo uses .woocommerce-LoopProduct-link and/or .woocommerce-loop-product__link). */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-loop-product__link {
	position: relative;
	display: block;
}

/* Badges on image (top-left) */
.rcptbf-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	display: flex;
	flex-direction: column;
	gap: 6px;
}


.woocommerce ul.products li.product .rcptbf-badge,
ul.products li.product .rcptbf-badge {

	padding: 6px 12px;
	border-radius: 100px !important;
	background: #ffffff !important;
	color: #E41C24 !important;
font: inherit;              /* inherit global typography */
	line-height: 1.1;
	font-size: 16px !important;
	white-space: nowrap;

	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
/* "Vsetky" pill (data-tag="all") should be white with red text */
.rcptbf-filter .rcptbf-pill[data-tag="all"],
.rcptbf-filter button.rcptbf-pill[data-tag="all"]{
	background: #ffffff !important;
	color: #E41C24 !important;
}

/* Filter bar container */
.rcptbf-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;

	margin: 14px 0 18px;
}

/* Pills */
.rcptbf-filter .rcptbf-pill,
.rcptbf-filter button.rcptbf-pill {
	border: 0 !important;
	outline: none !important;
	box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
	cursor: pointer;

	padding: 10px 16px;
	border-radius: 100px !important;

	background: #E41C24 !important;
	color: #ffffff !important;
font: inherit;
	line-height: 1;
	font-size: 22px !important;

	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
	transition: transform 120ms ease, opacity 120ms ease;
}

.rcptbf-pill:hover { transform: translateY(-1px); }
.rcptbf-pill:active { transform: translateY(0); opacity: .9; }

/* Tag pills (opposite of Vsetky) */
.rcptbf-filter .rcptbf-pill[data-tag]:not([data-tag="all"]),
.rcptbf-filter button.rcptbf-pill[data-tag]:not([data-tag="all"]),
.rcptbf-pill.is-inverted {
	background: #E41C24 !important;
	color: #ffffff !important;
}

/* Active pill state (no borders) */
.rcptbf-pill.is-active {
	opacity: 0.85;
}
/* Simple hide utility applied by JS */
.rcptbf-hidden {
	display: none !important;
}

.rcptbf-pill:focus, .rcptbf-pill:focus-visible { outline: none !important; box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important; }