/*
Theme Name: NewsCard Child
Template: newscard
*/

/* 안드로이드·윈도우에서도 동일한 한글 글꼴이 나오도록 Pretendard 로드 (반드시 맨 위) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

/* ---------- 기존 초록색 설정 ---------- */

/* PC에서도 초록 메뉴 띠가 양옆으로 떠 보이던 부트스트랩 기본 여백 제거 */
.site-header .navbar { padding: 0; }

.navbar-main {
    background-color: #568a35; 
}

.post-img-wrap .entry-meta .cat-links a, .post-img-wrap + .entry-header .entry-meta .cat-links a {
    background-color: #568a35;
}

.stories-title {
    font-size: 20px;
    padding-left: 10px;
    border-left: 4px solid #568a35;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: left;
}

.navigation-bar { 
	background-color: #568a35
}

.entry-meta .cat-links a {
    color: #568a35;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 7px;
    float: left;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

/* =========================================================
   새익산일보 기사 화면 타이포그래피 (네이버 뉴스 모바일 수치 기준)
   ========================================================= */


body {
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
               "Pretendard Variable", Pretendard, "Malgun Gothic", sans-serif;
  letter-spacing: -0.3px;
  -webkit-font-smoothing: antialiased;
}

/* ---------- 기사 제목 ---------- */
.single .entry-header .entry-title {
  font-size: 26px;
  line-height: 1.33;          /* 25/30 → 26/35 */
  font-weight: 700;
  color: #000;
  letter-spacing: -0.5px;
  word-break: keep-all;       /* 단어 중간에서 줄바꿈 방지 */
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .single .entry-header .entry-title { font-size: 30px; }
}

/* ---------- 기사 머리: 기자·입력시각·도구 (functions.php 코드와 짝) ---------- */
.single .entry-header .entry-meta { display: none; }      /* 테마 기본 날짜·아이디 숨김 */
.single .entry-header { margin-bottom: 0; }
.single .entry-header .entry-title { margin-bottom: 18px; }

.siu-byline {
  display: flex; align-items: center; gap: 10px;
}
.siu-byline img.avatar {
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid rgba(0,0,0,.06); flex: none;
}
.siu-byline-name {
  font-size: 14px; font-weight: 600; line-height: 19px; color: #2e2e2e;
}
.siu-byline-name a { color: inherit; }
.siu-byline-date {
  font-size: 13px; line-height: 19px; color: #737373;
}
.siu-byline-date em { font-style: normal; margin-right: 2px; }
.siu-byline-date span + span::before {
  content: ""; display: inline-block; width: 1px; height: 10px;
  background: #d5d5d5; margin: 0 7px; vertical-align: -1px;
}
.siu-tools {
  display: flex; justify-content: flex-end; align-items: center; gap: 4px;
  margin: 14px 0 26px; padding-bottom: 14px;
  border-bottom: 1px solid #ebebeb;
}
.siu-tools button {
  appearance: none; background: none; border: 0; padding: 6px 8px;
  color: #404048; font: inherit; font-size: 14px; line-height: 1;
  display: inline-flex; align-items: center; gap: 4px; cursor: pointer;
}
.siu-tools button svg { width: 20px; height: 20px; }
.siu-tools .siu-fs-label { font-size: 12px; letter-spacing: -1px; }
.siu-tools .siu-fs-label b { font-size: 17px; font-weight: 600; }
.siu-toast {
  position: fixed; left: 50%; bottom: 40px; transform: translateX(-50%);
  background: rgba(30,30,35,.92); color: #fff; font-size: 14px;
  padding: 10px 16px; border-radius: 20px; z-index: 99999;
  opacity: 0; transition: opacity .2s; pointer-events: none;
}
.siu-toast.show { opacity: 1; }

/* 본문 상단의 예전 '조회수' 문단은 머리 영역으로 옮겼으므로 숨김 */
.single .entry-content > p.post-views { display: none; }

/* ---------- 본문 ---------- */
.single .entry-content {
  font-size: var(--siu-fs, 19px);   /* 글자크기 버튼이 바꿔줌 */
  line-height: 1.6;
  color: #303038;
  word-break: normal;         /* 네이버 본문과 동일. 한글 붙여넣기   때문에 keep-all은 오히려 들쭉날쭉해짐 */
  overflow-wrap: break-word;
}
.single .entry-content p {
  margin-bottom: 1.3em;
}

/* 사진·캡션 */
.single .entry-content figure { margin: 24px 0; }
.single .entry-content figure img { width: 100%; height: auto; }
.single .entry-content figcaption {
  font-size: 15px;
  line-height: 1.45;
  color: #767678;
  margin-top: 8px;
  text-align: left;
}

/* 부제(요약문): 본문 첫머리에 '인용' 블록으로 넣으면 네이버처럼 보임 */
.single .entry-content blockquote {
  margin: 0 0 28px;
  padding: 2px 0 2px 14px;
  border-left: 2px solid #303038;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 600;
  color: #404048;
  font-style: normal;
}
.single .entry-content blockquote p { margin: 0; }

/* 플러그인이 자동으로 붙이는 영문 'Post Views' 숨김 */
.single .entry-content .post-views.content-post { display: none; }

/* 모바일: 카드 안쪽 이중 여백 줄여 본문 폭 확보 */
@media (max-width: 575px) {
  .single .site-main > .post { padding-left: 0; padding-right: 0; }
}

/* =========================================================
   모바일 상단 레이아웃 (991px 이하)
   - 날짜 줄 숨김, 로고 축소, 초록 띠 대신 흰 헤더 + 카테고리 탭
   ========================================================= */
@media (max-width: 991px) {
  /* 상단 날짜 바 */
  .info-bar { display: none; }

  /* 부트스트랩 .navbar 기본 안쪽 여백(16px) — 초록 띠가 붕 떠 보이던 원인 */
  /* 스크롤해도 상단에 붙어 있도록 */
  .site-header { position: sticky; top: 0; z-index: 1000; background: #fff; }
  .admin-bar .site-header { top: 46px; }
  .site-header .navbar {
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
  }
  #breadcrumb { display: none; }   /* 경로 표시 줄 (모바일 전체) */

  /* 로고 줄: 높이 52px, 로고는 왼쪽 정렬 */
  .navbar-head { padding: 0; height: 52px; align-items: center; }
  .navbar-head .container { padding-left: 16px; padding-right: 60px; }
  .navbar-head .navbar-brand { padding: 0; margin: 0; }
  .navbar-head .custom-logo-link { display: block; line-height: 0; }
  .navbar-head .custom-logo { height: 30px; width: auto; max-width: none; }

  /* 초록 띠 → 투명하게 만들어 로고 줄 위로 겹침 (검색 아이콘만 남김) */
  .navigation-bar,
  .navigation-bar .navbar-main { background: transparent !important; color: #222; }
  .navigation-bar { margin-top: -52px; }
  .navigation-bar .container { padding-left: 0; padding-right: 0; max-width: none; }
  .navigation-bar-top { height: 52px; pointer-events: none; position: relative; }
  .navigation-bar-top .search-bar { pointer-events: auto; position: absolute; top: 52px; left: 0; right: 0; }
  .navigation-bar-top .search-block { padding: 10px 16px; background: #fff; border-bottom: 1px solid #e5e5e5; }
  .navbar-toggler.menu-toggle { display: none; }          /* 탭이 항상 보이므로 햄버거 불필요 */
  .navigation-bar-top .search-toggle {
    pointer-events: auto; right: 6px; color: #222;
    font-size: 19px; padding: 14px; line-height: 24px;
  }
  .navigation-bar-top .search-toggle:hover,
  .navigation-bar-top .search-toggle.active { background: transparent; color: #568a35; }

  /* 메뉴 → 가로 스크롤 카테고리 탭 (네이버 섹션 탭 방식) */
  .navbar-main .navbar-collapse,
  .navbar-main .navbar-collapse.collapse { display: block !important; height: auto !important; margin: 0; }
  .navbar-main .main-navigation { border: 0; }
  .navbar-main .nav-menu {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap; overflow-x: auto;
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
    margin: 0; padding: 0 8px;
  }
  .navbar-main .nav-menu::-webkit-scrollbar { display: none; }
  .navbar-main .nav-menu > li { flex: none; border: 0 !important; }
  .navbar-main .nav-menu > li + li { border-top: 0; }
  .navbar-main .nav-menu > li > a {
    display: block; padding: 11px 10px 10px !important;
    font-size: 16px; font-weight: 500; line-height: 22px;
    color: #444 !important; text-transform: none;
    border-bottom: 2px solid transparent; letter-spacing: -0.3px;
  }
  .navbar-main .nav-menu > li.current-menu-item > a,
  .navbar-main .nav-menu > li.current-menu-parent > a,
  .navbar-main .nav-menu > li.current-menu-ancestor > a {
    color: #568a35 !important; font-weight: 700;
    border-bottom-color: #568a35;
  }
  .navbar-main .nav-menu .sub-menu,
  .navbar-main .nav-menu .dropdown-toggle,
  .navbar-main .nav-menu .sub-toggle { display: none !important; }

  .single .site-content { padding-top: 20px; }
  .single .site-content > .container,
  .single .site-content .site-content-row > .content-area { padding-left: 16px; padding-right: 16px; }
}

/* =========================================================
   메인페이지 v2 (front-page.php 와 짝) — PC 3단 / 모바일 1단
   ========================================================= */

/* 테마 기본 메인 블록(흐르는 최근기사·슬라이드·편집자픽·하단 '이 기사는 어때요?') 숨김 */
.home .top-stories-bar,
.home .featured-section,
.home .featured-stories { display: none !important; }
.home .site-content { padding-top: 0; }

.siu-fp { --g: #568a35; --ink: #1e1e23; --sub: #8a8a8f; --line: #e9e9ec; --band: #f2f3f5; padding: 24px 0 8px; }
.siu-fp a { color: inherit; text-decoration: none; }
.siu-fp a:hover .siu-t, .siu-fp a:hover .siu-card-title, .siu-fp a:hover .siu-op-title, .siu-fp .siu-rank-list a:hover span { text-decoration: underline; text-underline-offset: 3px; }
.siu-fp h2 { margin: 0; }

/* 공통 */
.siu-cat { display: inline-block; color: var(--g); font-size: 13px; font-weight: 700; line-height: 18px; margin-bottom: 4px; }
.siu-d { color: var(--sub); font-size: 13px; line-height: 18px; white-space: nowrap; }
.siu-ex { margin: 0; color: #5a5a60; font-size: 14px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.siu-noimg { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: var(--band); color: #b5b5ba; font-weight: 700; font-size: 14px; letter-spacing: -0.3px; }
.siu-h { font-size: 19px; font-weight: 800; letter-spacing: -0.6px; color: #111; line-height: 26px; padding-bottom: 10px; margin-bottom: 4px !important; border-bottom: 2px solid #111; }
.siu-h a { display: flex; justify-content: space-between; align-items: baseline; }
.siu-h a span { font-size: 13px; font-weight: 500; color: var(--sub); letter-spacing: -0.2px; }

/* 제목 목록 */
.siu-lines { list-style: none; margin: 0; padding: 0; }
.siu-lines li + li { border-top: 1px solid var(--line); }
.siu-lines a { display: flex; gap: 10px; align-items: baseline; padding: 11px 0; }
.siu-t { flex: 1; min-width: 0; font-size: 16px; line-height: 1.45; font-weight: 500; color: var(--ink); letter-spacing: -0.4px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

/* 사진 카드 */
.siu-card a { display: block; }
.siu-card-img { aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; background: var(--band); }
.siu-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.siu-card a:hover .siu-card-img img { transform: scale(1.03); }
.siu-card-txt { padding-top: 10px; }
.siu-card-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 1.45; font-weight: 700; color: var(--ink); letter-spacing: -0.5px; margin-bottom: 4px; word-break: keep-all; }

/* 광고 칸 */
.siu-fp-ad .siu-ad { margin: 0; }
.siu-fp-ad-top { margin: 0 0 24px; }
.siu-fp-ad-mid { margin: 8px 0 32px; }
.siu-fp-ad-side { margin: 0 0 28px; }
.siu-fp-ad-bottom { margin: 0 0 20px; }

/* ① 상단 */
.siu-slider { position: relative; }
.siu-slides { position: relative; }
.siu-slide { display: none; }
.siu-slide.is-on { display: block; animation: siuFade .45s ease; }
@keyframes siuFade { from { opacity: .35; } to { opacity: 1; } }
.siu-slide a { display: block; position: relative; border-radius: 8px; overflow: hidden; background: #222; }
.siu-slide-img { aspect-ratio: 16 / 10; }
.siu-slide-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.siu-slide-txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 70px 22px 20px; background: linear-gradient(transparent, rgba(0,0,0,.82)); color: #fff; }
.siu-slide-txt .siu-cat { color: #b9e39b; }
.siu-slide-title { font-size: 25px; line-height: 1.32; font-weight: 800; letter-spacing: -0.8px; color: #fff; word-break: keep-all; margin: 0 0 8px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-shadow: 0 1px 6px rgba(0,0,0,.35); }
.siu-slide-txt .siu-ex { color: rgba(255,255,255,.85); }
.siu-slider-nav { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 0 0; }
.siu-slider-nav button { appearance: none; border: 0; background: none; cursor: pointer; padding: 0; color: #555; }
.siu-prev, .siu-next { width: 28px; height: 28px; border-radius: 50% !important; border: 1px solid #d5d5da !important; font-size: 18px; line-height: 24px; }
.siu-dots { display: inline-flex; gap: 6px; }
.siu-dots button { width: 7px; height: 7px; border-radius: 4px; background: #cfd0d4 !important; transition: width .2s; }
.siu-dots button.is-on { width: 20px; background: var(--g) !important; }

.siu-fp-major .siu-h { margin-top: 0; }
.siu-fp-major .siu-lines li:first-child a .siu-t { font-weight: 700; }
.siu-fp-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.siu-fp-more { margin-top: 30px; }
@media (min-width: 992px) {
  .siu-2col { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; }
  .siu-2col li + li { border-top: 0; }
  .siu-2col li { border-bottom: 1px solid var(--line); }
}

/* 오른쪽 */
.siu-rank-list { list-style: none; margin: 0; padding: 0; }
.siu-rank-list li + li { border-top: 1px solid var(--line); }
.siu-rank-list a { display: flex; gap: 12px; padding: 10px 0; align-items: flex-start; }
.siu-rank-list em { flex: none; width: 20px; font-style: normal; font-weight: 800; font-size: 17px; line-height: 22px; color: #b5b5ba; text-align: center; }
.siu-rank-list li.top em { color: var(--g); }
.siu-rank-list span { font-size: 15px; line-height: 22px; color: var(--ink); font-weight: 500; letter-spacing: -0.4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.siu-op a { display: block; padding: 13px 0; }
.siu-op + .siu-op { border-top: 1px solid var(--line); }
.siu-op-title { display: block; font-size: 16px; line-height: 1.4; font-weight: 700; color: var(--ink); letter-spacing: -0.5px; margin-bottom: 4px; }
.siu-op .siu-ex { font-size: 13px; -webkit-line-clamp: 1; }

/* ② 분야별 */
.siu-fp-sections { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 36px 28px; margin: 0 0 40px; }
.siu-sec { grid-column: span 2; }
.siu-sec.is-wide { grid-column: span 3; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px; align-content: start; }
.siu-sec.is-wide .siu-h { grid-column: 1 / -1; }
.siu-sec.is-wide .siu-card { padding-bottom: 0; }
.siu-sec.is-wide .siu-lines { padding-top: 6px; }
.siu-sec .siu-card { padding: 14px 0 6px; }
.siu-sec .siu-lines a { padding: 10px 0; }
.siu-sec .siu-t { font-size: 15px; }

/* ③ 포토뉴스 */
.siu-photo { background: #1f2421; margin: 0 0 40px; padding: 26px 24px 28px; border-radius: 10px; }
.siu-photo .siu-h { color: #fff; border-color: rgba(255,255,255,.35); margin-bottom: 16px !important; }
.siu-photo-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.siu-photo-item { display: block; color: #fff !important; }
.siu-photo-item img, .siu-photo-item .siu-noimg { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 6px; display: block; }
.siu-photo-item span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; font-size: 14px; line-height: 1.45; font-weight: 600; letter-spacing: -0.3px; color: #eef0ee; }
.siu-photo-item:hover span { text-decoration: underline; }

/* ④ 기획·연재 */
.siu-issue { margin: 0 0 40px; }
.siu-issue-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-top: 14px; }
.siu-issue-box { background: #f6f8f4; border-radius: 8px; padding: 16px 16px 6px; }
.siu-issue-name { display: block; font-size: 16px; font-weight: 800; color: var(--g) !important; letter-spacing: -0.4px; margin-bottom: 4px; }
.siu-issue-box .siu-t { font-size: 15px; -webkit-line-clamp: 2; }

/* ⑤ 하단 */
.siu-fp-bottom { margin: 0 0 32px; }
.siu-fp-bottom .siu-yt { margin: 0 0 20px; }
.siu-fp-allbtn { display: block; text-align: center; border: 1px solid #d5d5da; border-radius: 8px; padding: 13px; font-size: 15px; font-weight: 600; color: #333 !important; }
.siu-fp-allbtn:hover { background: #fafafa; }

/* 전체 기사 목록 */
.siu-fp-all-list { max-width: 820px; margin: 0 auto; }
.siu-row + .siu-row { border-top: 1px solid var(--line); }
.siu-row a { display: flex; gap: 18px; align-items: center; padding: 18px 0; }
.siu-row-txt { flex: 1; min-width: 0; }
.siu-row-txt .siu-ex { margin-bottom: 6px; }
.siu-row-img { flex: none; width: 160px; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; }
.siu-row-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.siu-pager { display: flex; justify-content: center; align-items: center; gap: 18px; padding: 20px 0; font-size: 15px; color: var(--sub); }
.siu-pager a { color: #303038 !important; font-weight: 600; padding: 6px 4px; }

/* ---------- PC (992px 이상): 3단 ---------- */
@media (min-width: 992px) {
  .siu-fp-top { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; margin-bottom: 36px; }
  .siu-fp-lead-row { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 28px; align-items: start; }
  .siu-slide-img { aspect-ratio: 4 / 3; }
  .siu-fp-side > .siu-box { margin-bottom: 28px; }
  .siu-fp-side { padding-left: 0; }
}

/* ---------- 태블릿·모바일 (991px 이하): 1단 ---------- */
@media (max-width: 991px) {
  .home .site-content-row > .content-area { padding-left: 16px; padding-right: 16px; }
  .siu-fp { padding-top: 0; }
  .siu-fp-ad-top { margin: 12px 0 16px; }

  /* 띠 구분: 상자 사이를 회색 8px 띠로 */
  .siu-fp .siu-box, .siu-fp-cards, .siu-issue { margin: 0 -16px; padding: 22px 16px 10px; border-bottom: 8px solid var(--band); }
  .siu-fp .siu-h { font-size: 18px; border-bottom-width: 0; padding-bottom: 4px; }

  .siu-slider { margin: 0 -16px; }
  .siu-slide a { border-radius: 0; }
  .siu-slide-img { aspect-ratio: 16 / 10; }
  .siu-slide-txt { padding: 60px 16px 16px; }
  .siu-slide-title { font-size: 21px; }
  .siu-slide-txt .siu-ex { display: none; }
  .siu-slider-nav { padding: 10px 0 2px; }

  .siu-fp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; margin-top: 0; }
  .siu-fp-more .siu-lines li:nth-child(n+6) { display: none; }   /* 휴대폰에서는 최신 뉴스 5건만 */
  .siu-card-title { font-size: 15px; }

  .siu-fp-ad-side { margin: 0 -16px; padding: 16px; border-bottom: 8px solid var(--band); }
  .siu-fp-ad-mid { margin: 0 -16px; padding: 16px; border-bottom: 8px solid var(--band); }

  /* 분야별: 첫 기사는 사진 왼쪽·제목 오른쪽 */
  .siu-fp-sections { display: block; margin: 0; }
  .siu-sec.is-wide { display: block; }
  .siu-sec .siu-card a { display: flex; gap: 14px; align-items: center; }
  .siu-sec .siu-card-img { flex: none; width: 120px; border-radius: 4px; }
  .siu-sec .siu-card-txt { padding-top: 0; flex: 1; min-width: 0; }
  .siu-sec .siu-t { font-size: 16px; }

  /* 포토: 옆으로 밀어 보기 */
  .siu-photo { margin: 0 -16px; border-radius: 0; padding: 22px 16px 24px; }
  .siu-photo-row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 0 -16px; padding: 0 16px; scrollbar-width: none; }
  .siu-photo-row::-webkit-scrollbar { display: none; }
  .siu-photo-item { flex: 0 0 62%; scroll-snap-align: start; }
  .siu-photo-item img, .siu-photo-item .siu-noimg { aspect-ratio: 4 / 3; }

  .siu-issue-row { grid-template-columns: 1fr; gap: 12px; }
  .siu-fp-bottom { padding-top: 20px; }

  .siu-row a { gap: 14px; padding: 16px 0; }
  .siu-row-img { width: 108px; }
  .siu-row-txt .siu-ex { display: none; }
}

/* 하단 저작권 줄 */
.site-footer .site-info { font-size: 13px; }

/* 카테고리·태그 목록 화면 상단의 "카테고리: 문화" 제목 숨김 (탭에 현재 분야가 초록색으로 표시되므로 불필요) */
.archive .page-header { display: none; }

/* =========================================================
   사이드바: 검색 위젯 · 최근 기사 번호
   ========================================================= */
.widget_search .wp-block-search__label { display: none; }          /* '검색' 제목 숨김 */
.widget_search .wp-block-search__inside-wrapper {
  border: 1px solid #d9d9de; border-radius: 22px; overflow: hidden; background: #fff; height: 44px;
}
.widget_search .wp-block-search__input {
  border: 0 !important; height: 42px; padding: 0 16px; font-size: 15px; background: transparent; min-width: 0;
}
.widget_search .wp-block-search__input:focus { outline: none; box-shadow: none; }
.widget_search .wp-block-search__button {
  flex: none; width: 48px; height: 42px; margin: 0; padding: 0; border: 0 !important;
  background: transparent !important; color: transparent !important; font-size: 0; position: relative;
}
.widget_search .wp-block-search__button::before {               /* 돋보기 아이콘 */
  content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%);
  background: no-repeat center/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23303038' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
}
.widget_search .wp-block-search__inside-wrapper:focus-within { border-color: #568a35; }

.widget .wp-block-heading { font-size: 19px; font-weight: 700; letter-spacing: -0.5px; color: #111; margin-bottom: 8px; }
.widget .wp-block-latest-posts__list { counter-reset: siu-recent; margin: 0; padding: 0; list-style: none; }
.widget .wp-block-latest-posts__list li {
  counter-increment: siu-recent; position: relative; padding: 11px 0 11px 28px; margin: 0;
  border-top: 1px solid #eee;
}
.widget .wp-block-latest-posts__list li:first-child { border-top: 0; }
.widget .wp-block-latest-posts__list li::before {
  content: counter(siu-recent); position: absolute; left: 0; top: 11px;
  width: 18px; font-size: 16px; font-weight: 700; line-height: 22px; color: #568a35; text-align: center;
}
.widget .wp-block-latest-posts__list a {
  font-size: 15px; line-height: 22px; color: #1e1e23; letter-spacing: -0.3px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* =========================================================
   푸터: 발행인 정보 (functions.php 의 siu_footer_info 와 짝)
   ========================================================= */
.site-footer .site-info { display: none; }                         /* 테마 기본 저작권 줄 → 아래로 대체 */
.siu-footer { background: #2b2b2e; color: #a8a8ad; font-size: 13px; line-height: 1.7; letter-spacing: -0.2px; }
.siu-footer-inner { max-width: 1110px; margin: 0 auto; padding: 28px 16px 36px; }
.siu-footer-name { display: block; color: #fff; font-size: 16px; margin-bottom: 10px; }
.siu-footer-line { margin: 0 0 4px; }
.siu-footer-line span { display: inline-block; margin-right: 14px; }
.siu-footer-line em { font-style: normal; color: #d8d8dc; margin-right: 3px; }
.siu-footer-copy { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.1); font-size: 12px; color: #86868b; }

/* =========================================================
   유튜브 배너
   ========================================================= */
.siu-yt {
  display: flex; align-items: center; gap: 12px; margin: 32px 0 8px; padding: 14px 16px;
  border: 1px solid #ececef; border-radius: 10px; background: #fafafa;
  color: #1e1e23 !important; text-decoration: none !important; font-size: 14px; line-height: 1.4;
}
.siu-yt:hover { background: #f3f3f5; }
.siu-yt-icon svg { width: 36px; height: 26px; display: block; }
.siu-yt-text { flex: 1; min-width: 0; color: #555; }
.siu-yt-text b { display: block; font-size: 15px; color: #111; margin-bottom: 1px; }
.siu-yt-btn {
  flex: none; background: #111; color: #fff; font-size: 13px; font-weight: 600;
  padding: 7px 14px; border-radius: 16px;
}
.siu-home-side .siu-yt { margin: 20px 0 0; }

/* =========================================================
   배너 광고 (siu-ads.php 와 짝)
   ========================================================= */
.siu-ad { position: relative; margin: 24px 0; line-height: 0; text-align: center; }
.siu-ad img { width: 100%; height: auto; display: block; border-radius: 4px; }
.siu-ad-label {
  position: absolute; top: 6px; right: 6px; z-index: 1; line-height: 1;
  font-size: 11px; color: #fff; background: rgba(0,0,0,.45); padding: 3px 6px; border-radius: 3px;
}
.single .entry-content .siu-ad-article_top { margin-top: 0; }
.siu-row-ad .siu-ad { margin: 14px 0; }
.siu-home-side .siu-ad { margin: 20px 0 0; }