/* Rainbow Carpet - tile range filters (2026-11)
   material dropdown, backing buttons, structure options, NEW sticker.
   Loaded after main.css; every rule is scoped to rc-* classes. */

/* one row under the dashed line: [Short by v] [Bitumen][PVC][PE][TPO] ... [COLORPOINT][TILE MODULAR CARPET]
   (the header photo now sits above the dashed line, so nothing can cover these buttons) */
.tab-wrapper { flex-wrap: wrap; }
.tab-wrapper .subcategory { margin-left: auto; }
.rc-material form { display: inline; margin: 0; }

.rc-backing {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.rc-backing-btn {
	display: block;
	margin-right: 10px;
	padding: 10px 21px;
	background: #b9c0d0;
	color: #001745;
	font-weight: bold;
	text-decoration: none;
}
.rc-backing-btn:hover,
.rc-backing-btn:focus { background: #a5aec3; }
.rc-backing-btn.active,
.rc-backing-btn.active:hover { background: #001642; color: #fff; }

/* structure options under the page title (Tile Modular only) */
.rc-structure { margin: 6px 0 8px; }
.rc-structure li { padding: 2px 0; }
.cat-abstract .rc-structure a {
	color: #001745;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 6px 2px 0;
	text-decoration: none;
}
.cat-abstract .rc-structure a:before {
	content: '\25B6\00a0';
	font-size: 10px;
}
.cat-abstract .rc-structure a:hover { text-decoration: underline; }
.cat-abstract .rc-structure li.active a {
	background: #001642;
	color: #fff;
	padding-left: 6px;
	text-decoration: none;
}

/* tile family pages: header photo inside the title section, beside the title,
   so its top lines up with the title and the dashed line + filters always come below it */
.header-product.rc-tile-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.rc-tile-header .cat-abstract { flex: 0 1 540px; }
.rc-tile-header .cat-img {
	position: static;
	flex: 0 0 auto;
	margin-left: 20px;
}
.rc-tile-header .cat-img img { display: block; }

/* backing photo uses exactly the box of the normal header photo */
.cat-img img.rc-backing-photo { display: block; object-fit: cover; }

/* red NEW sticker, top-right of the range photo */
.row-produk.rc-card { position: relative; }
.rc-new-badge {
	position: absolute;
	top: 26px;
	right: -6px;
	z-index: 2;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border: 2px solid #e8545a;
	border-radius: 50%;
	background: #c4161c;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-align: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
	-webkit-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	transform: rotate(-12deg);
	pointer-events: none;
}

.rc-noresult { padding: 10px 0 30px; color: #001745; font-size: 14px; }
.rc-noresult a { color: #001745; font-weight: bold; }