/*
Theme Name: Healthy News Child
Theme URI: https://healthblog.top
Description: Medical-news style child theme for HealthBlog multisite
Author: Shyn
Template: colormag
Version: 1.0.0
Text Domain: healthy-news-child
*/

:root {
  --hn-primary: #0b5fa5;
  --hn-secondary: #0ea5a6;
  --hn-accent: #1d4ed8;
  --hn-bg: #f5f9fc;
  --hn-card: #ffffff;
  --hn-text: #1f2937;
  --hn-muted: #6b7280;
  --hn-border: #dbe7f3;
}

body {
  background: var(--hn-bg);
  color: var(--hn-text);
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.7;
}

a { color: var(--hn-primary); }
a:hover { color: var(--hn-accent); }

/* Header */
#header-text-nav-wrap,
#header-text-nav-container,
#masthead {
  background: #ffffff;
  border-bottom: 1px solid var(--hn-border);
}

.main-navigation,
#site-navigation {
  background: linear-gradient(90deg, var(--hn-primary), var(--hn-secondary));
}
.main-navigation a,
#site-navigation a { color: #fff !important; font-weight: 600; }

/* Cards / posts */
.post,
.widget,
.content-area article,
.tg-featured-post,
.tg-module-thumb,
.tg-post,
article {
  background: var(--hn-card);
  border: 1px solid var(--hn-border);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.post,
.content-area article,
article { padding: 18px; margin-bottom: 18px; }

.entry-title,
.entry-title a,
h1,h2,h3,h4 { color: #0f172a; line-height: 1.3; }

.entry-meta,
.posted-on,
.byline,
.cat-links,
.tags-links {
  color: var(--hn-muted);
  font-size: 13px;
}

/* Sidebar widgets */
.widget-title,
.block-title,
.tg-widget-title {
  border-left: 5px solid var(--hn-secondary);
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 700;
}

/* Buttons */
button,
input[type="button"],
input[type="submit"],
.btn,
.read-more {
  background: var(--hn-primary);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 600;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.btn:hover,
.read-more:hover {
  background: var(--hn-accent);
}

/* Footer */
.site-footer,
#colophon {
  background: #0b1220;
  color: #d1d5db;
}
.site-footer a,
#colophon a { color: #93c5fd; }

/* Mobile */
@media (max-width: 768px) {
  .post,
  .content-area article,
  article { padding: 14px; border-radius: 12px; }
  .widget-title,
  .block-title,
  .tg-widget-title { font-size: 15px; }
}