/* ==========================================================================
   EC Wiki — custom-archive.css
   Archive pages: filter notice pill. Loaded on post type archives only.
   ========================================================================== */

/* --- Archive filter notice --- */
.rsgdxwiki-archive__filter-notice {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: var(--rsgdxwiki-space-3);
	padding: 8px 14px;
	background: var(--rsgdxwiki-color-blue-faint);
	border: 1px solid rgba(114, 174, 230, 0.25);
	border-radius: var(--rsgdxwiki-radius-full);
	font-size: var(--rsgdxwiki-text-sm);
	color: var(--rsgdxwiki-color-blue-light);
}

.rsgdxwiki-archive__filter-notice i {
	font-size: 12px;
}

.rsgdxwiki-archive__filter-notice a {
	color: var(--rsgdxwiki-color-text-muted);
	margin-left: 6px;
	text-decoration: underline;
	font-size: var(--rsgdxwiki-text-xs);
}

.rsgdxwiki-archive__filter-notice a:hover {
	color: var(--rsgdxwiki-color-text);
}


/* ==========================================================================
   PRODUCT CARD
   ========================================================================== */

.rsgdxwiki-card--product {
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.rsgdxwiki-card__image {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--rsgdxwiki-color-surface);
	flex-shrink: 0;
}

.rsgdxwiki-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	display: block;
}

.rsgdxwiki-card--product:hover .rsgdxwiki-card__image img {
	transform: scale(1.04);
}

.rsgdxwiki-card__type-badge {
	position: absolute;
	top: var(--rsgdxwiki-space-2);
	left: var(--rsgdxwiki-space-2);
	background: rgba(0,0,0,0.65);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 2px 8px;
	border-radius: var(--rsgdxwiki-radius-sm);
	backdrop-filter: blur(4px);
}

.rsgdxwiki-card__body {
	padding: var(--rsgdxwiki-space-4);
	display: flex;
	flex-direction: column;
	gap: var(--rsgdxwiki-space-2);
	flex: 1;
}

.rsgdxwiki-card__sku {
	font-family: var(--rsgdxwiki-font-mono);
	font-size: var(--rsgdxwiki-text-xs);
	color: var(--rsgdxwiki-color-blue-light);
}

.rsgdxwiki-card__price {
	font-size: var(--rsgdxwiki-text-md);
	font-weight: 700;
	color: var(--rsgdxwiki-color-text);
}

.rsgdxwiki-card__badges {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rsgdxwiki-space-1);
	margin-top: auto;
	padding-top: var(--rsgdxwiki-space-2);
}

/* --- Out of stock --- */
.rsgdxwiki-card__stock-banner {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(214, 54, 56, 0.88);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 4px 0;
	backdrop-filter: blur(2px);
}

.rsgdxwiki-card--out-of-stock .rsgdxwiki-card__image img {
	opacity: 0.6;
	filter: grayscale(30%);
}

/* --- Price note (from / range) --- */
.rsgdxwiki-card__price {
	display: flex;
	align-items: baseline;
	gap: var(--rsgdxwiki-space-2);
}

.rsgdxwiki-card__price-note {
	font-size: var(--rsgdxwiki-text-xs);
	font-weight: 400;
	color: var(--rsgdxwiki-color-text-muted);
	order: -1;
}