/* LearnPress 버튼 제어 */

/* Finish Course 버튼 숨기기 */
.lp-button.lp-btn-finish-course {
    display: none !important;
}

.lp-button.btn-finish-course {
    display: none !important;
}


/* Ultimate Member 버튼 스타일 */

/* 로그인 및 제출 버튼 색상 변경 */
#um-submit-btn.um-button, 
.um-button, 
input[type="submit"].um-button {
    background-color: #24abb2 !important;
    border-color: #24abb2 !important;
    color: #ffffff !important;
}

/* 마우스를 올렸을 때(Hover) 효과 - 살짝 더 어둡게 */
#um-submit-btn.um-button:hover, 
.um-button:hover {
    background-color: #1d8e94 !important;
    border-color: #1d8e94 !important;
}

/* 헤더 / 레이아웃 */

/* Thin Box Shadow 스타일이 적용된 헤더의 패딩만 강제 제거 */
.wp-block-group.is-style-thin-box-shadow {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 헤더 로고 텍스트 링크 밑줄 제거 */
.wp-block-heading a {
    text-decoration: none !important;
}

/* LearnPress 코스 커리큘럼 스타일 */

/* 제목 요소에 마우스를 올렸을 때 색상 변경 */
div.course-item-title:hover {
    color: #24abb2 !important;
    cursor: pointer;
}

/* 체크 표시 아이콘 색상 변경 */
.course-item-ico.passed.completed::before {
    color: #24abb2 !important;
}

/* 완료 관련 메시지 숨기기 (축하 메시지 + 완료 일시) */
.learn-press-message.success {
    display: none !important;
}

/* Curriculum 메타 정보(3 Sections · 20 Lessons · Lifetime) 숨기기 */
.course-curriculum-info__left {
    display: none !important;
}

/* 섹션 제목 옆 레슨 개수 숫자 숨기기 (코스 페이지 + 레슨 뷰어 사이드바 공통) */
.section-count-items {
    display: none !important;
}

/* LearnPress 완료 버튼 숨기기 */

/* 버튼을 감싸는 부모 박스 — 본문 콘텐츠는 전체 너비 유지 */
.content-item-summary {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
}

/* 완료 버튼 숨기기 */
.lp-button.button-complete-lesson.lp-btn-complete-item {
    display: none !important;
}

/* 완전함(completed) 버튼 숨기기 */
button.lp-button.completed {
    display: none !important;
}

/* 파일 블록 / 호버 카드 */

/* 파일 블록 내의 텍스트 링크(파일명)만 숨기기 */
.wp-block-file a:not(.wp-block-file__button) {
    display: none !important;
}

/* 'my-hover-card'라는 이름을 붙인 블록에만 적용 */
.my-hover-card {
    transition: all 0.3s ease-in-out !important;
    position: relative;
}

.my-hover-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-3px) !important;
    z-index: 10 !important;
}

/* LearnPress 퀴즈 스타일 */

/* 선택 시 내부 동그라미만 청록색으로 생성 */
.answer-option input[type="radio"]:checked::after {
    background-color: #24abb2 !important;
}

/* 퀴즈 질문 제목 색상 변경 */
#learn-press-quiz-app .question-title,
#learn-press-quiz-app h4 {
    color: #1F1F1F !important;
    font-weight: 600 !important;
}

/* 퀴즈 질문 설명 및 본문 텍스트 색상 변경 */
#learn-press-quiz-app .question-content,
#learn-press-quiz-app .question-content p,
#learn-press-quiz-app .quiz-description {
    color: #262626 !important;
}

/* 선택지(A, B, C, D) 안의 글자 색상 변경 */
#learn-press-quiz-app .answer-options .option-title {
    color: #262626 !important;
}

/* Correct 라벨 배경색 변경 */
.question .question-response.correct .label {
    background-color: #24abb2 !important;
}

/* 정답 보기 항목의 테두리 색상 변경 */
.question .answer-option.answer-correct .option-title {
    border-color: #24abb2 !important;
}

/* Check Answers (instant-check) 버튼 — 브랜드 Primary */
.lp-button.instant-check {
    background-color: #24aab2 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 28px !important;
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.lp-button.instant-check:hover {
    background-color: #1d8e94 !important;
}

/* 레슨 뷰어 상단 틸 헤더 — 코스 제목 한 줄 표시 (br 무시) */
.popup-header__inner .course-title br {
    display: none !important;
}

.popup-header__inner .course-title {
    width: 100% !important;
    flex: 1 1 100% !important;
}

.popup-header__inner {
    flex-wrap: wrap !important;
}

/* 헤더 내 진행 정보 숨기기 ("N개 중 N 완료" 텍스트 + 진행 바) */
.course-item-popup #popup-header .number {
    display: none !important;
}

.course-item-popup #popup-header .learn-press-progress {
    display: none !important;
}

/* 모바일 반응형 (781px 이하) */

@media (max-width: 781px) {
    .mobile-reverse .wp-block-getwid-section__inner-wrapper > .wp-block-columns {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .mobile-reverse .wp-block-column {
        margin-bottom: 20px !important;
    }
}

/* 본문 내 링크 스타일 */

.item_content a {
    color: #24abb2 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.item_content a:hover {
    color: #1d8e94 !important;
}

.wp-block-list li a {
    color: #24abb2 !important;
}

/* 풋터: 항상 화면 맨 하단 중앙 고정 */

.wp-site-blocks {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

.wp-site-blocks > main,
.wp-site-blocks > .wp-block-post-content,
.wp-site-blocks > .entry-content {
    flex: 1 !important;
}

footer.wp-block-template-part {
    margin-top: auto !important;
    text-align: center !important;
}

/* LearnPress 레슨 내 댓글(Leave a Reply) 숨기기 */

.course-item-popup #comments,
.course-item-popup .comments-area,
.course-item-popup #respond {
    display: none !important;
}

/* 코스 페이지 사이드바 숨기기 */

.single-lp_course .wp-block-columns > .wp-block-column[style*="flex-basis:30%"] {
    display: none !important;
}

.single-lp_course .wp-block-columns > .wp-block-column[style*="flex-basis:70%"] {
    flex-basis: 100% !important;
}

.single-lp_course .post-navigation-link-previous,
.single-lp_course .post-navigation-link-next,
.single-lp_course .wp-block-post-navigation-link {
    display: none !important;
}

.single-lp_course .wp-container-content-962be591 {
    display: none !important;
}

/* LearnPress 코스 랜딩 페이지 디자인 정비 */

/* 헤더 로고를 코스 본문 시작점에 맞춤 */
header.wp-block-template-part .wp-block-site-logo {
    margin-left: -150px !important;
}

/* Curriculum 영역 좌우 정렬 */
.wp-block-learnpress-course-curriculum {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

/* 강사명("by Fountains") 텍스트 색상 */
.wp-block-learnpress-course-instructor,
.wp-block-learnpress-course-instructor label,
.wp-block-learnpress-course-instructor .course-instructor a,
.wp-block-learnpress-course-instructor .instructor-display-name {
    color: #222529 !important;
}

/* 코스 페이지 한국어 폰트 적용 */
h1.wp-block-learnpress-course-title,
.wp-block-learnpress-course-title .course-title,
.section-title {
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* 헤더 로그인/로그아웃 링크 버튼 스타일 */

header.wp-block-template-part .wp-block-loginout {
    margin-right: -250px !important;
}

header.wp-block-template-part .wp-block-loginout a {
    background-color: #24aab2 !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
}

header.wp-block-template-part .wp-block-loginout a:hover {
    background-color: #1d8e94 !important;
}

/* AI Engine Form 스타일 */

/* 폼 제목 — 중앙 정렬 + 브랜드 Primary 색상 */
.mwai-form-container h2.wp-block-heading {
    text-align: center !important;
    letter-spacing: -0.3px !important;
    color: #24aab2 !important;
}

/* 폼 설명 문구 중앙 정렬 */
.mwai-form-container > p.has-text-align-center {
    text-align: center !important;
}

/* 폼 전체 외곽 테두리 — 브랜드 Primary */
.mwai-form-container {
    border: 1.5px solid #24aab2 !important;
    border-radius: 12px !important;
    padding: 32px 28px !important;
}

/* 필드 행(2컬럼) — 행별 테두리 없음 */
.mwai-form-container > .wp-block-columns {
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
    gap: 0 !important;
}

/* 라벨 컬럼 (왼쪽 33.33%) — 컬럼 자체의 margin/padding 제거 */
.mwai-form-container > .wp-block-columns > .wp-block-column[style*="33.33%"] {
    margin: 0 !important;
    padding: 0 !important;
}

/* 라벨 p 태그 — 텍스트 색상 변경, 높이를 100%로 채움, 한글 단어 단위 줄바꿈 */
.mwai-form-container > .wp-block-columns > .wp-block-column[style*="33.33%"] > p.has-background {
    color: #1a7a7f !important;
    font-weight: 600 !important;
    margin: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
}

/* 입력 컬럼 (오른쪽 66.66%) — margin/padding 제거 */
.mwai-form-container > .wp-block-columns > .wp-block-column[style*="66.66%"] {
    margin: 0 !important;
    padding: 0 !important;
}

/* form-field 래퍼 (div.wp-block-ai-engine-form-field) — 칸을 꽉 채움 */
.mwai-form-container .wp-block-ai-engine-form-field {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* textarea — 테두리 제거, 부모 칸을 꽉 채움 */
.mwai-form-container .wp-block-ai-engine-form-field textarea,
#mwai-form-container-aimk-w3-form .wp-block-ai-engine-form-field textarea,
.mwai-form-container textarea.mwai-form-field,
.mwai-form-container textarea {
    border: 0 none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    padding: 16px 18px !important;
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    outline: none !important;
    box-shadow: none !important;
    resize: none !important;
    flex: 1 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    transition: background-color 0.2s ease !important;
}

.mwai-form-container .wp-block-ai-engine-form-field textarea:focus,
.mwai-form-container textarea:focus {
    background-color: #fafffe !important;
    border: 0 none !important;
    outline: none !important;
    box-shadow: none !important;
}

.mwai-form-container .wp-block-ai-engine-form-field textarea::placeholder,
.mwai-form-container textarea::placeholder {
    color: #a1a9b3 !important;
    font-weight: 300 !important;
}

/* Spacer 간격 축소 (필드 사이) */
.mwai-form-container > .wp-block-spacer {
    height: 10px !important;
}

/* Submit 버튼 (div.wp-block-ai-engine-form-submit) — 중앙 정렬 + 브랜드 Primary */
.mwai-form-container .wp-block-ai-engine-form-submit {
    text-align: center !important;
    margin-top: 24px !important;
}

.mwai-form-container .wp-block-ai-engine-form-submit button {
    background-color: #24aab2 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px 36px !important;
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
}

.mwai-form-container .wp-block-ai-engine-form-submit button:hover {
    background-color: #1d8e94 !important;
    transform: translateY(-1px) !important;
}

.mwai-form-container .wp-block-ai-engine-form-submit button:active {
    transform: scale(0.98) !important;
}

/* AI 피드백 출력 영역 (Answer 그룹 안의 form-output) */
.mwai-form-container .wp-block-ai-engine-form-output {
    margin-top: 12px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* 모바일 반응형 (768px 이하) */

@media (max-width: 768px) {
    /* 헤더 로고/로그아웃 마이너스 마진 해제 */
    header.wp-block-template-part .wp-block-loginout {
        margin-right: 0 !important;
    }
    header.wp-block-template-part .wp-block-site-logo {
        margin-left: 0 !important;
    }

    /* 코스 제목 */
    h1.wp-block-learnpress-course-title,
    .wp-block-learnpress-course-title .course-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* 강사명("by Fountains") */
    .wp-block-learnpress-course-instructor {
        font-size: 14px !important;
    }

    /* Curriculum(학습 목차) 제목 */
    .lp-course-curriculum__title {
        font-size: 20px !important;
    }

    /* Curriculum 영역 패딩 축소 */
    .wp-block-learnpress-course-curriculum {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* 섹션 제목 (Session 1, 2, 3...) */
    .section-title {
        font-size: 15px !important;
    }

    /* 레슨 아이템 제목 */
    .course-item .course-item-title {
        font-size: 14px !important;
    }

    /* Description, Features 제목 */
    .course-detail-info h3,
    .course-detail-info h2 {
        font-size: 20px !important;
    }

    /* 본문 텍스트 */
    .course-detail-info p,
    .course-detail-info li {
        font-size: 14px !important;
    }

    /* AI Form 2컬럼 → 1컬럼 전환 */
    .mwai-form-container > .wp-block-columns {
        flex-direction: column !important;
    }

    .mwai-form-container > .wp-block-columns > .wp-block-column[style*="33.33%"] {
        flex-basis: 100% !important;
    }

    .mwai-form-container > .wp-block-columns > .wp-block-column[style*="33.33%"] > p.has-background {
        padding: 12px 16px !important;
        text-align: left !important;
        height: auto !important;
    }

    .mwai-form-container > .wp-block-columns > .wp-block-column[style*="66.66%"] {
        flex-basis: 100% !important;
    }
}

/* PostX 아코디언 스타일 */

/* 아코디언 전체 너비 고정 — 레슨 뷰어에서 콘텐츠 영역을 꽉 채움 */
.wp-block-ultimate-post-accordion {
    width: 100% !important;
}

.ultp-accordion-wrapper {
    width: 100% !important;
}

.wp-block-ultimate-post-accordion-item {
    width: 100% !important;
}

.ultp-accordion-item {
    width: 100% !important;
}

.ultp-accordion-item__navigation {
    width: 100% !important;
}

.ultp-accordion-item__content {
    width: 100% !important;
}