/*
Theme Name: 어썸뉴스 Data Center
Template: twentytwentyfive
Description: Twenty Twenty-Five 자식 테마 — 남색·하늘색 브랜드, 첫 화면(배너·숫자 띠·최신 분석·분야), 머리말·꼬리말. 원본은 저장소 wp-blog/theme/awesome-dc (관리 화면에서 고치지 말 것 — DB 사본이 생겨 파일이 안 먹는다).
Version: 1.1.0
Text Domain: awesome-dc
*/

/* 한국어는 단어 중간에서 줄을 바꾸지 않는다 */
body{word-break:keep-all;overflow-wrap:break-word}
/* 첫 화면은 소개 띠(남색)와 꼬리말(남색)이 붙게 — 테마 기본 간격(흰 틈) 없앰 */
.home .wp-site-blocks > footer.wp-block-template-part{margin-block-start:0}

/* ── 머리말: 남색 띠 ───────────────────────────── */
.adc-header{background:#0E1628;color:#fff}
.adc-header-inner{padding-top:14px;padding-bottom:14px}
.adc-logo{margin:0!important}
.adc-logo img{display:block;height:auto}
.adc-nav a{color:#fff!important;text-decoration:none;font-weight:600;font-size:0.95rem}
.adc-nav a:hover{color:#7AB8F5!important}
.adc-header .wp-block-navigation__responsive-container-open,
.adc-header .wp-block-navigation__responsive-container-close{color:#fff}
.adc-header .wp-block-navigation__responsive-container.is-menu-open{background:#0E1628!important}

/* ── 첫 화면 배너 ─────────────────────────────── */
.adc-hero{position:relative}
.adc-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(14,22,40,.92) 0%,rgba(14,22,40,.72) 38%,rgba(14,22,40,.05) 70%)}
.adc-hero .wp-block-cover__inner-container{position:relative;z-index:2;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important}
.adc-eyebrow{letter-spacing:.18em;font-size:.8rem!important;font-weight:700;color:#7AB8F5!important;margin:0 0 .8em!important}
.adc-hero h1.adc-hero-title{font-size:clamp(1.9rem,4.2vw,3rem)!important;line-height:1.25!important;color:#fff!important;margin:0 0 .5em!important;max-width:15em}
.adc-hero-lead{color:#dfe8f5;font-size:1.05rem;line-height:1.7;max-width:30em}
.adc-btn .wp-block-button__link{border-radius:999px;font-weight:700;padding:.7em 1.4em;font-size:.95rem}
.adc-btn-main .wp-block-button__link{background:#7AB8F5;color:#0E1628}
.adc-btn-ghost .wp-block-button__link{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
@media (max-width:781px){
  .adc-hero::before{background:linear-gradient(180deg,rgba(14,22,40,.55) 0%,rgba(14,22,40,.88) 100%)}
  .adc-hero{min-height:440px!important}
}

/* ── 분야 목록 머리 배너(patterns/cat-banner.php, 2026-10-01) — 그림이 있을 때만 ── */
.adc-catbanner{position:relative;border-radius:18px;overflow:hidden;min-height:280px;display:flex;align-items:flex-end;
  background-size:cover;background-position:center 60%;background-color:#0E1628}
.adc-catbanner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,22,40,.9) 0%,rgba(14,22,40,.62) 45%,rgba(14,22,40,.1) 80%)}
.adc-catbanner-inner{position:relative;padding:34px 36px}
.adc-catbanner .adc-eyebrow{margin-bottom:.5em!important}
h1.adc-catbanner-title{color:#fff!important;font-size:clamp(1.8rem,3.6vw,2.6rem)!important;line-height:1.2!important;margin:0 0 .35em!important}
.adc-catbanner-lead{color:#dfe8f5;font-size:1rem;line-height:1.6;margin:0!important;max-width:32em}
@media (max-width:781px){
  .adc-catbanner{min-height:220px}
  .adc-catbanner::before{background:linear-gradient(180deg,rgba(14,22,40,.25) 0%,rgba(14,22,40,.88) 100%)}
  .adc-catbanner-inner{padding:24px 22px}
}

/* ── 없는 주소(404, patterns/notfound.php) ───── */
.adc-404{text-align:center}
.adc-404-img{width:100%;max-height:360px;object-fit:cover;border-radius:18px;margin-bottom:28px}
h1.adc-404-title{font-size:clamp(1.6rem,3.4vw,2.3rem)!important;color:#0E1628!important;margin:0 0 .4em!important}
.adc-404-lead{color:#5B6475;margin:0 0 1.4em!important}
.adc-404-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.adc-404-btn{display:inline-block;padding:.6em 1.3em;border-radius:999px;background:#0E1628;color:#fff!important;font-weight:700;text-decoration:none!important}
.adc-404-btn:hover{background:#2674D6}
.adc-404-search{max-width:520px;margin:28px auto 0!important}
/* 폰 폭에서 '검색' 단추가 두 줄로 꺾이고 칸이 좁아졌다(2026-10-01 실물) */
.adc-404-search .wp-block-search__button{white-space:nowrap;flex-shrink:0;padding:.6em 1.2em}
.adc-404-search .wp-block-search__input{min-width:0}

/* ── 숫자 띠(데이터센터 계기판) ────────────────── */
.adc-stats{background:#F4F7FB;border-bottom:1px solid #e3ebf5}
.adc-stat{background:#fff;border:1px solid #e3ebf5;border-radius:14px;padding:18px 20px!important}
.adc-stat-num{font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:2rem!important;font-weight:800;color:#0E1628;margin:0!important;line-height:1.1;letter-spacing:-.02em}
.adc-stat-num small{font-size:.5em;font-weight:700;color:#2674D6;margin-left:.15em}
.adc-stat-label{font-size:.85rem!important;color:#5B6475;margin:.4em 0 0!important}

/* ── 구역 제목 ─────────────────────────────────── */
.adc-section-title{font-size:1.4rem!important;color:#0E1628!important;margin-top:0!important;margin-bottom:0!important}
.adc-section-title::before{content:"";display:inline-block;width:6px;height:1em;background:#7AB8F5;border-radius:3px;margin-right:.5em;vertical-align:-.12em}
.adc-section-sub{color:#5B6475;font-size:.95rem;margin-top:.4em!important;margin-bottom:0!important}

/* ── 글 목록 카드 ─────────────────────────────── */
.adc-grid .wp-block-post{background:#fff;border:1px solid #e3ebf5;border-radius:16px;overflow:hidden;
  transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}
.adc-grid .wp-block-post:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(14,22,40,.10)}
.adc-grid .wp-block-post-featured-image{margin:0!important}
.adc-grid .wp-block-post-featured-image img{border-radius:0}
.adc-card-body{padding:14px 16px 18px!important}
.adc-grid .wp-block-post-terms{font-size:.78rem;font-weight:700;margin:0 0 .4em!important}
.adc-grid .wp-block-post-terms a{color:#2674D6;text-decoration:none}
.adc-grid .wp-block-post-title{font-size:1.05rem!important;line-height:1.45!important;margin:0!important}
.adc-grid .wp-block-post-title a{color:#0E1628;text-decoration:none}
.adc-grid .wp-block-post-date{font-size:.8rem;color:#8a93a3;margin-top:.6em!important}
.adc-empty{background:#F4F7FB;border:1px dashed #c9d8ea;border-radius:16px;padding:32px!important;text-align:center;color:#5B6475}

/* ── 분야 알약 ─────────────────────────────────── */
.adc-cats{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.adc-cats li{margin:0}
.adc-cats a{display:inline-block;padding:.45em 1em;border-radius:999px;background:#fff;border:1px solid #c9d8ea;color:#0E1628;text-decoration:none;font-weight:600;font-size:.92rem}
.adc-cats a:hover{background:#0E1628;color:#fff;border-color:#0E1628}

/* ── 소개 띠 ───────────────────────────────────── */
.adc-about{background:#0E1628;color:#dfe8f5}
.adc-about h2{color:#fff!important;border:0!important;padding:0!important}
.adc-about .wp-block-media-text__media img{border-radius:16px}
.adc-about a{color:#7AB8F5}
@media (max-width:600px){.adc-about .wp-block-media-text__content{padding:28px 0 0!important}}

/* ── 꼬리말 ───────────────────────────────────── */
.adc-footer{background:#0B1120;color:#aab6c8;font-size:.9rem}
.adc-footer a{color:#dfe8f5;text-decoration:none}
.adc-footer a:hover{color:#7AB8F5}
.adc-footer-links{gap:6px 18px!important}
.adc-footer-note{color:#7d8798;font-size:.8rem!important}

/* 글 화면 제목 위 분야 */
.single .wp-block-post-terms a{color:#2674D6;font-weight:700;text-decoration:none}

/* 글 끝 관련 글(functions.php, 2026-09-30) — 카드 표지 4:5 그대로 */
.adc-related{margin:3.2em 0 1em;padding-top:1.6em;border-top:1px solid #dce3ee}
.adc-related-title{font-family:'Pretendard Variable',Pretendard,sans-serif;font-weight:700;font-size:1.25rem;color:#0E1628;margin:0 0 .9em!important}
.adc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.adc-related-card{display:flex;flex-direction:column;gap:6px;text-decoration:none!important;color:#0E1628!important}
/* height:auto 필수 — 그림에 붙은 height 속성(예 960)이 4:5 비율을 이겨 폰에서 길쭉하게 잘려 나왔다(2026-10-01 사용자 폰 캡처) */
.adc-related-card img{width:100%;height:auto!important;aspect-ratio:4/5;object-fit:cover;border-radius:10px;display:block}
.adc-related-cat{font-size:.78rem;font-weight:700;color:#2674D6}
.adc-related-name{font-size:.95rem;font-weight:600;line-height:1.45;word-break:keep-all}
.adc-related-card:hover .adc-related-name{color:#2674D6}
@media (max-width:640px){.adc-related-grid{grid-template-columns:repeat(2,1fr);gap:12px}.adc-related-grid a:nth-child(3){display:none}}