/*
Theme Name: RoadToCoin GeneratePress Child
Template: generatepress
Version: 1.0.1
Text Domain: roadtocoin-gp-child
*/

:root {
  --rtc-contrast: #212121;
  --rtc-heading: #2f4468;
  --rtc-muted: #878787;
  --rtc-base: #fafafa;
  --rtc-surface: #ffffff;
  --rtc-accent: #242226;
  --rtc-accent-hover: #35343a;
  --rtc-link: #1b78e2;
  --rtc-highlight: #83b0de;
}

body {
  background: var(--rtc-base);
  color: var(--rtc-contrast);
  font-family: "Open Sans", "Noto Sans KR", sans-serif;
  font-size: 18px;
  line-height: 1.8;
}

a { color: var(--rtc-link); text-decoration: none; }
a:hover { color: var(--rtc-accent-hover); }

.site-header,
.main-navigation,
.site-footer {
  background: var(--rtc-accent);
  color: #fff;
}

.site-header .inside-header {
  min-height: 80px;
  padding: 18px 40px;
}

/* 기존 공유 이미지가 로고로 지정돼도 헤더 전체를 덮지 않게 텍스트 브랜드만 사용한다. */
.site-header .site-logo {
  display: none !important;
}

.site-header .site-branding {
  display: block !important;
}

.site-branding .main-title,
.site-branding .main-title a,
.site-logo a {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.site-description { display: none; }

.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-item > a {
  color: #fff;
  font-weight: 600;
  min-height: 65px;
  line-height: 65px;
  padding: 0 20px;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  background: var(--rtc-accent-hover);
  color: #fff;
}

.grid-container { max-width: 1200px; }
.site-content { padding: 26px 20px 42px; }
.content-area { width: 70%; }
.widget-area { width: 30%; }

.site-main > article,
.site-main > .page-header,
.inside-right-sidebar > .widget,
.rtc-recent-widget {
  background: var(--rtc-surface);
  border: 1px solid #eceff3;
}

.site-main > article {
  margin-bottom: 25px;
  padding: 50px;
  overflow: hidden;
}

.entry-title,
.entry-title a,
.page-header h1,
.entry-content h1,
.entry-content h2,
.entry-content h3 {
  color: var(--rtc-heading);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.035em;
}

.entry-title { font-size: 38px; margin-bottom: 15px; }
.entry-title a:hover { color: var(--rtc-accent-hover); }
.entry-meta { color: var(--rtc-muted); font-size: 15px; margin-bottom: 28px; }
.entry-meta a { color: var(--rtc-heading); }

.post-image {
  float: left;
  width: 320px;
  margin: 0 48px 24px 0;
}

.post-image img,
.entry-content img {
  border-radius: 10px;
}

.post-image img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.entry-summary { min-height: 250px; }
.entry-summary p { margin-top: 0; }

.rtc-read-more-wrap {
  clear: both;
  padding-top: 18px;
}

.rtc-read-more {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 24px;
  border-radius: 11px;
  background: linear-gradient(100deg, #242226 0%, #3d1f68 48%, #8400ee 100%);
  color: #fff !important;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
}

.rtc-read-more:hover { filter: brightness(1.08); }

.inside-right-sidebar { margin-left: 0; }
.rtc-recent-widget { padding: 42px 36px; }
.rtc-recent-widget h2 { margin: 0 0 24px; font-size: 25px; }
.rtc-recent-list { list-style: none; margin: 0; padding: 0; }
.rtc-recent-item { margin: 0 0 20px; }
.rtc-recent-item a { display: flex; align-items: center; gap: 14px; color: var(--rtc-heading); }
.rtc-recent-item img {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 50%;
}
.rtc-recent-title { font-size: 15px; line-height: 1.5; font-weight: 600; }

.entry-content table {
  width: 100%;
  margin: 24px 0;
  border-collapse: collapse;
  font-size: 0.96em;
}
.entry-content th,
.entry-content td { border: 1px solid #e5e7eb; padding: 12px; vertical-align: top; }
.entry-content th { background: #f8fafc; color: var(--rtc-heading); }

.entry-content blockquote {
  margin: 26px 0;
  padding: 18px 22px;
  border-left: 5px solid var(--rtc-highlight);
  background: #f3f7fb;
  border-radius: 10px;
}

.entry-content .rtc-summary-box,
.entry-content .ml-summary-box {
  margin: 24px 0;
  padding: 20px 22px;
  border: 1px solid #dbeafe;
  border-left: 5px solid #3b82f6;
  border-radius: 12px;
  background: #eff6ff;
}

.entry-content .rtc-caution-box,
.entry-content .ml-caution-box {
  margin: 24px 0;
  padding: 18px 20px;
  border: 1px solid #fde68a;
  border-left: 5px solid #f59e0b;
  border-radius: 12px;
  background: #fffbeb;
}

.comments-area,
.comment-respond { display: none !important; }

.site-info { background: var(--rtc-accent); color: #fff; padding: 26px 20px; }
.site-info a { color: #fff; }
.rtc-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 20px; }

@media (max-width: 900px) {
  .site-content { display: block; padding: 16px 12px 30px; }
  .content-area,
  .widget-area { width: 100%; }
  .site-main > article { padding: 30px 24px; }
  .entry-title { font-size: 30px; }
  .post-image { float: none; width: 100%; margin: 0 0 24px; }
  .post-image img { height: auto; max-height: 420px; }
  .entry-summary { min-height: 0; }
  .rtc-recent-widget { margin-top: 22px; padding: 28px 24px; }
}

@media (max-width: 560px) {
  body { font-size: 17px; }
  .site-header .inside-header { min-height: 66px; padding: 14px 18px; }
  .site-branding .main-title,
  .site-branding .main-title a { font-size: 22px; }
  .site-main > article { padding: 24px 18px; }
  .entry-title { font-size: 26px; }
  .entry-content h2 { font-size: 24px; }
  .main-navigation .main-nav ul li a { line-height: 52px; min-height: 52px; }
}