/* 
 * ═══════════════════════════════════════════════════════════════════════
 * 무협(MOOHYUP) WooCommerce 커스텀 스타일
 * 테마 컬러: 블랙 #050505, 골드 #c5a05c, 화이트 #ffffff
 * ═══════════════════════════════════════════════════════════════════════
 */

/* ─────────────────────────────────────────────────────────────────────── 
   CSS 변수 정의
   ─────────────────────────────────────────────────────────────────────── */
:root {
	--wc-black: #050505;
	--wc-gold: #c5a05c;
	--wc-gold-hover: #d4b06a;
	--wc-white: #ffffff;
	--wc-gray-50: #f8fafc;
	--wc-gray-100: #f1f5f9;
	--wc-gray-200: #e2e8f0;
	--wc-gray-300: #cbd5e1;
	--wc-gray-500: #64748b;
	--wc-gray-700: #334155;
	--wc-gray-900: #0f172a;
	--wc-success: #22c55e;
	--wc-error: #ef4444;
	--wc-info: #3b82f6;
	
	/* Moohyup Theme 변수 (checkout 호환용) */
	--theme-primary: #c5a05c;
	--theme-primary-rgb: 197, 160, 92;
	--theme-font-display: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
}

/* ─────────────────────────────────────────────────────────────────────── 
   Tailwind 유틸리티 클래스 대체 스타일
   (Tailwind CSS가 로드되지 않은 환경에서 호환성 보장)
   ─────────────────────────────────────────────────────────────────────── */

/* 배경색 */
.bg-white { background-color: #ffffff !important; }
.bg-slate-50 { background-color: #f8fafc !important; }
.bg-slate-100 { background-color: #f1f5f9 !important; }
.bg-slate-200 { background-color: #e2e8f0 !important; }
.bg-slate-700 { background-color: #334155 !important; }
.bg-slate-800 { background-color: #1e293b !important; }
.bg-amber-50 { background-color: #fffbeb !important; }
.bg-amber-100 { background-color: #fef3c7 !important; }
.bg-amber-500 { background-color: #f59e0b !important; }
.bg-blue-50 { background-color: #eff6ff !important; }
.bg-blue-100 { background-color: #dbeafe !important; }
.bg-blue-600 { background-color: #2563eb !important; }
.bg-green-50 { background-color: #f0fdf4 !important; }
.bg-green-100 { background-color: #dcfce7 !important; }

/* 그라디언트 배경 */
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops, #334155, #1e293b)) !important; }
.from-slate-700 { --tw-gradient-from: #334155; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
.to-slate-800 { --tw-gradient-to: #1e293b; }
.from-blue-50 { --tw-gradient-from: #eff6ff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent); }
.to-indigo-50 { --tw-gradient-to: #eef2ff; }
.bg-moohyup-gold-gradient { background: linear-gradient(135deg, #c5a05c 0%, #b8934f 100%) !important; }
.bg-moohyup-gold { background-color: #c5a05c !important; }

/* 텍스트 색상 */
.text-white { color: #ffffff !important; }
.text-black { color: #000000 !important; }
.text-slate-400 { color: #94a3b8 !important; }
.text-slate-500 { color: #64748b !important; }
.text-slate-600 { color: #475569 !important; }
.text-slate-700 { color: #334155 !important; }
.text-slate-800 { color: #1e293b !important; }
.text-amber-600 { color: #d97706 !important; }
.text-blue-600 { color: #2563eb !important; }
.text-green-600 { color: #16a34a !important; }
.text-moohyup-gold { color: #c5a05c !important; }

/* 테두리 */
.border { border-width: 1px !important; }
.border-2 { border-width: 2px !important; }
.border-b { border-bottom-width: 1px !important; }
.border-b-2 { border-bottom-width: 2px !important; }
.border-t { border-top-width: 1px !important; }
.border-slate-100 { border-color: #f1f5f9 !important; }
.border-slate-200 { border-color: #e2e8f0 !important; }
.border-amber-200 { border-color: #fde68a !important; }
.border-blue-200 { border-color: #bfdbfe !important; }
.border-moohyup-gold { border-color: #c5a05c !important; }

/* 모서리 라운드 */
.rounded { border-radius: 0.25rem !important; }
.rounded-lg { border-radius: 0.5rem !important; }
.rounded-xl { border-radius: 0.75rem !important; }
.rounded-2xl { border-radius: 1rem !important; }
.rounded-full { border-radius: 9999px !important; }

/* 그림자 */
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; }
.shadow-moohyup-gold\/30 { box-shadow: 0 10px 15px -3px rgba(197, 160, 92, 0.3) !important; }

/* 패딩 */
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 0.75rem !important; }
.p-4 { padding: 1rem !important; }
.p-5 { padding: 1.25rem !important; }
.p-6 { padding: 1.5rem !important; }
.px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
.px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-8 { padding-left: 2rem !important; padding-right: 2rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-2\.5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
.py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.pb-3 { padding-bottom: 0.75rem !important; }
.pb-44 { padding-bottom: 11rem !important; }
.pb-48 { padding-bottom: 12rem !important; }

/* 마진 */
.m-0 { margin: 0 !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-3 { margin-bottom: 0.75rem !important; }
.mb-4 { margin-bottom: 1rem !important; }
.mb-6 { margin-bottom: 1.5rem !important; }
.mt-4 { margin-top: 1rem !important; }
.mt-6 { margin-top: 1.5rem !important; }
.mt-8 { margin-top: 2rem !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-1\.5 { margin-left: 0.375rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-13 { margin-left: 3.25rem !important; }
.mx-1\.5 { margin-left: 0.375rem !important; margin-right: 0.375rem !important; }
.mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }

/* 너비/높이 */
.w-4 { width: 1rem !important; }
.w-5 { width: 1.25rem !important; }
.w-6 { width: 1.5rem !important; }
.w-8 { width: 2rem !important; }
.w-10 { width: 2.5rem !important; }
.w-12 { width: 3rem !important; }
.w-16 { width: 4rem !important; }
.w-full { width: 100% !important; }
.h-0\.5 { height: 0.125rem !important; }
.h-4 { height: 1rem !important; }
.h-5 { height: 1.25rem !important; }
.h-6 { height: 1.5rem !important; }
.h-8 { height: 2rem !important; }
.h-10 { height: 2.5rem !important; }
.h-12 { height: 3rem !important; }
.h-full { height: 100% !important; }

/* 디스플레이 */
.block { display: block !important; }

/* 패딩 */
.py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.pt-4 { padding-top: 1rem !important; }
.pt-6 { padding-top: 1.5rem !important; }

/* 마진 */
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-4 { margin-top: 1rem !important; }
.mt-6 { margin-top: 1.5rem !important; }

/* 테두리 */
.border-t-2 { border-top-width: 2px !important; border-top-style: solid !important; }
.border-slate-200 { border-color: #e2e8f0 !important; }
.border-moohyup-gold { border-color: #c5a05c !important; }

/* 최대 너비 */
.max-w-6xl { max-width: 72rem !important; }
.max-w-2xl { max-width: 42rem !important; }

/* Flexbox */
.flex { display: flex !important; }
.inline-flex { display: inline-flex !important; }
.hidden { display: none !important; }
.flex-col { flex-direction: column !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-1 { flex: 1 1 0% !important; }
.items-center { align-items: center !important; }
.items-start { align-items: flex-start !important; }
.justify-center { justify-content: center !important; }
.justify-between { justify-content: space-between !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-1\.5 { gap: 0.375rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 0.75rem !important; }
.gap-4 { gap: 1rem !important; }
.space-y-4 > * + * { margin-top: 1rem !important; }
.space-y-3 > * + * { margin-top: 0.75rem !important; }
.space-y-0\.5 > * + * { margin-top: 0.125rem !important; }

/* 너비/최소 너비 관련 */
.min-w-0 { min-width: 0 !important; }
.w-14 { width: 3.5rem !important; }
.h-14 { height: 3.5rem !important; }

/* Divide 유틸리티 */
.divide-y > * + * { border-top-width: 1px !important; border-top-style: solid !important; }
.divide-slate-100 > * + * { border-top-color: #f1f5f9 !important; }
.divide-slate-200 > * + * { border-top-color: #e2e8f0 !important; }

/* 텍스트 줄바꿈/높이 */
.leading-tight { line-height: 1.25 !important; }

/* Object fit */
.object-cover { object-fit: cover !important; }

/* Grid */
.grid { display: grid !important; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }

/* 텍스트 */
.text-xs { font-size: 0.75rem !important; line-height: 1rem !important; }
.text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; }
.text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
.text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; }
.text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
.text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.font-medium { font-weight: 500 !important; }
.font-semibold { font-weight: 600 !important; }
.font-bold { font-weight: 700 !important; }
.font-display { font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif !important; }
.leading-relaxed { line-height: 1.625 !important; }
.accent-moohyup-gold { accent-color: #c5a05c !important; }

/* 위치 */
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.bottom-0 { bottom: 0 !important; }
.left-0 { left: 0 !important; }
.right-0 { right: 0 !important; }
.z-40 { z-index: 40 !important; }

/* 전환 효과 */
.transition-all { transition: all 0.15s ease !important; }
.transition-colors { transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important; }
.transition-transform { transition: transform 0.15s ease !important; }
.rotate-180 { transform: rotate(180deg) !important; }

/* 오버플로우 */
.overflow-hidden { overflow: hidden !important; }

/* 커서 */
.cursor-pointer { cursor: pointer !important; }

/* 반응형 - SM (640px+) */
@media (min-width: 640px) {
	.sm\:block { display: block !important; }
	.sm\:flex-row { flex-direction: row !important; }
	.sm\:items-center { align-items: center !important; }
	.sm\:justify-between { justify-content: space-between !important; }
	.sm\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
	.sm\:px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
	.sm\:px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
	.sm\:px-8 { padding-left: 2rem !important; padding-right: 2rem !important; }
	.sm\:py-2\.5 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
	.sm\:py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
	.sm\:py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
	.sm\:p-3 { padding: 0.75rem !important; }
	.sm\:p-4 { padding: 1rem !important; }
	.sm\:p-5 { padding: 1.25rem !important; }
	.sm\:pb-48 { padding-bottom: 12rem !important; }
	.sm\:mb-6 { margin-bottom: 1.5rem !important; }
	.sm\:mt-6 { margin-top: 1.5rem !important; }
	.sm\:ml-0 { margin-left: 0 !important; }
	.sm\:ml-2 { margin-left: 0.5rem !important; }
	.sm\:gap-4 { gap: 1rem !important; }
	.sm\:gap-2 { gap: 0.5rem !important; }
	.sm\:w-5 { width: 1.25rem !important; }
	.sm\:w-6 { width: 1.5rem !important; }
	.sm\:w-10 { width: 2.5rem !important; }
	.sm\:w-12 { width: 3rem !important; }
	.sm\:w-16 { width: 4rem !important; }
	.sm\:h-5 { height: 1.25rem !important; }
	.sm\:h-6 { height: 1.5rem !important; }
	.sm\:h-10 { height: 2.5rem !important; }
	.sm\:h-12 { height: 3rem !important; }
	.sm\:text-xs { font-size: 0.75rem !important; }
	.sm\:text-sm { font-size: 0.875rem !important; }
	.sm\:text-base { font-size: 1rem !important; }
	.sm\:text-lg { font-size: 1.125rem !important; }
	.sm\:text-xl { font-size: 1.25rem !important; }
	.sm\:rounded-xl { border-radius: 0.75rem !important; }
}

/* 반응형 - LG (1024px+) */
@media (min-width: 1024px) {
	.lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.lg\:px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
	.lg\:p-6 { padding: 1.5rem !important; }
	.lg\:gap-6 { gap: 1.5rem !important; }
	.lg\:text-2xl { font-size: 1.5rem !important; }
}

/* 호버 상태 */
.hover\:bg-blue-700:hover { background-color: #1d4ed8 !important; }
.hover\:bg-moohyup-gold:hover { background-color: #c5a05c !important; }
.hover\:from-amber-600:hover { --tw-gradient-from: #d97706; }
.hover\:to-amber-700:hover { --tw-gradient-to: #b45309; }
.hover\:text-slate-600:hover { color: #475569 !important; }
.group:hover .group-hover\:text-slate-600 { color: #475569 !important; }


/* ─────────────────────────────────────────────────────────────────────── 
   공통 페이지 레이아웃
   ─────────────────────────────────────────────────────────────────────── */

/* WooCommerce 페이지 기본 배경 */
.woocommerce-page {
	background: linear-gradient(to bottom, var(--wc-gray-50), var(--wc-white));
}

/* 컨테이너 기본 설정 */
.woocommerce-page .container,
.woocommerce-page .entry-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem;
}


/* ─────────────────────────────────────────────────────────────────────── 
   버튼 스타일 (글로벌)
   ─────────────────────────────────────────────────────────────────────── */

/* 기본 버튼 (골드) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-block-components-button {
	background: linear-gradient(135deg, var(--wc-gold) 0%, #b8934f 100%);
	color: var(--wc-black);
	border: none;
	border-radius: 12px;
	padding: 0.875rem 1.75rem;
	font-weight: 700;
	font-size: 0.9375rem;
	font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
	letter-spacing: 0.02em;
	text-transform: none;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	box-shadow: 0 4px 14px rgba(197, 160, 92, 0.25);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-block-components-button:hover {
	background: linear-gradient(135deg, var(--wc-gold-hover) 0%, var(--wc-gold) 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(197, 160, 92, 0.35);
}

/* Alt 버튼 (다크) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: linear-gradient(135deg, var(--wc-black) 0%, #1a1a1a 100%);
	color: var(--wc-gold);
	box-shadow: 0 4px 14px rgba(5, 5, 5, 0.25);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
	color: var(--wc-gold-hover);
}

/* 비활성화 버튼 */
.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.woocommerce input.button:disabled {
	background: var(--wc-gray-200);
	color: var(--wc-gray-500);
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}


/* ─────────────────────────────────────────────────────────────────────── 
   폼 요소 스타일
   ─────────────────────────────────────────────────────────────────────── */

.woocommerce form .form-row {
	margin-bottom: 1.25rem;
}

.woocommerce form .form-row label {
	display: block;
	font-weight: 600;
	color: var(--wc-gray-700);
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="password"],
.woocommerce-page textarea,
.woocommerce-page select {
	width: 100%;
	padding: 0.875rem 1rem;
	border: 2px solid var(--wc-gray-200);
	border-radius: 10px;
	font-size: 1rem;
	color: var(--wc-gray-900);
	background-color: var(--wc-white);
	transition: all 0.2s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page input:focus,
.woocommerce-page textarea:focus,
.woocommerce-page select:focus {
	outline: none;
	border-color: var(--wc-gold);
	box-shadow: 0 0 0 4px rgba(197, 160, 92, 0.15);
}

/* 필수 항목 표시 */
.woocommerce form .form-row .required {
	color: var(--wc-error);
	font-weight: 700;
}

/* 에러 상태 */
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
	border-color: var(--wc-error);
	box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);
}


/* ─────────────────────────────────────────────────────────────────────── 
   알림 메시지
   ─────────────────────────────────────────────────────────────────────── */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	padding: 1rem 1.5rem;
	margin-bottom: 1.5rem;
	border-radius: 12px;
	border-left: 4px solid;
	font-size: 0.9375rem;
}

.woocommerce-message {
	background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
	border-left-color: var(--wc-success);
	color: #166534;
}

.woocommerce-info {
	background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
	border-left-color: var(--wc-info);
	color: #1e40af;
}

.woocommerce-error {
	background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
	border-left-color: var(--wc-error);
	color: #991b1b;
}

.woocommerce-error li {
	list-style: none;
	margin: 0;
}


/* ─────────────────────────────────────────────────────────────────────── 
   SHOP 페이지 (archive-product)
   ─────────────────────────────────────────────────────────────────────── */

/* Shop 헤더 - 무협 스타일 (블랙 + 골드) */
.mocam-shop header {
	background: linear-gradient(135deg, var(--wc-black) 0%, #1a1a1a 50%, #0f0f0f 100%) !important;
}

.mocam-shop header .text-amber-100 {
	color: rgba(197, 160, 92, 0.7) !important;
}

.mocam-shop header .text-white {
	color: var(--wc-white) !important;
}

.mocam-shop header .bg-white\/10,
.mocam-shop header .bg-white\/20 {
	background-color: rgba(197, 160, 92, 0.15) !important;
}

.mocam-shop header a.hover\:text-white:hover {
	color: var(--wc-gold) !important;
}

/* 카테고리 버튼 스타일 */
.mocam-shop header .bg-white,
.mocam-shop header .bg-white\/90 {
	background-color: var(--wc-gold) !important;
	color: var(--wc-black) !important;
}

.mocam-shop header a.hover\:bg-white:hover {
	background-color: var(--wc-gold-hover) !important;
}

/* 상품 그리드 */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.5rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

/* 상품 카드 */
.woocommerce ul.products li.product {
	background: var(--wc-white);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border: 1px solid var(--wc-gray-100);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	margin: 0;
	padding: 0;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
	border-color: var(--wc-gold);
}

/* 상품 이미지 */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 0;
}

/* 상품 제목 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
	padding: 1rem 1rem 0.5rem;
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--wc-gray-900);
	font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
}

/* 가격 스타일 */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: var(--wc-gold);
	font-weight: 800;
	font-size: 1.25rem;
	font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
}

.woocommerce ul.products li.product .price {
	padding: 0 1rem 0.75rem;
}

/* 장바구니 버튼 */
.woocommerce ul.products li.product .button {
	margin: 0 1rem 1rem;
	width: calc(100% - 2rem);
}

/* 세일 배지 */
.woocommerce span.onsale {
	position: absolute;
	top: 12px;
	left: 12px;
	background: linear-gradient(135deg, var(--wc-gold) 0%, #b8934f 100%);
	color: var(--wc-black);
	font-weight: 700;
	font-size: 0.75rem;
	padding: 0.375rem 0.875rem;
	border-radius: 20px;
	z-index: 10;
	letter-spacing: 0.05em;
}

/* 결과 카운트 & 정렬 */
.woocommerce .woocommerce-result-count {
	color: var(--wc-gray-500);
	font-size: 0.875rem;
	margin: 0;
}

.woocommerce .woocommerce-ordering select {
	padding: 0.625rem 2.5rem 0.625rem 1rem;
	border: 2px solid var(--wc-gray-200);
	border-radius: 10px;
	background: var(--wc-white);
	font-size: 0.875rem;
	color: var(--wc-gray-700);
	cursor: pointer;
}

.woocommerce .woocommerce-ordering select:focus {
	outline: none;
	border-color: var(--wc-gold);
}


/* ─────────────────────────────────────────────────────────────────────── 
   단일 상품 페이지 (single-product)
   ─────────────────────────────────────────────────────────────────────── */

/* 상품 헤더 */
.mocam-single-product header {
	background: linear-gradient(135deg, var(--wc-gray-50) 0%, var(--wc-white) 50%, rgba(197, 160, 92, 0.05) 100%) !important;
}

/* 브레드크럼 스타일 */
.mocam-single-product nav a.hover\:text-amber-600:hover {
	color: var(--wc-gold) !important;
}

/* 상품 갤러리 */
.woocommerce div.product div.images {
	margin-bottom: 2rem;
}

.woocommerce div.product div.images img {
	border-radius: 16px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* 상품 요약 */
.woocommerce div.product .summary {
	padding: 0;
}

.woocommerce div.product .product_title {
	font-size: 1.75rem;
	font-weight: 800;
	color: var(--wc-black);
	margin-bottom: 1rem;
	font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--wc-gray-700);
	line-height: 1.8;
	margin-bottom: 1.5rem;
}

/* 수량 입력 */
.woocommerce .quantity .qty {
	width: 80px;
	padding: 0.75rem;
	border: 2px solid var(--wc-gray-200);
	border-radius: 10px;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
}

.woocommerce .quantity .qty:focus {
	outline: none;
	border-color: var(--wc-gold);
}

/* 탭 스타일 */
.woocommerce div.product .woocommerce-tabs {
	margin-top: 3rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
	margin: 0 0 2rem;
	border-bottom: 2px solid var(--wc-gray-200);
	display: flex;
	gap: 0;
	list-style: none;
	overflow: visible;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 1rem 1.5rem;
	color: var(--wc-gray-500);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	transition: all 0.2s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--wc-gray-700);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--wc-gold);
	border-bottom-color: var(--wc-gold);
}

.woocommerce div.product .woocommerce-tabs .panel {
	background: var(--wc-white);
	padding: 2rem;
	border-radius: 12px;
	border: 1px solid var(--wc-gray-100);
}


/* ─────────────────────────────────────────────────────────────────────── 
   장바구니 페이지 (cart)
   ─────────────────────────────────────────────────────────────────────── */

/* 장바구니 래퍼 배경 */
.mocam-cart-wrapper {
	background: transparent;
}

/* 장바구니 테이블 */
.woocommerce table.shop_table {
	border: none;
	border-radius: 16px;
	overflow: hidden;
	background: var(--wc-white);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.woocommerce table.shop_table thead {
	background: var(--wc-black);
}

.woocommerce table.shop_table thead th {
	color: var(--wc-gold);
	font-weight: 700;
	font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
	padding: 1rem 1.25rem;
	border: none;
}

.woocommerce table.shop_table td {
	padding: 1.25rem;
	border-bottom: 1px solid var(--wc-gray-100);
	vertical-align: middle;
}

.woocommerce table.shop_table tr:last-child td {
	border-bottom: none;
}

/* 장바구니 금액 강조 */
.woocommerce-cart .cart-subtotal td,
.woocommerce-cart .order-total td {
	font-weight: 700;
	color: var(--wc-gold);
	font-size: 1.125rem;
}

/* 장바구니 Sticky Footer */
#cart-sticky-footer {
	background: var(--wc-white);
	border-top: 2px solid var(--wc-gray-100);
}

#cart-sticky-footer .font-display {
	font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
}

#cart-sticky-footer .text-amber-600 {
	color: var(--wc-gold) !important;
}

#cart-sticky-footer .bg-gradient-to-r {
	background: linear-gradient(135deg, var(--wc-gold) 0%, #b8934f 100%) !important;
}

#cart-sticky-footer .sticky-footer-inner,
#checkout-sticky-footer .sticky-footer-inner {
	max-width: 1140px;
	margin: 0 auto;
	width: 100%;
}

#cart-sticky-footer .shadow-amber-500\/30 {
	box-shadow: 0 8px 24px rgba(197, 160, 92, 0.3);
}


/* ─────────────────────────────────────────────────────────────────────── 
   장바구니 비어있음
   ─────────────────────────────────────────────────────────────────────── */

.woocommerce-cart .cart-empty {
	text-align: center;
	padding: 4rem 2rem;
	background: var(--wc-white);
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.woocommerce-cart .return-to-shop {
	margin-top: 2rem;
}


/* ─────────────────────────────────────────────────────────────────────── 
   체크아웃 페이지 (checkout)
   ─────────────────────────────────────────────────────────────────────── */

/* 체크아웃 래퍼 */
.mocam-checkout-wrapper {
	background: #f8fafc !important;
}

/* 체크아웃 페이지 전체 배경 */
.woocommerce-checkout .page-content-area,
.woocommerce-checkout .entry-content,
.woocommerce-checkout .content-area {
	background: #f8fafc !important;
}

/* 폼 영역 배경 (흰색) */
.woocommerce-checkout #customer_details > div {
	background: #ffffff !important;
}

/* 진행 단계 표시 */
.mocam-checkout-wrapper .bg-amber-500 {
	background-color: var(--wc-gold) !important;
}

/* 청구/배송 정보 카드 */
.woocommerce-checkout .bg-white {
	background: var(--wc-white);
}

/* 섹션 제목 스타일 */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
	font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	color: var(--wc-black);
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 3px solid var(--wc-gold);
}

/* 주문 내역 헤더 */
.mocam-checkout-wrapper .bg-gradient-to-r {
	background: linear-gradient(135deg, var(--wc-black) 0%, #1a1a1a 100%) !important;
}

.mocam-checkout-wrapper .bg-gradient-to-r h3 {
	color: var(--wc-gold) !important;
}

/* 주문 테이블 */
.woocommerce-checkout-review-order-table {
	border: none;
	width: 100%;
}

/* ─────────────────────────────────────────────────────────────────────── 
   주문 내역 상품 목록 (review-order.php) 강제 스타일링
   ─────────────────────────────────────────────────────────────────────── */
   
/* 상품 아이템 래퍼 */
.woocommerce-checkout-review-order-table .cart_item {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	padding: 1rem 0 !important;
	gap: 1rem !important;
}

/* 상품 정보 영역 */
.woocommerce-checkout-review-order-table .cart_item > div:first-child {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.75rem !important;
	flex: 1 !important;
	min-width: 0 !important;
}

/* 상품 썸네일 컨테이너 - 크기 강제 고정 */
.woocommerce-checkout-review-order-table .cart_item .w-14 {
	width: 3.5rem !important;
	height: 3.5rem !important;
	min-width: 3.5rem !important;
	max-width: 3.5rem !important;
	min-height: 3.5rem !important;
	max-height: 3.5rem !important;
	flex-shrink: 0 !important;
	background-color: #f1f5f9 !important;
	border-radius: 0.5rem !important;
	overflow: hidden !important;
}

/* 상품 썸네일 이미지 - 강제 크기 맞춤 */
.woocommerce-checkout-review-order-table .cart_item .w-14 img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	max-width: 3.5rem !important;
	max-height: 3.5rem !important;
}

/* 상품명 */
.woocommerce-checkout-review-order-table .cart_item .product-name {
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	color: #1e293b !important;
	line-height: 1.25 !important;
	margin: 0 !important;
}

/* 수량 */
.woocommerce-checkout-review-order-table .cart_item .product-quantity {
	font-size: 0.75rem !important;
	color: #64748b !important;
	display: block !important;
	margin-top: 0.25rem !important;
}

/* 메타 정보 (신청자, 연락처 등) */
.woocommerce-checkout-review-order-table .cart_item .cart-item-meta {
	font-size: 0.75rem !important;
	color: #64748b !important;
	margin-top: 0.5rem !important;
}

.woocommerce-checkout-review-order-table .cart_item .cart-item-meta dl {
	display: block !important;
	margin: 0 !important;
}

.woocommerce-checkout-review-order-table .cart_item .cart-item-meta dt {
	display: inline !important;
	font-weight: 500 !important;
	color: #64748b !important;
}

.woocommerce-checkout-review-order-table .cart_item .cart-item-meta dd {
	display: inline !important;
	margin: 0 0 0 0.25rem !important;
	color: #475569 !important;
}

.woocommerce-checkout-review-order-table .cart_item .cart-item-meta dd::after {
	content: '' !important;
	display: block !important;
}

.woocommerce-checkout-review-order-table .cart_item .cart-item-meta p {
	margin: 0 !important;
	display: inline !important;
}

/* 가격 */
.woocommerce-checkout-review-order-table .cart_item .product-total {
	text-align: right !important;
	flex-shrink: 0 !important;
}

.woocommerce-checkout-review-order-table .cart_item .product-total span {
	font-weight: 600 !important;
	color: #1e293b !important;
	font-size: 0.875rem !important;
}

.woocommerce-checkout-review-order-table thead {
	background: var(--wc-gray-50);
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	padding: 1rem;
	border-bottom: 1px solid var(--wc-gray-100);
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
	font-weight: 700;
	font-size: 1.125rem;
	background: var(--wc-gray-50);
}

.woocommerce-checkout-review-order-table .order-total .amount {
	color: var(--wc-gold);
}

/* 결제 방법 */
#payment {
	background: var(--wc-gray-50);
	border-radius: 12px;
	padding: 1.5rem;
	margin-top: 1.5rem;
}

#payment ul.payment_methods {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem;
	border: none;
}

#payment ul.payment_methods li {
	padding: 1rem;
	margin-bottom: 0.5rem;
	background: var(--wc-white);
	border: 2px solid var(--wc-gray-200);
	border-radius: 10px;
	transition: all 0.2s ease;
}

#payment ul.payment_methods li:hover {
	border-color: var(--wc-gold);
}

#payment ul.payment_methods li.wc_payment_method input[type="radio"] {
	accent-color: var(--wc-gold);
}

#payment .place-order {
	padding: 0;
	margin-top: 1rem;
}

#payment #place_order {
	width: 100%;
	padding: 1rem 2rem;
	font-size: 1.125rem;
}

/* Checkout Sticky Footer */
#checkout-sticky-footer {
	background: var(--wc-white);
	border-top: 2px solid var(--wc-gray-100);
}

#checkout-sticky-footer .text-amber-600 {
	color: var(--wc-gold) !important;
}

#checkout-sticky-footer .bg-gradient-to-r {
	background: linear-gradient(135deg, var(--wc-gold) 0%, #b8934f 100%) !important;
}

#toggle-cart-summary {
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 12px;
    background: #f7f9fc;
    padding: 0.65rem 0.9rem;
    min-width: 170px;
    text-align: left;
    white-space: nowrap;
    color: #0f172a;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

#toggle-cart-summary svg {
    margin-left: auto;
    transition: transform 0.2s ease;
}

#toggle-cart-summary:hover {
    border-color: rgba(197, 160, 92, 0.4);
}


/* ─────────────────────────────────────────────────────────────────────── 
   내 계정 페이지 (my-account)
   ─────────────────────────────────────────────────────────────────────── */

/* 계정 래퍼 */
.mocam-myaccount-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem;
	background: #f8fafc;
	min-height: calc(100vh - 200px);
}

.mocam-myaccount-container {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 2rem;
	align-items: start;
}

/* 사이드 내비게이션 */
.mocam-myaccount-nav {
	position: sticky;
	top: 100px;
}

.woocommerce-MyAccount-navigation {
	background: var(--wc-white);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border: 1px solid var(--wc-gray-100);
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
	margin: 0;
	border-bottom: 1px solid var(--wc-gray-100);
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 1.25rem;
	color: var(--wc-gray-700);
	font-weight: 500;
	text-decoration: none;
	transition: all 0.2s ease;
	position: relative;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--wc-gray-50);
	color: var(--wc-gold);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	background: linear-gradient(135deg, var(--wc-gold) 0%, #b8934f 100%);
	color: var(--wc-black);
	font-weight: 700;
}

/* 내비게이션 아이콘 (의사 요소) */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before { content: '📊'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before { content: '📦'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before { content: '📥'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { content: '🏠'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { content: '👤'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: '🚪'; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: '💳'; }

/* 메인 콘텐츠 영역 */
.mocam-myaccount-content {
	min-height: 400px;
}

.woocommerce-MyAccount-content {
	background: var(--wc-white);
	border-radius: 16px;
	padding: 2rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border: 1px solid var(--wc-gray-100);
}

/* 주문 테이블 */
.woocommerce-MyAccount-content table.woocommerce-orders-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.woocommerce-MyAccount-content table.woocommerce-orders-table thead th {
	background: var(--wc-gray-50);
	padding: 1rem;
	font-weight: 700;
	color: var(--wc-gray-700);
	text-align: left;
	border-bottom: 2px solid var(--wc-gray-200);
}

.woocommerce-MyAccount-content table.woocommerce-orders-table tbody td {
	padding: 1rem;
	border-bottom: 1px solid var(--wc-gray-100);
	vertical-align: middle;
}

/* 주문 상태 배지 */
.woocommerce-orders-table__cell-order-status {
	font-weight: 600;
}


/* ─────────────────────────────────────────────────────────────────────── 
   로그인/회원가입 폼
   ─────────────────────────────────────────────────────────────────────── */

.woocommerce-form-login,
.woocommerce-form-register {
	background: var(--wc-white);
	padding: 2rem;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border: 1px solid var(--wc-gray-100);
}

.woocommerce-form-login h2,
.woocommerce-form-register h2 {
	font-family: 'SBAggroB', 'Pretendard', system-ui, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--wc-black);
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 3px solid var(--wc-gold);
}

/* 비밀번호 표시/숨김 토글 */
.woocommerce-form-login .show-password-input,
.woocommerce-form-register .show-password-input {
	color: var(--wc-gray-500);
	cursor: pointer;
}

/* 기억하기 체크박스 */
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
}

.woocommerce-form-login input[type="checkbox"] {
	width: 1.25rem;
	height: 1.25rem;
	accent-color: var(--wc-gold);
}

/* 비밀번호 분실 링크 */
.woocommerce-form-login .woocommerce-LostPassword a {
	color: var(--wc-gold);
	text-decoration: none;
	font-weight: 500;
}

.woocommerce-form-login .woocommerce-LostPassword a:hover {
	text-decoration: underline;
}


/* ─────────────────────────────────────────────────────────────────────── 
   페이지네이션
   ─────────────────────────────────────────────────────────────────────── */

.woocommerce nav.woocommerce-pagination {
	text-align: center;
	margin-top: 3rem;
}

.woocommerce nav.woocommerce-pagination ul {
	display: inline-flex;
	gap: 0.5rem;
	list-style: none;
	padding: 0;
	margin: 0;
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: none;
	margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 0.75rem;
	background: var(--wc-white);
	color: var(--wc-gray-700);
	border: 2px solid var(--wc-gray-200);
	border-radius: 10px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	border-color: var(--wc-gold);
	color: var(--wc-gold);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: linear-gradient(135deg, var(--wc-gold) 0%, #b8934f 100%);
	color: var(--wc-black);
	border-color: var(--wc-gold);
}


/* ─────────────────────────────────────────────────────────────────────── 
   브레드크럼
   ─────────────────────────────────────────────────────────────────────── */

.woocommerce-breadcrumb {
	font-size: 0.875rem;
	color: var(--wc-gray-500);
	margin-bottom: 1.5rem;
}

.woocommerce-breadcrumb a {
	color: var(--wc-gold);
	text-decoration: none;
	transition: color 0.2s ease;
}

.woocommerce-breadcrumb a:hover {
	color: var(--wc-gold-hover);
	text-decoration: underline;
}


/* ─────────────────────────────────────────────────────────────────────── 
   반응형 스타일
   ─────────────────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
	/* 내 계정 네비게이션 - 태블릿 */
	.mocam-myaccount-container {
		grid-template-columns: 1fr;
	}
	
	.mocam-myaccount-nav {
		position: static;
	}
	
	.woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		padding: 1rem;
	}
	
	.woocommerce-MyAccount-navigation ul li {
		border: none;
		flex: 0 0 auto;
	}
	
	.woocommerce-MyAccount-navigation ul li a {
		padding: 0.5rem 1rem;
		border-radius: 8px;
		border: 1px solid var(--wc-gray-200);
	}
}

@media (max-width: 768px) {
	/* 상품 그리드 - 모바일 */
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	
	.woocommerce ul.products li.product a img {
		height: 150px;
	}
	
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 0.9375rem;
		padding: 0.75rem 0.75rem 0.375rem;
	}
	
	.woocommerce ul.products li.product .price {
		font-size: 1rem;
		padding: 0 0.75rem 0.5rem;
	}
	
	.woocommerce ul.products li.product .button {
		margin: 0 0.75rem 0.75rem;
		width: calc(100% - 1.5rem);
		padding: 0.625rem 1rem;
		font-size: 0.8125rem;
	}
	
	/* 테이블 - 모바일 */
	.woocommerce table.shop_table thead {
		display: none;
	}
	
	.woocommerce table.shop_table tr {
		display: block;
		margin-bottom: 1rem;
		border: 1px solid var(--wc-gray-200);
		border-radius: 12px;
		overflow: hidden;
	}
	
	.woocommerce table.shop_table td {
		display: flex;
		justify-content: space-between;
		padding: 0.75rem 1rem;
		border-bottom: 1px solid var(--wc-gray-100);
	}
	
	.woocommerce table.shop_table td::before {
		content: attr(data-title);
		font-weight: 600;
		color: var(--wc-gray-700);
	}
	
	/* 체크아웃 - 모바일 */
	.woocommerce-checkout #customer_details {
		grid-template-columns: 1fr;
	}
	
	/* 내 계정 - 모바일 */
	.woocommerce-MyAccount-content {
		padding: 1rem;
	}
	
	.woocommerce-MyAccount-navigation ul li a {
		font-size: 0.875rem;
		padding: 0.375rem 0.75rem;
	}
}

@media (max-width: 480px) {
	/* 상품 그리드 - 소형 모바일 */
	.woocommerce ul.products {
		grid-template-columns: 1fr;
	}
	
	.woocommerce ul.products li.product a img {
		height: 200px;
	}
}


/* ─────────────────────────────────────────────────────────────────────── 
   다크모드 지원 (선택적)
   ─────────────────────────────────────────────────────────────────────── */

@media (prefers-color-scheme: dark) {
	/* 필요시 다크모드 스타일 추가 */
}


/* ─────────────────────────────────────────────────────────────────────── 
   무협 테마 커스텀 유틸리티 클래스
   amber 대체 색상 (Tailwind 스타일 클래스)
   ─────────────────────────────────────────────────────────────────────── */

/* 텍스트 색상 */
.text-moohyup-gold { color: #c5a05c !important; }
.text-moohyup-gold-dark { color: #b8934f !important; }
.text-moohyup-gold-light { color: #d4b06a !important; }

/* 배경 색상 */
.bg-moohyup-gold { background-color: #c5a05c !important; }
.bg-moohyup-gold-dark { background-color: #b8934f !important; }
.bg-moohyup-gold-light { background-color: rgba(197, 160, 92, 0.1) !important; }
.bg-moohyup-gold-gradient { background: linear-gradient(135deg, #c5a05c 0%, #b8934f 100%) !important; }

/* 호버 배경 */
.hover\:bg-moohyup-gold:hover { background-color: #c5a05c !important; }
.hover\:from-moohyup-gold:hover { --tw-gradient-from: #c5a05c !important; }
.hover\:to-moohyup-gold:hover { --tw-gradient-to: #b8934f !important; }

/* 테두리 색상 */
.border-moohyup-gold { border-color: #c5a05c !important; }
.focus\:border-moohyup-gold:focus { border-color: #c5a05c !important; }

/* 악센트 색상 */
.accent-moohyup-gold { accent-color: #c5a05c !important; }

/* 그림자 */
.shadow-moohyup-gold { box-shadow: 0 8px 20px rgba(197, 160, 92, 0.3) !important; }
.shadow-moohyup-gold\/30 { box-shadow: 0 8px 20px rgba(197, 160, 92, 0.3) !important; }
.shadow-moohyup-gold\/50 { box-shadow: 0 8px 20px rgba(197, 160, 92, 0.5) !important; }

/* 링 (포커스) */
.ring-moohyup-gold { --tw-ring-color: #c5a05c !important; }
.ring-moohyup-gold-light { --tw-ring-color: rgba(197, 160, 92, 0.2) !important; }
.focus\:ring-moohyup-gold:focus { --tw-ring-color: #c5a05c !important; }
.focus\:ring-moohyup-gold-light:focus { --tw-ring-color: rgba(197, 160, 92, 0.2) !important; }

/* 그라데이션 시작/끝 */
.from-moohyup-gold { --tw-gradient-from: #c5a05c !important; }
.to-moohyup-gold { --tw-gradient-to: #b8934f !important; }
.to-moohyup-gold-dark { --tw-gradient-to: #a38342 !important; }


/* ─────────────────────────────────────────────────────────────────────── 
   Tailwind amber 색상 오버라이드 (남아있는 amber 클래스 처리)
   ─────────────────────────────────────────────────────────────────────── */

/* 텍스트 */
.text-amber-500, .text-amber-600, .text-amber-700 { color: #c5a05c !important; }
.text-amber-400 { color: #d4b06a !important; }
.hover\:text-amber-600:hover, .hover\:text-amber-700:hover { color: #b8934f !important; }

/* 배경 */
.bg-amber-500, .bg-amber-600 { background-color: #c5a05c !important; }
.bg-amber-50, .bg-amber-100 { background-color: rgba(197, 160, 92, 0.1) !important; }
.hover\:bg-amber-600:hover, .hover\:bg-amber-700:hover { background-color: #b8934f !important; }

/* 그라데이션 */
.from-amber-500, .from-amber-600 { --tw-gradient-from: #c5a05c !important; }
.to-amber-600, .to-amber-700 { --tw-gradient-to: #b8934f !important; }
.via-amber-600 { --tw-gradient-via: #b8934f !important; }

/* 테두리 */
.border-amber-500, .border-amber-600 { border-color: #c5a05c !important; }
.border-amber-200 { border-color: rgba(197, 160, 92, 0.3) !important; }
.focus\:border-amber-500:focus { border-color: #c5a05c !important; }
.hover\:border-amber-200:hover { border-color: rgba(197, 160, 92, 0.4) !important; }

/* 악센트 */
.accent-amber-500 { accent-color: #c5a05c !important; }

/* 링/그림자 */
.ring-amber-200, .ring-amber-500 { --tw-ring-color: rgba(197, 160, 92, 0.3) !important; }
.focus\:ring-amber-200:focus { --tw-ring-color: rgba(197, 160, 92, 0.2) !important; }
.shadow-amber-500\/30 { box-shadow: 0 8px 20px rgba(197, 160, 92, 0.3) !important; }
.shadow-amber-500\/50 { box-shadow: 0 8px 20px rgba(197, 160, 92, 0.5) !important; }
.hover\:shadow-amber-500\/50:hover { box-shadow: 0 12px 28px rgba(197, 160, 92, 0.5) !important; }