/**
 * 오라클래스 전역 디자인 톤 — 메인페이지 리디자인과 헤더/푸터/브랜드 컬러 통일
 * (functions.php에서 모든 페이지에 로드됨)
 */

body {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", "Malgun Gothic", sans-serif;
	letter-spacing: -0.01em;
}

/* 브랜드 컬러: 테마 파랑 → 오라클래스 주황 */
:root {
	--cf-color-brand: #FA623B;
}

/* 헤더 */
.site-header {
	background: #FDFBF8;
	border-bottom: 1px solid #EFE9E0;
}
.main-navigation > ul > li > a {
	color: #221C15;
	font-weight: 600;
}
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li.current-menu-item > a {
	color: #C2431C;
}

/* 푸터 */
.site-footer {
	background-color: #F5F0EA;
	border-top: 1px solid #EFE9E0;
}

/* ── 헤더 개편 (2026-07-29, 시안 A + C-1) ──
 * 일반 메뉴는 로고 옆 왼쪽 정렬, 회원 영역만 오른쪽 분리.
 * - 비로그인: 로그인(딥 오렌지 텍스트) / 회원가입(주황 버튼)
 *   → cosmosfarm-members가 메뉴 끝에 자동 주입 (.cosmosfarm-members-login/-register)
 * - 로그인 후: 장바구니(아이콘+뱃지) / 회원정보·로그아웃(회색) / 내 강의실(주황 버튼)
 *   → 장바구니·내 강의실은 functions.php 필터가 au-menu-cart/-classroom 클래스 부여
 *   → 로그아웃/회원정보는 플러그인 주입 (.cosmosfarm-members-logout/-account) */

/* 로그인: 브랜드 딥 오렌지 텍스트 (모든 해상도) */
.main-navigation > ul > li.cosmosfarm-members-login > a {
	color: #C2431C;
	font-weight: 700;
}
.main-navigation > ul > li.cosmosfarm-members-login:hover > a {
	color: #FA623B;
}

/* 장바구니 아이콘/뱃지 공통 */
.main-navigation li.au-menu-cart > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.au-cart-icon { display: block; flex: 0 0 auto; }
.au-cart-count {
	background: #FA623B;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	min-width: 15px;
	height: 15px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 3px;
}
.au-cart-count.au-cart-empty { display: none; }

@media (min-width: 992px) {
	/* 데스크톱: 메뉴 영역을 넓혀 회원 항목만 오른쪽 끝으로 */
	.main-navigation {
		flex: 1;
		margin-left: 48px;
		min-width: 0;
	}
	.main-navigation > ul {
		width: 100%;
	}

	/* ── 비로그인 ── */
	.main-navigation > ul > li.cosmosfarm-members-login {
		margin-left: auto;
	}
	.main-navigation > ul > li.cosmosfarm-members-register {
		margin-left: -10px; /* ul gap 32px 보정 → 22px */
	}
	.main-navigation > ul > li.cosmosfarm-members-register > a {
		background: #FA623B;
		color: #fff;
		font-weight: 700;
		font-size: 15px;
		line-height: 1;
		padding: 10px 20px;
		border-radius: 8px;
		transition: background .2s;
	}
	.main-navigation > ul > li.cosmosfarm-members-register:hover > a {
		background: #E5522C;
		color: #fff;
	}

	/* ── 로그인 후: [장바구니] [회원정보] [로그아웃] [내 강의실] 순서로 오른쪽 배치 ── */
	.main-navigation > ul > li.au-menu-cart {
		order: 1;
		margin-left: auto;
	}
	.main-navigation > ul > li.cosmosfarm-members-account {
		order: 2;
		margin-left: -12px;
	}
	.main-navigation > ul > li.cosmosfarm-members-logout {
		order: 3;
		margin-left: -12px;
	}
	.main-navigation > ul > li.au-menu-classroom {
		order: 4;
		margin-left: -12px;
	}

	/* 장바구니: 아이콘만 (텍스트 숨김), 뱃지는 우상단 */
	.main-navigation li.au-menu-cart > a {
		position: relative;
		color: #221C15;
	}
	.main-navigation li.au-menu-cart:hover > a { color: #C2431C; }
	.main-navigation li.au-menu-cart .au-cart-label { display: none; }
	.main-navigation li.au-menu-cart .au-cart-count {
		position: absolute;
		top: -7px;
		right: -9px;
	}

	/* 회원정보·로그아웃: 회색 보조 텍스트 */
	.main-navigation > ul > li.cosmosfarm-members-account > a,
	.main-navigation > ul > li.cosmosfarm-members-logout > a {
		color: #8A8378;
		font-weight: 600;
		font-size: 15px;
	}
	.main-navigation > ul > li.cosmosfarm-members-account:hover > a,
	.main-navigation > ul > li.cosmosfarm-members-logout:hover > a {
		color: #C2431C;
	}

	/* 내 강의실: 주황 버튼 (핵심 동선) */
	.main-navigation > ul > li.au-menu-classroom > a {
		background: #FA623B;
		color: #fff;
		font-weight: 700;
		font-size: 15px;
		line-height: 1;
		padding: 10px 20px;
		border-radius: 8px;
		transition: background .2s;
	}
	.main-navigation > ul > li.au-menu-classroom:hover > a {
		background: #E5522C;
		color: #fff;
	}
}

@media (max-width: 991px) {
	/* ── 모바일 드롭다운: 일반 메뉴 → (피치 띠) → 회원 영역 ── */

	/* 비로그인: 로그인 가운데 텍스트 + 회원가입 풀와이드 버튼 */
	.main-navigation > ul > li.cosmosfarm-members-login {
		border-top: 6px solid #FAF3EC;
		border-bottom: none;
	}
	.main-navigation > ul > li.cosmosfarm-members-login > a {
		justify-content: center;
		padding-bottom: 8px;
	}
	.main-navigation > ul > li.cosmosfarm-members-register {
		padding: 4px 20px 18px;
	}
	.main-navigation > ul > li.cosmosfarm-members-register > a {
		background: #FA623B;
		color: #fff;
		font-weight: 700;
		justify-content: center;
		padding: 13px 0;
		border-radius: 8px;
	}

	/* 로그인 후: 내 강의실(주황 버튼) → 장바구니 → 회원정보 → 로그아웃 순서 */
	.main-navigation > ul {
		display: flex;
		flex-direction: column;
	}
	.main-navigation > ul > li.au-menu-classroom {
		order: 1;
		border-top: 6px solid #FAF3EC;
		border-bottom: none;
		padding: 14px 20px 6px;
	}
	.main-navigation > ul > li.au-menu-classroom > a {
		background: #FA623B;
		color: #fff;
		font-weight: 700;
		justify-content: center;
		padding: 13px 0;
		border-radius: 8px;
	}
	.main-navigation > ul > li.au-menu-cart { order: 2; border-bottom: none; }
	.main-navigation > ul > li.au-menu-cart > a {
		justify-content: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-navigation > ul > li.cosmosfarm-members-account { order: 3; border-bottom: none; }
	.main-navigation > ul > li.cosmosfarm-members-logout { order: 4; }
	.main-navigation > ul > li.cosmosfarm-members-account > a,
	.main-navigation > ul > li.cosmosfarm-members-logout > a {
		justify-content: center;
		color: #8A8378;
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}