/*
Theme Name: 메콩 사이
Template: twentytwentyfive
Description: 메콩 사이 블로그용 가벼운 자식 테마 (색·글꼴은 theme.json 설정값 — 관리자 > 외모 > 편집기 > 스타일에서 바꿈)
Version: 1.0
Text Domain: mekong
*/

/* ---- 머리말: 손글씨 블로그 이름 + 알약 메뉴 (휴대폰에선 옆으로 밀어서) ---- */
.site-header { background: var(--wp--preset--color--card); border-bottom: 1px solid var(--wp--preset--color--line); }
.site-header .wp-block-site-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.pill-nav { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.pill-nav::-webkit-scrollbar { display: none; }
.pill-nav .wp-block-navigation__container { flex-wrap: nowrap; gap: 8px; }
.pill-nav .wp-block-navigation-item__content {
  white-space: nowrap; display: inline-block; padding: 6px 14px; border: 1px solid var(--wp--preset--color--line);
  border-radius: 999px; background: var(--wp--preset--color--white); color: var(--wp--preset--color--ink); font-size: 14px;
}
.pill-nav .current-menu-item .wp-block-navigation-item__content,
.pill-nav .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--teal); border-color: var(--wp--preset--color--teal); color: #fff; }

/* ---- 손글씨 표시 (지금 연재 중, 연재 번호, 다음 편 예고) ---- */
.hand-label, .series-label, .mekong-next {
  font-family: var(--wp--preset--font-family--nanum-pen); font-size: 26px; line-height: 1.2; color: var(--wp--preset--color--sunset); margin: 0;
}

/* ---- 카드 ---- */
.card, .post-card .wp-block-post, .side-card {
  background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); border-radius: 14px; overflow: hidden;
}
.side-card { padding: 18px; }
.post-card .wp-block-post { display: flex; flex-direction: column; }
.post-card .wp-block-post > *:not(.wp-block-post-featured-image) { padding: 0 14px; }
.post-card .wp-block-post-title { font-size: 17px; margin-top: 10px; }
.post-card .wp-block-post-title a { color: var(--wp--preset--color--ink); text-decoration: none; }
.post-card .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; }
.hero .wp-block-post-title { font-size: 22px; }
.info-list .wp-block-post { border-bottom: 1px dashed var(--wp--preset--color--line); padding: 8px 0; }
.info-list .wp-block-post-title { font-size: 16px; margin: 0; }
.info-list .wp-block-post-title a { color: var(--wp--preset--color--ink); }
@media (max-width: 781px) { .post-card.is-layout-grid, .post-card .is-layout-grid { grid-template-columns: 1fr !important; } }

/* ---- 사진은 칸 폭을 넘지 않게 (본문 사진은 블록 표시가 없어 워드프레스 기본 img 규칙이 안 붙음 → 1200px 원본 크기로 삐져나갔음) ---- */
img { max-width: 100%; height: auto; }

/* ---- 글 화면: 모래색 바탕 위 따뜻한 흰색 카드 (제목~본문~관련 글) ---- */
.post-sheet {
  box-sizing: border-box; max-width: calc(var(--wp--style--global--content-size) + 80px); margin: 24px auto 0;
  padding: 40px !important; background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); border-radius: 16px;
  color: #222222;
}
.post-sheet .entry-content { font-size: 17px; line-height: 1.8; }
.post-sheet .wp-block-post-date, .post-sheet .wp-block-post-terms { color: var(--wp--preset--color--muted); }
@media (max-width: 781px) { .post-sheet { margin: 16px 16px 0; padding: 20px !important; } }

.entry-content h2 { padding-bottom: 6px; background: linear-gradient(var(--wp--preset--color--teal), var(--wp--preset--color--teal)) left bottom / 48px 3px no-repeat; margin-top: 2.2em; }
.entry-content img { border-radius: 10px; }
.entry-content figure { margin: 1.2em 0; }
.entry-content figcaption { font-size: 14px; color: var(--wp--preset--color--muted); text-align: center; }
.entry-content table { display: block; overflow-x: auto; border-collapse: collapse; font-size: 15px; background: var(--wp--preset--color--paper); border-radius: 10px; }
.entry-content th, .entry-content td { border: 1px solid var(--wp--preset--color--line); padding: 8px 10px; vertical-align: top; }
.entry-content th { background: var(--wp--preset--color--soft); white-space: nowrap; }
.entry-content blockquote { border-left: 3px solid var(--wp--preset--color--teal); margin: 1.2em 0; padding: 4px 14px; color: var(--wp--preset--color--muted); }
.mekong-course, .mekong-info, .mekong-festival {
  border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 14px 16px; margin: 1.2em 0; font-size: 15px;
}
.mekong-course, .mekong-info { background: var(--wp--preset--color--soft); }
.mekong-festival { background: var(--wp--preset--color--soft); border-left: 4px solid var(--wp--preset--color--sunset); }
.mekong-course .icon, .line-icon { width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; stroke: var(--wp--preset--color--teal); fill: none; stroke-width: 1.8; }
.wp-block-gallery.columns-3, .mekong-gallery { gap: 6px; }
.post-nav a { display: inline-block; padding: 8px 16px; border: 1px solid var(--wp--preset--color--line); border-radius: 999px; background: var(--wp--preset--color--soft); text-decoration: none; }

/* ---- 광고 자리: 지금은 비어 있으면 안 보임 (애드센스 코드를 넣으면 보임) ---- */
.ad-slot { margin: 24px auto; text-align: center; }
.ad-slot:not(:has(ins, iframe, script, img)) { display: none; }

/* ---- 바닥글 ---- */
.site-footer { background: var(--wp--preset--color--card); border-top: 1px solid var(--wp--preset--color--line); font-size: 14px; color: var(--wp--preset--color--muted); }
.site-footer a { color: var(--wp--preset--color--muted); }