/*
Theme Name: GeneratePress Child GC
Template: generatepress
Version: 1.0.0
Description: (주)글로벌컴퍼니 블로그 자식 테마 (ai100blog v2 복제)
*/

/* =====================================================================
   ai100blog — 라이트 클린 v2  (GeneratePress)
   전체 밝은 톤 + 카드(테두리·그림자·라운드) + 코랄 포인트.
   ※ v1(다크) 폐기 — 다크/라이트 혼합 충돌(사이드바 위젯·댓글폼) 제거.
   적용: 외관 → 사용자정의 → 추가 CSS (또는 자식테마 style.css). v1 CSS는 삭제 후 교체.
   브랜드킷: 네이비 #0d1220 · 코랄 #d8491c · Pretendard
   ===================================================================== */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');

:root{
  --navy:#0d1220; --coral:#d8491c; --coral-d:#b23a12;
  --ink:#1a1d24; --gray:#5a616e; --faint:#8b919c; --line:#e8e9ee;
  --bg:#f4f5f7; --card:#ffffff; --ivory:#faf9f6;
  --sans:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;
}

/* ---------- 베이스 (밝은 톤) ---------- */
body{ font-family:var(--sans); background:var(--bg); color:#2b303a; letter-spacing:-.01em; }
.grid-container{ max-width:1140px; }
a{ color:var(--coral); } a:hover{ color:var(--coral-d); }

/* ---------- 헤더 (라이트) ---------- */
.site-header{ background:#fff; border-bottom:1px solid var(--line); box-shadow:0 1px 8px rgba(0,0,0,.04); }
.site-title a, .main-title a{ color:var(--navy)!important; font-weight:800; letter-spacing:-.03em; }
.site-description{ color:var(--gray); }

/* 네비게이션 (라이트) */
.main-navigation{ background:transparent; }
.main-navigation .main-nav ul li a{ color:var(--gray)!important; font-weight:600; transition:.18s; }
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a{ color:var(--navy)!important; box-shadow:inset 0 -3px 0 var(--coral); }
/* CTA 메뉴(강의·문의 / 업무제휴) */
.main-navigation .main-nav ul li.cta a{ background:var(--coral); color:#fff!important; border-radius:10px; margin:6px 4px; }
.main-navigation .main-nav ul li.cta a:hover{ background:var(--coral-d); color:#fff!important; box-shadow:none; }

/* ---------- 히어로 (밝은 임팩트) ---------- */
.page-hero{ background:linear-gradient(135deg,#fff 0%,#eef1f6 100%);
  border:1px solid var(--line); border-radius:20px; padding:54px 40px; margin:24px 0 32px; text-align:center;
  box-shadow:0 8px 30px rgba(13,18,32,.06); }
.page-hero h1{ font-size:40px; font-weight:800; color:var(--navy); line-height:1.25; letter-spacing:-.04em; }
.page-hero h1 .accent{ color:var(--coral); }
.page-hero p{ color:var(--gray); font-size:17px; margin-top:12px; }
.page-hero .btn{ display:inline-block; margin-top:22px; background:var(--coral); color:#fff;
  padding:14px 30px; border-radius:10px; font-weight:700; font-size:16px; transition:.18s; }
.page-hero .btn:hover{ background:var(--coral-d); transform:translateY(-2px); }

/* ---------- 포스트 = 흰 카드 (바깥 article 1겹만) ---------- */
.content-area .site-main > article.post,
article.post{
  background:var(--card); border:1px solid var(--line);
  border-radius:16px; padding:16px 18px; margin-bottom:24px; transition:.2s;
  box-shadow:0 6px 24px rgba(13,18,32,.06);
}
article.post:hover{ transform:translateY(-3px); box-shadow:0 14px 40px rgba(13,18,32,.12); border-color:#d7dae1; }
article.post .inside-article,
.separate-containers .inside-article{
  background:transparent; border:0; border-radius:0; box-shadow:none;
  padding:0; margin:0;
}
.entry-title{ font-size:26px; font-weight:800; line-height:1.3; letter-spacing:-.03em; }
.entry-title a{ color:var(--navy); } .entry-title a:hover{ color:var(--coral); }
.entry-meta, .posted-on, .byline{ color:var(--faint); font-size:13px; }
/* 본문 가독성 v1.1 — 2026-06-25 */
.entry-content{
  color:#2b303a; font-size:18px; line-height:1.8;
  max-width:760px; margin-left:auto; margin-right:auto;
}
.entry-content p{ margin-bottom:1.3em; }
.entry-content code, .entry-content .small-accent{ color:#b23a12; }
.entry-summary{ color:#2b303a; font-size:16px; line-height:1.85; }
.entry-content strong, .entry-content b{ color:var(--ink); }
/* 본문 헤딩 통일 v1.1 — 2026-06-25 */
.entry-content h2{ font-size:28px; font-weight:800; color:#0d1220; line-height:1.35; margin:1.6em 0 .5em; }
.entry-content h3{ font-size:21px; font-weight:700; color:#1a1d24; margin:1.3em 0 .4em; }
.entry-content strong{ font-weight:700; color:#1a1d24; }
@media (max-width:600px){
  .entry-content h2{ font-size:22px; }
  .entry-content h3{ font-size:18px; }
}
.entry-content a{ color:var(--coral); } .entry-content a:hover{ color:var(--coral-d); }
.entry-content img{ border-radius:10px; max-width:100%; height:auto; }
.read-more, .more-link{ display:inline-block; color:var(--coral)!important; font-weight:700; }

/* 카테고리/태그 칩 */
.entry-meta a, .cat-links a, .tags-links a{ display:inline-block; background:#f1f2f5;
  border:1px solid var(--line); color:var(--gray)!important; padding:3px 11px;
  border-radius:999px; font-size:12px; margin:2px 4px 2px 0; }
.entry-meta a:hover{ border-color:var(--coral); color:var(--navy)!important; }

/* ---------- 사이드바 (라이트 카드 — 위젯 가독 ★수정) ---------- */
.sidebar .widget, .widget-area .widget{ background:var(--card); border:1px solid var(--line);
  border-radius:14px; padding:22px; margin-bottom:20px; box-shadow:0 4px 16px rgba(13,18,32,.05); }
/* 검색 위젯 상·하 간격 절반 — 2026-06-25 */
.sidebar .widget.widget_search,
.widget-area .widget.widget_search,
aside.widget_search{
  margin-top:10px; margin-bottom:10px;
  padding-top:11px; padding-bottom:11px;
}
.sidebar .widget-title, .widget-area .widget-title, .wp-block-heading{ color:var(--navy)!important; font-weight:800; font-size:16px;
  border-bottom:2px solid var(--coral); display:inline-block; padding-bottom:6px; margin-bottom:14px; }
.sidebar .widget a, .widget-area .widget a{ color:var(--gray); }
.sidebar .widget a:hover, .widget-area .widget a:hover{ color:var(--coral); }
.sidebar .widget li, .widget-area .widget li{ color:#2b303a; border-bottom:1px solid #f1f2f5; padding:7px 0; }

/* 검색 (라이트) */
.wp-block-search__input, .search-field{ background:#fff; border:1px solid #d7dae1!important;
  color:var(--ink); border-radius:8px; }
.wp-block-search__button, .search-submit{ background:var(--coral); color:#fff; border:0; border-radius:8px; font-weight:700; }

/* 검색 입력·버튼 높이·가로 정렬 UX — 2026-06-25 */
.widget_search .wp-block-search__inside-wrapper,
.widget_search .search-form{
  display:flex; flex-direction:row; flex-wrap:nowrap; align-items:stretch; gap:8px;
}
.widget_search .wp-block-search__input,
.widget_search input[type=search],
.sidebar .widget_search .search-field{
  flex:1 1 auto; width:auto; min-width:0;
  height:44px; min-height:44px; max-height:44px;
  font-size:16px; padding:10px 12px; line-height:1.2; box-sizing:border-box;
}
.widget_search .wp-block-search__button,
.widget_search .search-submit,
.sidebar .widget_search button[type=submit]{
  flex:0 0 auto;
  height:44px; min-height:44px; max-height:44px; min-width:auto;
  font-size:15px; padding:0 18px; line-height:44px;
  white-space:nowrap; word-break:keep-all;
  box-sizing:border-box;
}
@media (max-width:600px){
  .widget_search .wp-block-search__input,
  .widget_search input[type=search],
  .sidebar .widget_search .search-field,
  .widget_search .wp-block-search__button,
  .widget_search .search-submit,
  .sidebar .widget_search button[type=submit]{
    height:48px; min-height:48px; max-height:48px;
    line-height:48px;
  }
}

/* ---------- 버튼 공통 ---------- */
.wp-block-button__link, button, input[type=submit], .button, #submit{
  background:var(--coral); color:#fff; border:0; border-radius:10px; font-weight:700; padding:13px 26px; transition:.18s; }
.wp-block-button__link:hover, button:hover, input[type=submit]:hover, .button:hover, #submit:hover{ background:var(--coral-d); transform:translateY(-2px); }

/* ---------- 폼 전체 (댓글·문의·제휴 — 전부 라이트 ★수정) ---------- */
input[type=text], input[type=email], input[type=url], input[type=tel], input[type=search],
textarea, select, #comment, #commentform textarea, .comment-form textarea, .comment-form input{
  background:#fff!important; border:1px solid #d7dae1!important; color:var(--ink)!important;
  border-radius:10px; padding:12px 14px; width:100%; font-family:var(--sans); }
input::placeholder, textarea::placeholder{ color:var(--faint); }
label, .comment-form label{ color:#2b303a; font-weight:600; }
.comment-form{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px 28px; box-shadow:0 6px 24px rgba(13,18,32,.06); }
.comments-title, #reply-title{ color:var(--navy); font-weight:800; }
/* 댓글 제출 버튼 — GP 기본(흰 배경) 오버라이드 → 코랄 CTA */
.form-submit #submit, .form-submit input[type=submit], #commentform #submit, #commentform input[type=submit]{
  background:var(--coral)!important; color:#fff!important; border:0!important; border-radius:10px!important;
  font-weight:700!important; padding:13px 26px!important; transition:.18s; }
.form-submit #submit:hover, #commentform #submit:hover{ background:var(--coral-d)!important; transform:translateY(-2px); }

/* ---------- 페이지·단일 본문 ---------- */
.page .entry-content, .single .entry-content{ color:#2b303a; }
.page .entry-title, .single .entry-title{ font-size:32px; color:var(--navy); }

/* ---------- 푸터 (네이비 — 대비 포인트, 흰 글씨) ---------- */
.site-footer, .footer-widgets, .site-info{ background:var(--navy); color:#cdd2db; border-top:0; }
.site-info a, .site-footer a{ color:#f0a07e; }
.footer-widgets .widget-title{ color:#fff!important; border-bottom-color:var(--coral); }

/* ---------- 강조 숫자 ---------- */
.num-pop{ color:var(--coral); font-weight:800; font-size:1.15em; }

/* ---------- 반응형 ---------- */
@media (max-width:768px){
  .page-hero{ padding:38px 22px; } .page-hero h1{ font-size:28px; }
  .entry-title{ font-size:22px; }
  article.post{ padding:20px; }
  .main-navigation .main-nav ul li.cta a{ margin:4px 0; }
}

/* ---------- 모바일 콘텐츠 폭 (전역) — 2026-06-25 ---------- */
@media (max-width:600px){
  #page.site.grid-container,
  .inside-header.grid-container,
  .inside-navigation.grid-container{
    padding-left:14px !important;
    padding-right:14px !important;
    max-width:100% !important;
    width:100% !important;
  }
  .site-content,
  .content-area,
  .content-area .site-main,
  .site-content .content-area,
  .is-right-sidebar .content-area,
  .is-left-sidebar .content-area{
    width:100% !important;
    float:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    max-width:100% !important;
  }
  /* 카드 해제 — 모바일은 플랫 풀폭 */
  .content-area .site-main > article.post,
  article.post{
    padding:8px 0 20px !important;
    margin-bottom:16px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  article.post .inside-article,
  .separate-containers .inside-article{
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  article.post:hover,
  .inside-article:hover{
    transform:none !important;
    box-shadow:none !important;
  }
  .entry-content{
    font-size:17px;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .entry-content .wrap{
    max-width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* ---------- 푸터 GeneratePress 크레딧 숨김 — 2026-06-25 ---------- */
.copyright-bar a[href*="generatepress.com"]{ display:none !important; }
.copyright-bar{ font-size:14px; }

/* card gap tighten 0723 */
.content-area .site-main{ gap:10px !important; grid-gap:10px !important; }
