/**
 * camphub-sponsor-ribbon.css
 * สไตล์ริบบิ้น "ผู้สนับสนุน" มุมขวาล่าง (ทแยงมุม) สำหรับการ์ดสปอนเซอร์ปักหมุด — ดึงมาจากปลั๊กอิน
 * (ไม่ใช่จากธีม) เพื่อให้ใช้ค่าเดียวกันได้ทั้งหน้าหมวดหมู่/แท็ก (voice-camphub) และหน้าค้นหา
 * (camphub-search-filter) ซึ่งไม่ได้โหลด assets/css/camphub-archive.css ของธีมอยู่แล้ว
 *
 * ค่าตรงกับ Design Artifact ที่ approve ไว้ทุกจุด (เหมือนกับที่เคยอยู่ใน camphub-archive.css เป๊ะ)
 */

.campcard-slot {
	position: relative;
	display: flex;
	height: 100%;
}

.campcard-slot > a,
.campcard-slot > article {
	flex: 1 1 auto;
	width: 100%;
}

.ribbon {
	position: absolute;
	z-index: 3;
	bottom: 26px;
	right: -46px;
	width: 170px;
	transform: rotate(-45deg);
	background: #f15a29;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	padding: 6px 0;
	letter-spacing: 0.04em;
	box-shadow: 0 2px 6px rgba(0,0,0,0.18);
	pointer-events: none;
	overflow: hidden;
}

@media (max-width: 860px) {
	.ribbon {
		bottom: 20px;
		right: -40px;
		width: 145px;
		font-size: 10px;
		padding: 5px 0;
	}
}