/*
 Theme Name: Astra Child - Dr.Evers
 Template: astra
 Version: 1.0.2
 Description: 닥터에버스 Astra 자식 테마 (회원 아이콘 + 커스텀 스타일)
 Author: Daplan
*/

/* === 헤더 회원 아이콘 === */
.evt-member-icon {
    display: flex;
    align-items: center;
    gap: 6px;
}

.evt-member-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 20px;
    transition: background 0.2s, color 0.2s;
}

.evt-member-link:hover {
    background: #f0f0f0;
    color: #009191;
}

.evt-member-link svg {
    flex-shrink: 0;
}

.evt-member-link .evt-member-name {
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 모바일 */
@media (max-width: 768px) {
    .evt-member-link .evt-member-name {
        display: none;
    }
    .evt-member-link {
        padding: 6px;
    }
}

/* === Ultimate Member 스타일 오버라이드 (drevers.com 테마 색상 맞춤) === */
.um .um-button,
.um input[type="submit"] {
    background-color: #009191 !important;
    border-color: #009191 !important;
}

.um .um-button:hover,
.um input[type="submit"]:hover {
    background-color: #007575 !important;
    border-color: #007575 !important;
}

.um a.um-link {
    color: #009191;
}

.um a.um-link:hover {
    color: #007575;
}

/* === FAQ 포스트 상세 페이지 === */

/* FAQ 카테고리 포스트: 컨테이너 폭 제한 */
.single-post.category-faq .site-content .ast-container,
.single-post.category-faq .entry-content,
/* evt-faq-post-header가 있으면 FAQ 포스트 확정 */
.evt-faq-post-header ~ .entry-content,
.evt-faq-post-header + .entry-content {
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* FAQ 포스트 헤더 커스텀 */
.evt-faq-post-header {
    max-width: 680px;
    margin: 0 auto 30px;
    padding: 0 20px;
    font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
}

.evt-faq-post-breadcrumb {
    font-size: 13px;
    color: #999;
    margin-bottom: 16px;
    text-align: center;
}

.evt-faq-post-breadcrumb a {
    color: #999;
    text-decoration: none;
}

.evt-faq-post-breadcrumb a:hover {
    color: #009697;
}

.evt-faq-post-title {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 20px;
    word-break: keep-all;
}

.evt-faq-post-divider {
    width: 40px;
    height: 2px;
    background: #ddd;
    margin: 0 auto 20px;
}

.evt-faq-post-views {
    font-size: 13px;
    color: #999;
    text-align: right;
    margin-bottom: 20px;
}

/* FAQ 포스트: Astra 기본 헤더 숨기기 (커스텀 헤더 사용) */
.single-post.category-faq .entry-header {
    display: none !important;
}

/* FAQ 포스트 본문 스타일 */
/* padding-bottom: 본문 끝(하단 안내 카드)이 푸터에 딱 붙어 보이던 문제.
   FAQ 상세는 하단 메타·네비·댓글을 전부 display:none 으로 감춰서 본문 다음이 곧 푸터다.
   Astra 의 .entry-content margin-bottom 규칙은 .ast-single-entry-banner 형제를 요구하는데
   FAQ 는 그 배너를 안 쓰므로 실효하지 않는다 → 여기서 직접 준다. */
.single-post.category-faq .entry-content {
    padding: 0 20px 64px;
    font-size: 15px;
    line-height: 1.8;
    color: #333;
}

@media (max-width: 768px) {
    .single-post.category-faq .entry-content {
        padding-bottom: 40px;
    }
}

.single-post.category-faq .entry-content img {
    max-width: 100%;
    height: auto;
}

.single-post.category-faq .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.single-post.category-faq .entry-content td,
.single-post.category-faq .entry-content th {
    padding: 10px 12px;
    border: 1px solid #ddd;
    vertical-align: top;
}

/* FAQ 포스트 하단 메타/댓글 숨기기 */
.single-post.category-faq .entry-meta,
.single-post.category-faq .post-navigation,
.single-post.category-faq .comments-area,
.single-post.category-faq .entry-footer {
    display: none !important;
}

@media (max-width: 768px) {
    .evt-faq-post-title {
        font-size: 18px;
    }
    .evt-faq-post-header {
        padding: 0 16px;
    }
}

/* === 모바일 햄버거 드롭다운 하단 여백 ===
   하단 고정 위젯바(.mw-safe.mobile-widget, position:fixed;bottom:0, 높이 약 67px)가
   드롭다운 맨 끝 항목(진료일정 카드 .evt-clinic-menu-card / "시술 및 피부고민 FAQ" .custom-faq-btn)을
   가려 잘리는 현상 방지. 스크롤 컨테이너에 바 높이+여유+세이프에어리어만큼 하단 패딩을 확보한다.
   (FAQ 버튼·바 마크업은 Elementor DB라 건드리지 않고, 공통 컨테이너 여백만으로 해결) */
@media (max-width: 1024px) {
    .elementor-element-214b5c4 nav.elementor-nav-menu--dropdown {
        padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
    }
    /* FAQ 버튼이 마지막일 때 확실히 바 위로 올라오도록 이중 방어 */
    .elementor-element-214b5c4 nav.elementor-nav-menu--dropdown .custom-faq-btn {
        margin-bottom: 12px;
    }
}