/*
Theme Name: SendCopy Blog
Template: neve
Version: 1.0
Description: SendCopy custom blog theme
*/

/* ===== RESET ===== */
*, *::before, *::after { box-sizing: border-box; }

/* ===== GLOBAL ===== */
body {
  background: #f8faff;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #1e293b;
  margin: 0;
}

/* ===== HEADER ===== */
.hfg_header, .hfg-wrapper {
  background-color: #070B17 !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.nv-nav-wrap a, .nav-menu a { color: #94a3b8 !important; }
.nav-menu a:hover { color: #fff !important; }

/* ===== HERO ===== */
.sc-blog-hero {
  background: #070B17;
  padding: 52px 0 44px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.sc-blog-hero::before {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(37,99,235,0.12) 0%, transparent 70%);
  right: -100px;
  bottom: -200px;
  pointer-events: none;
}
.sc-hero-tag {
  display: inline-block;
  background: rgba(37,99,235,0.15);
  color: #60a5fa;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  border: 1px solid rgba(37,99,235,0.3);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.sc-blog-hero h1 {
  color: #f8fafc;
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 10px;
  line-height: 1.2;
}
.sc-blog-hero p {
  color: #64748b;
  font-size: 15px;
  margin: 0 auto 24px;
  max-width: 520px;
}
.sc-search-wrap {
  display: flex;
  max-width: 440px;
  margin: 0 auto;
}
.sc-search-wrap input {
  flex: 1;
  background: #0d1526;
  border: 1px solid rgba(255,255,255,0.1);
  border-right: none;
  color: #f1f5f9;
  font-size: 14px;
  padding: 12px 18px;
  border-radius: 8px 0 0 8px;
  outline: none;
}
.sc-search-wrap input::placeholder { color: #475569; }
.sc-search-wrap button {
  background: #2563EB;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 0 8px 8px 0;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* ===== CATEGORY FILTER ===== */
.sc-cat-filter {
  background: #fff;
  border-bottom: 1px solid #e2e8f0;
  padding: 0 0;
}
.sc-cat-filter-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.sc-cat-label {
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  margin-right: 6px;
}
.sc-cat-btn {
  font-size: 12px;
  padding: 6px 16px;
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  color: #64748b;
  background: transparent;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.15s;
}
.sc-cat-btn:hover, .sc-cat-btn.active {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #2563EB;
  font-weight: 700;
}

/* ===== MAIN LAYOUT ===== */
.sc-blog-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 36px 40px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 36px;
  align-items: start;
}

/* ===== FEATURED POST ===== */
.sc-featured {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 32px;
  transition: box-shadow 0.2s;
}
.sc-featured:hover { box-shadow: 0 8px 32px rgba(37,99,235,0.12); }
.sc-featured-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}
.sc-featured-img-placeholder {
  width: 100%;
  height: 280px;
  background: #0d1526;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sc-feat-badge {
  display: inline-block;
  background: #2563EB;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 4px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.sc-featured-body { padding: 24px; }
.sc-feat-cat {
  display: inline-block;
  background: #eff6ff;
  color: #2563EB;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 4px;
  border: 1px solid #bfdbfe;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  margin-bottom: 12px;
}
.sc-feat-title {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.35;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}
.sc-feat-title:hover { color: #2563EB; }
.sc-feat-meta {
  font-size: 12px;
  color: #94a3b8;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sc-feat-excerpt {
  font-size: 14px;
  color: #64748b;
  line-height: 1.65;
  margin-bottom: 16px;
}
.sc-feat-link {
  font-size: 13px;
  font-weight: 600;
  color: #2563EB;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.sc-feat-link:hover { color: #1d4ed8; }

/* ===== POSTS LIST ===== */
.sc-posts-heading {
  font-size: 11px;
  font-weight: 700;
  color: #94a3b8;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e8f0;
}
.sc-post-item {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid #f1f5f9;
  align-items: start;
}
.sc-post-item:last-child { border-bottom: none; }
.sc-post-thumb {
  width: 110px;
  height: 76px;
  border-radius: 10px;
  overflow: hidden;
  background: #0d1526;
  flex-shrink: 0;
}
.sc-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sc-post-cat {
  display: inline-block;
  background: #eff6ff;
  color: #2563EB;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 3px;
  border: 1px solid #bfdbfe;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 7px;
  text-decoration: none;
}
.sc-post-title {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1.4;
  margin-bottom: 7px;
  text-decoration: none;
  display: block;
}
.sc-post-title:hover { color: #2563EB; }
.sc-post-meta {
  font-size: 11px;
  color: #94a3b8;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.sc-post-link {
  font-size: 12px;
  font-weight: 600;
  color: #2563EB;
  text-decoration: none;
}

/* ===== SIDEBAR ===== */
.sc-sidebar { display: flex; flex-direction: column; gap: 20px; }
.sc-widget {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 20px;
}
.sc-widget-title {
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f5f9;
}
.sc-popular-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}
.sc-popular-item:last-child { margin-bottom: 0; }
.sc-popular-num {
  width: 24px;
  height: 24px;
  background: #eff6ff;
  color: #2563EB;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.sc-popular-title {
  font-size: 13px;
  font-weight: 600;
  color: #334155;
  line-height: 1.4;
  text-decoration: none;
}
.sc-popular-title:hover { color: #2563EB; }
.sc-popular-meta { font-size: 11px; color: #94a3b8; margin-top: 3px; }

.sc-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.sc-tag {
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.15s;
}
.sc-tag:hover {
  border-color: #bfdbfe;
  color: #2563EB;
  background: #eff6ff;
}

.sc-newsletter-widget {
  background: #070B17;
  border-radius: 14px;
  padding: 20px;
}
.sc-newsletter-widget h3 { color: #f8fafc; font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.sc-newsletter-widget p { color: #64748b; font-size: 12px; line-height: 1.5; margin-bottom: 16px; }
.sc-newsletter-widget input {
  width: 100%;
  background: #0d1526;
  border: 1px solid rgba(255,255,255,0.1);
  color: #f1f5f9;
  font-size: 13px;
  padding: 10px 12px;
  border-radius: 8px;
  margin-bottom: 10px;
  outline: none;
}
.sc-newsletter-widget input::placeholder { color: #475569; }
.sc-newsletter-widget button {
  width: 100%;
  background: #2563EB;
  color: #fff;
  border: none;
  padding: 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

/* ===== PAGINATION ===== */
.sc-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 32px 0 8px;
}
.sc-page-btn {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  text-decoration: none;
  transition: all 0.15s;
}
.sc-page-btn:hover, .sc-page-btn.current {
  background: #2563EB;
  border-color: #2563EB;
  color: #fff;
}

/* ===== SINGLE POST ===== */
.sc-single-hero {
  background: linear-gradient(160deg, #eff6ff 0%, #f0f4ff 100%);
  padding: 52px 0 36px;
  border-bottom: 1px solid #e2e8f0;
}
.sc-single-hero-inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 40px;
}
.sc-single-cat {
  display: inline-block;
  background: #eff6ff;
  color: #2563EB;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid #bfdbfe;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  margin-bottom: 16px;
}
.sc-single-title {
  font-size: 34px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.25;
  margin-bottom: 18px;
}
.sc-single-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 13px;
  color: #64748b;
}
.sc-single-featured {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 40px;
}
.sc-single-featured img {
  width: 100%;
  max-height: 460px;
  object-fit: cover;
  border-radius: 0 0 16px 16px;
  display: block;
}
.sc-single-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 40px 60px;
}
.sc-single-content p { color: #475569; font-size: 16px; line-height: 1.8; margin-bottom: 20px; }
.sc-single-content h2 { color: #0f172a; font-size: 24px; font-weight: 700; margin: 40px 0 14px; padding-bottom: 10px; border-bottom: 2px solid #eff6ff; }
.sc-single-content h3 { color: #1e293b; font-size: 19px; font-weight: 700; margin: 28px 0 10px; }
.sc-single-content h4 { color: #1e293b; font-size: 16px; font-weight: 700; margin: 20px 0 8px; }
.sc-single-content a { color: #2563EB; }
.sc-single-content blockquote { background: #f0f7ff; border-left: 4px solid #2563EB; border-radius: 0 10px 10px 0; padding: 18px 22px; margin: 24px 0; }
.sc-single-content blockquote p { color: #1d4ed8; margin: 0 0 8px; }
.sc-single-content blockquote p:last-child { margin: 0; }
.sc-single-content ul, .sc-single-content ol { padding-left: 24px; margin-bottom: 20px; }
.sc-single-content li { color: #475569; margin-bottom: 10px; font-size: 15px; }
.sc-single-content strong { color: #1e293b; }
.sc-single-content code { background: #eff6ff; color: #2563EB; padding: 2px 7px; border-radius: 4px; font-size: 14px; }

/* ===== FOOTER ===== */
.site-footer { background: #070B17 !important; border-top: 1px solid rgba(255,255,255,0.07) !important; }
.site-footer, .site-footer a { color: #475569 !important; font-size: 13px !important; }
.site-footer a:hover { color: #94a3b8 !important; }
/* ===== FONT SIZE FIX ===== */
.sc-blog-hero h1 {
  font-size: 42px !important;
}
.sc-blog-hero p {
  font-size: 17px !important;
}
.sc-feat-title {
  font-size: 26px !important;
}
.sc-feat-excerpt {
  font-size: 15px !important;
}
.sc-post-title {
  font-size: 17px !important;
}
.sc-post-meta {
  font-size: 13px !important;
}
.sc-widget-title {
  font-size: 15px !important;
}
.sc-popular-title {
  font-size: 14px !important;
}
.sc-blog-wrap {
  padding: 44px 48px !important;
}
.sc-cat-filter-inner {
  padding: 16px 48px !important;
}