@media (max-width: 767px) {
  .custom-section .e-n-tabs-mobile > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
  }

  .custom-section .elementor-widget-n-tabs .e-n-tabs-content .e-collapse.e-active {
    display: none;
  }

  .custom-section .elementor-widget-n-tabs .e-n-tabs-content .e-collapse:not(:first-child) {
    display: none;
  }

  .custom-section div.e-collapse:nth-child(1) {
    display: none !important;
  }

  .custom-section #tabs-services {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
  }

  .custom-section #tabs-services .tab-title {
    width: auto;
    flex: 0 0 auto;
    padding: 10px;
    box-sizing: border-box;
  }

  .custom-section .e-n-tab-title {
    flex-shrink: 0;
    max-width: 100%;
    flex-basis: auto;
  }
}

/* Hide Jetpack Related Posts */
#jp-relatedposts,
.jp-relatedposts {
    display: none !important;
}


@media (min-width: 1025px) {
    /* 헤더 메뉴 줄바꿈 방지 */
    .elementor-nav-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }
    
    /* 메뉴 항목 간격 줄이기 */
    .elementor-nav-menu > li {
        margin: 0 6px !important;
    }
    
    /* 메뉴 글자 크기 살짝 줄이기 */
    .elementor-nav-menu a {
        font-size: 14px !important;
        padding: 10px 8px !important;
    }
}



/* 조건부 메뉴 표시 - MemberPress 회원 포함 */

/* 로그인한 사용자(회원)에게 "로그인" 메뉴 숨기기 */
.logged-in .menu-login {
    display: none !important;
}

/* 비회원에게 "내 강의실" 메뉴 숨기기 */
body:not(.logged-in) .menu-dashboard {
    display: none !important;
}














/* 로그인 폼 기본 */
.mp_wrapper.mp_login_form {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 입력 필드 라벨 (Username, Password만) */
.mp_wrapper label {
    display: block !important;
    margin-bottom: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #1c1e21 !important;
}

/* 입력 필드 */
.mp_wrapper input[type="text"],
.mp_wrapper input[type="password"],
.mp_wrapper input[type="email"] {
    width: 100% !important;
    padding: 10px 14px !important;
    margin-bottom: 12px !important;
    border: 1px solid #dddfe2 !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    background: white !important;
}

/* 패스워드 필드는 마진 조정 */
.mp_wrapper input[type="password"] {
    margin-bottom: 20px !important;
}

.mp_wrapper input:focus {
    outline: none !important;
    border-color: #8B7FFF !important;
    box-shadow: 0 0 0 2px rgba(139, 127, 255, 0.1) !important;
}

/* Remember Me 완전 제거 - 모든 방법 동원 */
label:has(input#rememberme) {
    display: none !important;
}

label:contains("Remember Me") {
    display: none !important;
}

/* 체크박스를 포함한 라벨을 텍스트 색상으로 숨기기 */
label:has(input[type="checkbox"]) {
    color: transparent !important;
    font-size: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    display: none !important;
}

/* 체크박스 자체도 숨기기 */
input#rememberme,
input[type="checkbox"][name="rememberme"] {
    display: none !important;
}

/* 로그인 버튼 */
.mp_wrapper input[type="submit"],
.mp_wrapper .mepr-submit {
    width: 100% !important;
    padding: 12px !important;
    background: #8B7FFF !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin: 0 0 8px 0 !important;
}

.mp_wrapper input[type="submit"]:hover {
    background: #7A6FEE !important;
}

/* Forgot Password 링크 - 중앙 정렬 */
.mepr-login-actions {
    text-align: center !important;
}

.mp_wrapper a[href*="forgot"],
.mp_wrapper .mepr-forgot-link {
    color: #8B7FFF !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.mp_wrapper a[href*="forgot"]:hover {
    text-decoration: underline !important;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .mp_wrapper input[type="text"],
    .mp_wrapper input[type="password"],
    .mp_wrapper input[type="email"] {
        padding: 12px 14px !important;
        font-size: 16px !important;
    }
    
    .mp_wrapper input[type="submit"] {
        padding: 14px !important;
    }
}


















/* 레벨 테스트 - 밝은 보라 */
.menu-highlight-level > a {
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
    color: white !important;
    padding: 10px 24px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 
        0 4px 12px rgba(139, 92, 246, 0.15),
        0 2px 4px rgba(139, 92, 246, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.menu-highlight-level > a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
    transition: left 0.5s !important;
}

.menu-highlight-level > a:hover::before {
    left: 100% !important;
}

.menu-highlight-level > a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 
        0 8px 24px rgba(139, 92, 246, 0.25),
        0 4px 8px rgba(139, 92, 246, 0.15) !important;
}

/* 수업시간 변경 - 진한 보라 (사이트 메인 컬러와 동일) */
.menu-highlight-schedule > a {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    color: white !important;
    padding: 10px 24px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 
        0 4px 12px rgba(124, 58, 237, 0.15),
        0 2px 4px rgba(124, 58, 237, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.menu-highlight-schedule > a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
    transition: left 0.5s !important;
}

.menu-highlight-schedule > a:hover::before {
    left: 100% !important;
}

.menu-highlight-schedule > a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 
        0 8px 24px rgba(124, 58, 237, 0.25),
        0 4px 8px rgba(124, 58, 237, 0.15) !important;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .menu-highlight-level > a,
    .menu-highlight-schedule > a {
        display: block !important;
        margin: 8px 0 !important;
        text-align: center !important;
    }
}

/* Talktify 레슨 이모지 크기 및 정렬 */
.tl img.emoji,
.tl img.wp-smiley {
  display: inline !important;
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;
  vertical-align: middle !important;
  margin: 0 0.1em 0 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: -0.1em !important;
}

/* 멤버프레스 레슨 제목 숨기기 */
main#mpcs-main > h2.entry-title,
#mpcs-main > h2.entry-title {
  display: none !important;
}

/* Talktify 레슨 이모지 크기 및 정렬 */
.tl img.emoji,
.tl img.wp-smiley {
  display: inline !important;
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;
  vertical-align: middle !important;
  margin: 0 0.1em 0 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: -0.1em !important;
}

/* 멤버프레스 레슨 제목 숨기기 */
main#mpcs-main > h2.entry-title,
#mpcs-main > h2.entry-title {
  display: none !important;
}









/* ===========================================
   TALKTIFY 프리토킹 레슨 공통 CSS
   워드프레스 Additional CSS에 추가
   =========================================== */

/* 프리토킹 레슨 이모지 크기 및 정렬 */
.ft-l5-1 img.emoji,
.ft-l5-1 img.wp-smiley,
[class*="ft-l"] img.emoji,
[class*="ft-l"] img.wp-smiley {
  display: inline !important;
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;
  vertical-align: middle !important;
  margin: 0 0.1em 0 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: -0.1em !important;
}