/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

.site-logo {
  width: 600px;
  height: auto;
}

/* 모바일에서 네비게이션 메뉴가 콘텐츠 위에 표시되도록 */
@media (max-width: 768px) {
  /* 메뉴 z-index 높이기 */
  .main-navigation,
  .nav-menu,
  #mobile-menu,
  header nav,
  .menu-toggle + *,
  .toggled .nav-menu {
    z-index: 9999 !important;
    position: relative !important;
  }

  /* 콘텐츠 영역 z-index 낮추기 */
  .site-content,
  .entry-content,
  .wp-block-group,
  .wp-block-cover,
  .wp-block-columns,
  section,
  main {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (max-width: 980px) {
  html {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  .et_pb_section,
  .et_pb_row,
  .et_pb_column,
  .et_pb_module {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* 스크롤해도 고정되는 우측 팝업 */
#popmake-319 {
  position: fixed !important;
  top: 150px !important;
  right: 20px !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 9999 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
  width: 300px !important;
}

/* 닫기 버튼 스타일 */
#popmake-319 .pum-close {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  background: rgba(0, 0, 0, 0.6) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  font-size: 16px !important;
  cursor: pointer !important;
  z-index: 10000 !important;
}

/* 모바일 숨김 */
@media (max-width: 768px) {
  #popmake-319 {
    display: none !important;
  }
}

/* 메뉴 2줄 */
.et-menu li a {
  flex-direction: column !important;
  align-items: center !important;
  line-height: 1.2 !important;
}
.et-menu li a span {
  display: block !important;
  font-size: 14px !important;
  font-weight: normal !important;
  color: inherit !important;
  margin-top: 2px;
}