/* 스킨: 법률(법무법인 서담 샘플) — 뼈대 L 위. 텍스트 로고 · 금색 가는 선 · 각진 카드(학원의 둥근 카드·노란 점과 다르게). 레이아웃은 home-a.css / dwa-blocks.css */
:root {
	--dwa-accent: #7A5C26;    /* 작은 영문 제목 — 흰 배경 6.2:1, 연회색 배경 5.8:1 */
	--dwa-tint: #F7F8FA;
	--dwa-card-r: 6px;
	--dwa-gold: #C9A45C;      /* 로고 막대 · 섹션 선 · 바로가기 강조 — 글자색으로는 쓰지 않는다(흰 배경 2.3:1) */
	--dw-accent-on-dark: #D4B26E; /* 어두운 슬라이드 위 강조 글자 — 남색 위 7:1 */
}

/* ---------- 텍스트 로고: 로고 이미지를 올리지 않았을 때 = 법인 이름 + 금색 짧은 막대 ---------- */
.dw-brand .dw-brand-logo { display: none; }
.dw-brand .dw-brand-name { font-size: 23px; font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.dw-brand:not(:has(.dw-brand-image)) .dw-brand-name::before {
	content: ""; display: inline-block; width: 4px; height: 20px; margin-right: 10px; border-radius: 1px;
	background: var(--dwa-gold); vertical-align: -3px;
}
.dw-brand-footer .dw-brand-name { font-size: 21px; }
@media (max-width: 860px) { .dw-brand .dw-brand-name { font-size: 20px; } }

/* ---------- 메인 슬라이드 ---------- */
.dw-front .dw-hero-kicker {
	display: inline-block; padding: 6px 0 6px 14px; border: 0; border-left: 2px solid var(--dwa-gold); border-radius: 0;
	font-size: 14px; font-weight: 600; letter-spacing: .02em; text-transform: none; background: none;
}
.dw-front .dw-hero-kicker::before { display: none; }
.dw-front .dw-hero .wp-block-button__link, .dw-front .dw-hero .dw-btn { border-radius: 4px; }

/* ---------- 섹션 머리: 작은 제목 앞 금색 선 ---------- */
.dwa-eyebrow { letter-spacing: .14em; text-transform: uppercase; }
.dwa-head:not(.dwa-head--center) .dwa-eyebrow::before {
	content: ""; display: inline-block; width: 28px; height: 1px; margin-right: 12px;
	background: var(--dwa-gold); vertical-align: middle;
}
.dwa-head--center .dwa-eyebrow::after {
	content: ""; display: block; width: 28px; height: 1px; margin: 12px auto 0; background: var(--dwa-gold);
}

/* ---------- 바로가기: 마지막(상담 신청) 버튼은 남색 바탕 + 금색 아이콘 ---------- */
.dwa-quick-card:last-child { background: var(--dw-navy); border-color: var(--dw-navy); }
.dwa-quick-card:last-child .dwa-quick-ico { background: rgba(255, 255, 255, .08); color: var(--dw-accent-on-dark); }
.dwa-quick-card:last-child .dwa-quick-sub { color: rgba(255, 255, 255, .78); }
.dwa-quick-card:last-child h3 { color: #fff; }

/* ---------- 업무분야 카드: 위쪽 금색 선 ---------- */
.dwa-svc-card { border-top: 2px solid var(--dwa-gold); }

/* ---------- 변호사 카드: 사진 비율 고정(얼굴 위쪽 기준) ---------- */
.dwa-doc-card img, .dw-page-blocks .dw-doc-split .dw-split-media img { aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; }

/* ---------- 표(수임료 안내 등) ---------- */
.wp-block-table.dw-timetable table { min-width: 560px; }
.wp-block-table.dw-timetable { overflow-x: auto; }
.wp-block-table.dw-timetable td:first-child, .wp-block-table.dw-timetable th:first-child { text-align: left; font-weight: 600; }

/* ---------- 홈 법률정보 제목과 카드 사이 · 상담 폼 메모 칸 높이 ---------- */
body .dwa-sec.dwa-news .wp-block-group.dwa-news-top, body .dwa-news .dwa-news-top { margin-bottom: 32px; }
body .dwa-sec.dwa-rsv .dwa-title em, body .dwa-rsv .dwa-title em { color: var(--dw-accent-on-dark); }
.dwa-rsv textarea { height: 160px; min-height: 120px; }

/* ---------- 한글 낱말 단위 줄바꿈 ---------- */
body, .dw-hero-title, .dwa-quick-card h3, .dwa-quick-sub, .dwa-svc-card h3, .wp-block-column, .dw-footer { word-break: keep-all; overflow-wrap: break-word; }

/* ---------- 변호사 소개: 좁은 화면에서는 사진이 먼저 ---------- */
@media (max-width: 860px) { .dw-page-blocks .dw-split.dw-doc-split .dw-split-media { order: -1; } }

/* ---------- 모바일 전체 메뉴 안 헤더 버튼: 흰 메뉴 바탕에 묻히지 않게 ---------- */
@media (max-width: 860px) {
	body .dw-nav .dw-header-action--btn, body.dw-front .dw-nav .dw-header-action--btn { background: var(--dw-primary); border-color: var(--dw-primary); color: #fff; }
	body .dw-nav .dw-header-action--link, body.dw-front .dw-nav .dw-header-action--link { color: var(--dw-ink); }
}

/* ---------- 메인 슬라이드 사진 위 막: 밝은 사무실 사진에서도 글자가 읽히게(남색 막) ---------- */
.dw-front .dw-hero-slide::after { background: linear-gradient(90deg, rgba(15, 22, 38, .88) 0%, rgba(15, 22, 38, .74) 34%, rgba(15, 22, 38, .34) 60%, rgba(15, 22, 38, 0) 82%); }
@media (max-width: 860px) {
	.dw-front .dw-hero-slide::after { background: linear-gradient(180deg, rgba(15, 22, 38, .58) 0%, rgba(15, 22, 38, .74) 40%, rgba(15, 22, 38, .88) 100%); }
}
@media (min-width: 861px) { body.dw-front .dw-hero .dw-hero-sub { max-width: 460px; } }

/* ---------- 상담 폼 옆 사진: 4:5, 가운데 기준 ---------- */
.dw-page-blocks .dw-form-split .dw-form-media { align-self: flex-start; }
.dw-page-blocks .dw-form-split .dw-form-media img { aspect-ratio: 4 / 5; height: auto !important; object-fit: cover; object-position: 50% 50%; }
/* 사무소 사진 3장 갤러리 */
.dw-page-blocks .dw-tour-gallery.wp-block-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 760px) { .dw-page-blocks .dw-tour-gallery.wp-block-gallery { grid-template-columns: 1fr; } }
.dwa-why .dwa-why-media img { object-position: 50% 25%; }

/* ---------- 업무분야 페이지: 세부 항목 2단 체크 목록 ---------- */
.dw-page-blocks .dw-check-list { columns: 2; column-gap: 32px; list-style: none; padding-left: 0; }
.dw-page-blocks .dw-check-list li { break-inside: avoid; padding: 10px 0 10px 28px; border-bottom: 1px solid var(--dw-line); position: relative; }
.dw-page-blocks .dw-check-list li::before { content: ""; position: absolute; left: 4px; top: 17px; width: 10px; height: 6px; border-left: 2px solid var(--dwa-accent); border-bottom: 2px solid var(--dwa-accent); transform: rotate(-45deg); }
@media (max-width: 640px) { .dw-page-blocks .dw-check-list { columns: 1; } }
