/**
 * Vavoom Coupon v2.3.0 — AD 세션 쿠폰 슬롯/배너.
 *
 * .vpc-ad-slot  = 쿠폰받기 모달 상단 슬롯
 * .vpc-ad-banner = [vavoom_ad_coupon_banner] 숏코드 (팝업 콘텐츠용)
 * 기본 hidden — vavoom-coupon-session.js 가 세션 유효할 때만 연다.
 * (파일명에 -ad 를 안 쓰는 이유: EasyList 계열 광고차단 필터의 *-ad.js 패턴 회피 — 검수 Low)
 */

.vpc-ad-slot,
.vpc-ad-banner {
	margin: 0 0 4px;
	padding: 12px 14px;
	background: #fff5f3;
	border: 1px solid #e35b4f;
	border-radius: 10px;
}

.vpc-ad-slot {
	/* 기본(헤더-본문 사이 폴백 위치): 모달 좌우 여백을 자체 마진으로. */
	margin: 10px 16px 0;
}

.vpc-ad-slot.vpc-ad-in-list {
	/* v2.1.1: JS 가 "이 상품에 쓸 수 있어요"(.vpc-sec) 아래로 옮긴 상태 —
	   본문(.vpc-body) 패딩 0 16px 이 좌우를 담당하므로 자체 좌우 마진 제거. */
	margin: 0 0 8px;
}

.vpc-ad-card {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.vpc-ad-card + .vpc-ad-card {
	margin-top: 6px;
}

.vpc-ad-badge {
	flex-shrink: 0;
	padding: 2px 8px;
	background: #e35b4f;
	color: #fff;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: -0.2px;
}

.vpc-ad-code {
	font-size: 14px;
	font-weight: 700;
	color: #000;
}

.vpc-ad-amt {
	font-size: 13px;
	color: #b32d2e;
	font-weight: 600;
}

.vpc-ad-urgent {
	margin: 8px 0 0;
	font-size: 12.5px;
	color: #b32d2e;
}

.vpc-ad-remain {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

/* ── v2.2.0 마이페이지(엠샵 쿠폰함) 카드 장식 ── */

/* 광고 쿠폰 카드의 기한 표시 → 카운트다운 */
.date_expires.vpc-my-ad-exp {
	color: #b32d2e;
	font-weight: 700;
}

.vpc-my-ad-exp [data-vpc-ad-remain] {
	font-variant-numeric: tabular-nums;
}

.vpc-my-ad-note {
	font-weight: 400;
	font-size: 0.92em;
}

/* 한도/선착순 칩 (마이페이지) */
.vpc-my-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
}

.vpc-my-chips .vpc-lim-user {
	font-size: 11.5px;
	color: #777;
	border: 1px solid #e2e2e2;
	border-radius: 999px;
	padding: 1px 8px;
	line-height: 1.6;
}

.vpc-my-chips .vpc-lim-fcfs {
	font-size: 11.5px;
	color: #fff;
	background: #e35b4f;
	border-radius: 999px;
	padding: 1px 9px;
	font-weight: 700;
	line-height: 1.6;
}