/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0.1
Description: Child theme for Strobist Korea
Author: Hakbong Kwon
*/

/* ============================================================
 * 사이트 전역 스타일
 * 페이지별 스타일은 다음 파일에 분리되어 있습니다:
 * - assets/home-styles.css : 대문 페이지(page-home.php) 전용
 * ============================================================ */

/* ===== 회원 메뉴 (member-menu.php에서 동적 치환되는 항목) ===== */
.sk-menu-username > a,
.sk-menu-status > a {
  pointer-events: none;
  cursor: default;
  opacity: 0.8;
  font-weight: 500;
}

/* ===== 단일 글 페이지 ===== */
@media (max-width: 768px) {
  .single-post .entry-content p {
    font-size: 17px;
    line-height: 1.8;
  }
}

/* ===== 갤러리 사진 간격 조정 ===== */
.single-post .entry-content .wp-block-gallery,
.single-post .entry-content .wp-block-gallery.has-nested-images,
.single-post .entry-content figure.wp-block-gallery,
.single-post .entry-content .blocks-gallery-grid {
  gap: 26px !important;
}

.single-post .entry-content .wp-block-gallery figure.wp-block-image,
.single-post .entry-content .blocks-gallery-item,
.single-post .entry-content .gallery-item {
  margin-bottom: 26px !important;
}

/* Classic gallery fallback */
.single-post .entry-content .gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 26px !important;
}

/* ============================================================
 * 모바일 헤더 — 햄버거 제거, 가로 메뉴 노출
 * ============================================================ */
@media (max-width: 1024px) {
  /* 1) Kadence 모바일 헤더(햄버거/드로어) 숨김 */
  .site-header-mobile-wrap,
  .site-mobile-header-wrap,
  #mobile-header,
  #mobile-drawer,
  .drawer.mobile-drawer,
  .menu-toggle-open,
  .mobile-toggle-open-container {
    display: none !important;
  }

  /* 2) 데스크탑 헤더를 모바일에서도 표시 */
  .site-header-wrap,
  .site-header-inner-wrap,
  .site-header-row-container {
    display: block !important;
  }

  .site-header-row-container .site-header-row {
    display: flex !important;
  }

  /* 3) 로고/타이틀 영역 정렬 및 여백 정리 */
  .site-branding,
  .site-header-section-center,
  .header-titles,
  .header-titles-wrap {
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .site-header-row,
  .site-header-row-container,
  .site-header-row-container-inner,
  .site-header-row-tablet-layout-standard,
  .site-header-row-mobile-layout-standard {
    padding-top: 2px !important;
    padding-bottom: 4px !important;
    min-height: auto !important;
  }

  .site-branding,
  .site-header-section,
  .header-titles-wrap,
  .site-header-section-center,
  .site-title,
  .site-title a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .site-title,
  .site-title a,
  .header-titles .site-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .site-description,
  .header-titles .site-description,
  .site-header-section-right {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* 4) 메뉴 가로 정렬 */
  .header-navigation,
  .site-header-item-main-navigation,
  nav.main-navigation {
    width: 100% !important;
    display: block !important;
  }

  .header-navigation .menu,
  .header-navigation ul.menu,
  .main-navigation .primary-menu-container > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .header-navigation .menu > li,
  .main-navigation .primary-menu-container > ul > li {
    flex: 0 1 auto !important;
    margin: 0 !important;
  }

  .header-navigation .menu > li > a,
  .main-navigation .primary-menu-container > ul > li > a,
  nav.main-navigation li a {
    font-size: 16px !important;
    padding: 1px 8px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }

  /* 5) 모바일 드롭다운 토글 아이콘 숨김 */
  .header-navigation .dropdown-nav-toggle {
    display: none !important;
  }
}

/* ===== 더 작은 화면(380px 이하) ===== */
@media (max-width: 380px) {
  .site-title,
  .site-title a {
    font-size: 24px !important;
  }

  .header-navigation .menu > li > a,
  .main-navigation .primary-menu-container > ul > li > a,
  nav.main-navigation li a {
    font-size: 14px !important;
    padding: 1px 8px !important;
    line-height: 1.2 !important;
  }

  .site-description {
    font-size: 11px !important;
  }
}