/*!
Theme Name: 청담이엘피부과의원 (EL Clinic)
Theme URI: https://www.cd-elclinic.com
Author: CheongDam EL
Author URI: https://www.cd-elclinic.com
Description: 청담이엘피부과의원 공식 홈페이지 테마. 페이지 본문은 관리자 화면에 HTML로 넣고, 테마는 헤더·푸터·공통 섹션과 기능만 담당한다.
Version: 2.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: elclinic
*/

/*
 * 사이트 디자인 CSS 는 assets/css 에 있고
 * 페이지 스타일에 맞춰 inc/assets.php 가 불러온다. 이 파일에는 워드프레스에서만
 * 필요한 보정만 둔다. assets/css 보다 먼저 로드되므로 필요하면 우선순위를 올린다.
 */

/*--------------------------------------------------------------
# 본문이 비어 있는 페이지(카테고리 부모 등)의 하위 페이지 목록
--------------------------------------------------------------*/
.el-child-pages {padding: 12rem 0 8rem;}
.el-child-pages__list {margin-top: 3rem; display: flex; flex-direction: column; gap: 1.2rem; font-size: 1.8rem;}
.el-child-pages__list a:hover {color: var(--color-primary);}

/*--------------------------------------------------------------
# Fluent Forms (하단 상담 신청 폼) — inc/consult-form.php
# Fluent Forms 기본 디자인 CSS 는 끄고 테마(.consult-form-card) CSS 로 그린다.
# Fluent Forms 가 라벨·입력칸·약관을 한 겹씩 더 감싸는 div 만 여기서 맞춘다.
--------------------------------------------------------------*/
.el-fluent-consult fieldset {min-width: 0; margin: 0; padding: 0; border: 0;}
.el-fluent-consult .ff_screen_reader_title {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
/* Fluent Forms 의 .fluentform .ff-el-group {margin-bottom: 20px} 대신 테마 간격 (.consult-form__field 값과 같게) */
.el-fluent-consult .fluentform .ff-el-group {margin: 0;}
.el-fluent-consult .fluentform .ff-el-group.consult-form__field {margin-bottom: 1rem;}

/* 입력칸: 라벨·입력칸을 감싸는 div 를 없는 것처럼 — 라벨과 입력칸이 한 줄 */
.el-fluent-consult .consult-form__field > .ff-el-input--label,
.el-fluent-consult .consult-form__field > .ff-el-input--content,
.el-fluent-consult .ff-custom_html {display: contents;}
/* Fluent Forms 의 clearfix 가상 요소(::before/::after)가 가로 배치에서 빈 칸으로 잡혀 간격이 생기므로 없앤다 */
.el-fluent-consult .fluentform .consult-form__field::before,
.el-fluent-consult .fluentform .consult-form__field::after,
.el-fluent-consult .fluentform .consult-form__agree::before,
.el-fluent-consult .fluentform .consult-form__agree::after,
.el-fluent-consult .fluentform .consult-form__agree-item::before,
.el-fluent-consult .fluentform .consult-form__agree-item::after {content: none; display: none;}
.el-fluent-consult .consult-form__field.ff-el-is-error {border-color: #d63638;}
.el-fluent-consult .consult-form__field .text-danger {display: none;}

/* 동의 체크박스 두 칸 (Fluent Forms CSS 가 .fluentform .ff-el-tc label.ff_tc_label 로 잡고 있어 우선순위를 맞춘다) */
.el-fluent-consult .consult-form__agree .ff-t-cell {flex: none !important; width: auto !important; max-width: none !important;}
.el-fluent-consult .fluentform .consult-form__agree-item .ff-el-form-check,
.el-fluent-consult .fluentform .ff-el-tc label.ff_tc_label {display: flex; align-items: center; gap: 0.8rem; margin: 0; border-bottom: 0; cursor: pointer;}
.el-fluent-consult .fluentform .ff-el-tc label.ff_tc_label > span {display: flex; width: auto; padding-top: 0 !important;}
.el-fluent-consult .consult-form__agree-item .ff_t_c {border-bottom: 1px solid var(--color-text);}
.el-fluent-consult .consult-form__agree-item .ff_t_c p {margin: 0;}
.el-fluent-consult .consult-form__agree-item.ff-el-is-error .ff_t_c {color: #d63638; border-color: #d63638;}
.el-fluent-consult .consult-form__agree-item .text-danger {display: none;}

/* 제출 버튼 */
.el-fluent-consult .ff_submit_btn_wrapper {margin: 0;}
.el-fluent-consult .ff-btn-submit {border: 0; cursor: pointer;}
.el-fluent-consult .ff-btn-submit.disabled {opacity: 0.6;}

/* 안내 문구: 오류(폼 아래 모아서), 성공 */
.el-fluent-consult .ff-errors-in-stack,
.el-fluent-consult .ff-message-success {margin: 2rem 0 0; padding: 1.2rem 1.6rem; border-radius: 0.5rem; font-size: 1.5rem; line-height: 1.5; text-align: center;}
.el-fluent-consult .ff-errors-in-stack {border: 2px solid #d63638; color: #d63638;}
.el-fluent-consult .ff-errors-in-stack .error {margin: 0;}
.el-fluent-consult .ff-message-success {border: 2px solid #46b450;}

@media (max-width: 768px) {
	.el-fluent-consult .fluentform .ff-el-group.consult-form__field {margin-bottom: clamp(0.9rem, 2.34vw, 1.8rem);}
	.el-fluent-consult .ff-errors-in-stack,
	.el-fluent-consult .ff-message-success {margin-top: clamp(1.2rem, 3.12vw, 2.4rem); padding: clamp(1rem, 2.6vw, 2rem); font-size: clamp(1.3rem, 3.39vw, 2.6rem);}
}

/*--------------------------------------------------------------
# 공지사항·EL 매거진 상세 (inc/boards.php) — 이전/다음 글이 없을 때
# 화살표는 그대로 보이되 링크가 아니므로 포인터·호버 색 없음
--------------------------------------------------------------*/
.board-detail__nav-arrow.is-disabled {cursor: default;}
.board-detail__nav-link.is-empty,
.board-detail__nav-link.is-empty:hover {cursor: default; color: inherit;}

/*--------------------------------------------------------------
# 공지사항·EL 매거진 본문 (관리자 편집기 내용) — 워드프레스 정렬 클래스
# 편집기에서 이미지 가운데/왼쪽/오른쪽 정렬하면 aligncenter 등 클래스만 붙으므로 여기서 처리
--------------------------------------------------------------*/
.board-detail__body::after {content: ""; display: block; clear: both;}
.board-detail__body img {max-width: 100%; height: auto;}
.board-detail__body .aligncenter {display: block; margin-left: auto; margin-right: auto;}
.board-detail__body .alignleft {float: left; margin: 0.4rem 2rem 1.6rem 0;}
.board-detail__body .alignright {float: right; margin: 0.4rem 0 1.6rem 2rem;}
.board-detail__body .wp-caption {max-width: 100%;}
.board-detail__body .wp-caption-text {margin-top: 0.8rem; font-size: 1.4rem; color: var(--color-muted); text-align: center;}