/*!
 * ACTS Match — 테마(Astra·Elementor 등) 스타일 격리
 * 프로필 카드·미니 쪽지 모달 전용. specificity 높게, acts-match 영역만.
 */

/* ─── 프로필 카드 레이아웃 고정 ─── */
.am-board-list .am-profile-card.bdd-card--profile,
.am-board-list .bdd-card--profile.am-profile-card,
.am-profile-section .bdd-card--profile.am-profile-card,
.am-profile-grid .bdd-card--profile.am-profile-card {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	writing-mode: horizontal-tb !important;
	text-orientation: mixed !important;
	transform: none !important;
	float: none !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-head,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-head {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-body,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-body {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-profile-row,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-profile-row {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	width: 100% !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-profile-main,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-profile-main {
	display: block !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	width: auto !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-excerpt--profile,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-excerpt--profile {
	display: -webkit-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: left !important;
	align-self: stretch !important;
	writing-mode: horizontal-tb !important;
	white-space: normal !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-foot--profile,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-foot--profile {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-foot--profile > .am-btn,
.am-board-list .bdd-card--profile.am-profile-card .bdd-card-foot--profile > a.am-btn,
.am-board-list .bdd-card--profile.am-profile-card .bdd-card-foot--profile > button.am-btn,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-foot--profile > .am-btn,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-foot--profile > a.am-btn,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-foot--profile > button.am-btn {
	writing-mode: horizontal-tb !important;
	text-orientation: mixed !important;
	transform: none !important;
	rotate: none !important;
	flex: 1 1 calc(33.333% - 6px) !important;
	min-width: 88px !important;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	white-space: nowrap !important;
	word-break: keep-all !important;
	letter-spacing: -0.3px !important;
	line-height: 1.2 !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-title,
.am-board-list .bdd-card--profile.am-profile-card .bdd-card-title a,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-title,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-title a {
	writing-mode: horizontal-tb !important;
	transform: none !important;
	white-space: normal !important;
}

.am-board-list .bdd-card--profile.am-profile-card .bdd-card-tags--profile,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-tags--profile {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch !important;
	scrollbar-width: none !important;
}
.am-board-list .bdd-card--profile.am-profile-card .bdd-card-tags--profile .bdd-card-tag,
.am-profile-section .bdd-card--profile.am-profile-card .bdd-card-tags--profile .bdd-card-tag {
	flex: 0 0 auto !important;
	white-space: nowrap !important;
}

.am-r-mobile .bdd-card--profile.am-profile-card,
.am-m-wrap .bdd-card--profile.am-profile-card {
	display: block !important;
	writing-mode: horizontal-tb !important;
}

.am-r-mobile .bdd-card--profile.am-profile-card .bdd-card-foot--profile,
.am-m-wrap .bdd-card--profile.am-profile-card .bdd-card-foot--profile {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
}

.am-r-mobile .bdd-card--profile.am-profile-card .bdd-card-foot--profile .am-btn,
.am-m-wrap .bdd-card--profile.am-profile-card .bdd-card-foot--profile .am-btn {
	writing-mode: horizontal-tb !important;
	transform: none !important;
	white-space: nowrap !important;
	flex: 1 1 calc(33.333% - 6px) !important;
}

/* ─── 미니 쪽지 모달 — 테마 격리 ─── */
.am-mini-dm,
.am-mini-dm * {
	box-sizing: border-box;
}

.am-mini-dm {
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 20px !important;
	z-index: 100050 !important;
	display: none !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: 'Noto Sans KR', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.am-mini-dm.is-open {
	display: flex !important;
}

.am-mini-dm__backdrop {
	position: absolute !important;
	inset: 0 !important;
}

.am-mini-dm__panel {
	position: relative !important;
	z-index: 1 !important;
	flex: 0 1 auto !important;
	width: 100% !important;
	max-width: 420px !important;
	margin: 0 auto !important;
}

.am-mini-dm__head,
.am-mini-dm__body,
.am-mini-dm__foot {
	display: block;
	width: 100%;
}

.am-mini-dm__recipient {
	display: flex !important;
	align-items: center !important;
	flex-direction: row !important;
}

.am-mini-dm__head {
	display: flex !important;
}

.am-mini-dm__foot {
	display: flex !important;
	flex-direction: row !important;
}

.am-mini-dm textarea.am-mini-dm__input,
.am-mini-dm .am-mini-dm__input,
.am-mini-dm input.am-mini-dm__input {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 120px !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--hcjm-border, #e2e8f0) !important;
	border-style: solid !important;
	border-radius: 12px !important;
	background: #fff !important;
	color: var(--hcjm-text, #1e293b) !important;
	font-family: inherit !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	box-shadow: none !important;
	outline: none !important;
	resize: vertical !important;
	writing-mode: horizontal-tb !important;
}

.am-mini-dm textarea.am-mini-dm__input:focus,
.am-mini-dm .am-mini-dm__input:focus {
	border-color: var(--hcjm-primary, #4f46e5) !important;
	box-shadow: 0 0 0 3px var(--hcjm-primary-soft, rgba(79, 70, 229, 0.15)) !important;
	outline: none !important;
}

.am-mini-dm__close {
	-webkit-appearance: none !important;
	appearance: none !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.am-mini-dm a.am-btn,
.am-mini-dm button.am-btn {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-direction: row !important;
	writing-mode: horizontal-tb !important;
	text-orientation: mixed !important;
	transform: none !important;
	width: auto !important;
	min-width: 88px !important;
	min-height: 36px !important;
	padding: 10px 18px !important;
	margin: 0 !important;
	border-radius: 10px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.3px !important;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}

.am-mini-dm a.am-btn::before,
.am-mini-dm a.am-btn::after,
.am-mini-dm button.am-btn::before,
.am-mini-dm button.am-btn::after {
	content: none !important;
	display: none !important;
}

.am-mini-dm a.am-btn.outline,
.am-mini-dm button.am-btn.outline {
	background: #fff !important;
	border: 1px solid var(--hcjm-primary, #4f46e5) !important;
	color: var(--hcjm-primary, #4f46e5) !important;
	box-shadow: none !important;
}

.am-mini-dm a.am-btn.primary,
.am-mini-dm button.am-btn.primary {
	background: var(--hcjm-primary, #4f46e5) !important;
	border: 1px solid var(--hcjm-primary, #4f46e5) !important;
	color: #fff !important;
	box-shadow: var(--hcjm-shadow-primary, 0 4px 14px rgba(79, 70, 229, 0.25)) !important;
}

.am-mini-dm a.am-btn.outline:hover,
.am-mini-dm button.am-btn.outline:hover {
	background: var(--hcjm-primary-faint, #eef2ff) !important;
	color: var(--hcjm-primary, #4f46e5) !important;
}

.am-mini-dm a.am-btn.primary:hover,
.am-mini-dm button.am-btn.primary:hover {
	background: var(--hcjm-primary-dark, #4338ca) !important;
	border-color: var(--hcjm-primary-dark, #4338ca) !important;
	color: #fff !important;
}