/*
Theme Name: News Aggregator Theme
Theme URI: https://MyNewsIndonesia.com/
Author: Qaf Media Kreasi
Author URI: https://qafmedia.com/
Description: Tema agregator berita modern dengan sistem RSS import otomatis dan posting internal (Nusantara News).
Version: 1.3.0-red
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: news-aggregator-theme
Tags: news, magazine, aggregator, responsive, ads
*/

/* ===============================
   BRAND VARIABLES
   =============================== */
:root {
  --brand-red: #c4161c;
  --brand-red-dark: #9e1216;
  --brand-red-soft: #fdebec;
}

/* ===============================
   BASE
   =============================== */
body{
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  margin:0;
  background:#f6f7f9;
  color:#222;
  line-height:1.6;
}

a{
  color:var(--brand-red);
  text-decoration:none;
  transition:color .2s ease;
}
a:hover{
  color:var(--brand-red-dark);
}

/* ===============================
   HEADER
   =============================== */
.site-header{
  background:linear-gradient(180deg, #fdebec 0%, #ffffff 100%);
  border-bottom:1px solid #f3caca;
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.header-inner{
  max-width:1100px;
  margin:0 auto;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.site-title{
  font-weight:700;
  font-size:20px;
  color:var(--brand-red);
}

/* ===============================
   NAVIGATION
   =============================== */
.main-menu{
  display:flex;
  align-items:center;
}

.main-menu .menu-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:20px;
}

.main-menu .menu-list a{
  color:#222;
  font-weight:600;
}

.main-menu .menu-list a:hover,
.main-menu .menu-list li.current-menu-item > a{
  color:var(--brand-red);
}

/* ===============================
   LAYOUT
   =============================== */
.container{
  max-width:1100px;
  margin:36px auto;
  padding:0 16px;
  display:flex;
  gap:20px;
  align-items:flex-start;
}

.col{
  background:#fff;
  border-radius:8px;
  padding:18px;
  box-shadow:0 2px 6px rgba(0,0,0,0.04);
  flex:1;
}

.col.sidebar{
  max-width:320px;
  flex:0 0 320px;
}

/* ===============================
   BUTTON
   =============================== */
.btn,
.news-card a.read-more{
  display:inline-block;
  background:var(--brand-red);
  color:#fff;
  padding:8px 14px;
  border-radius:6px;
  font-weight:600;
}

.btn:hover,
.news-card a.read-more:hover{
  background:var(--brand-red-dark);
}

/* ===============================
   NEWS CARD (AGGREGATOR)
   =============================== */
.nat-news-card{
  background:#fff;
  border:1px solid #eef2f6;
  border-radius:8px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100%;
  box-shadow:0 2px 6px rgba(0,0,0,0.03);
  transition:transform .12s ease, box-shadow .12s ease;
}

.nat-news-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
}

.nat-card-thumb{
  width:100%;
  height:170px;
  background:#f4f6f8;
}

.nat-card-title a{
  color:#222;
}

.nat-card-title a:hover{
  color:var(--brand-red);
}

.nat-card-meta{
  font-size:.85rem;
  color:#6b7280;
}

/* ===============================
   NEWS LIST
   =============================== */
.news-list article{
  border-bottom:1px solid #eee;
  padding:16px 0;
}

.news-list h3 a{
  color:#222;
  font-weight:600;
}

.news-list h3 a:hover{
  color:var(--brand-red);
}

/* ===============================
   SIDEBAR
   =============================== */
.sidebar{
  background:#fff;
  border-radius:10px;
  padding:15px;
  box-shadow:0 1px 4px rgba(0,0,0,0.08);
}

.sidebar h3{
  font-size:16px;
  margin-bottom:10px;
  border-bottom:2px solid var(--brand-red);
  padding-bottom:4px;
}

.sidebar ul li a{
  color:#333;
}

.sidebar ul li a:hover{
  color:var(--brand-red);
}

/* ===============================
   FOOTER
   =============================== */
footer{
  text-align:center;
  padding:20px;
  color:#666;
  font-size:14px;
  border-top:1px solid #ddd;
  margin-top:40px;
}

/* ===============================
   RESPONSIVE
   =============================== */
@media(max-width:900px){
  .container{
    flex-direction:column;
  }
  .col.sidebar{
    max-width:100%;
  }
}

/* ===============================
   FORCE RED BRAND OVERRIDE
   =============================== */

:root {
  --brand-red: #c4161c;
  --brand-red-dark: #9e1216;
}

/* LINK GLOBAL */
body a {
  color: var(--brand-red) !important;
}
body a:hover {
  color: var(--brand-red-dark) !important;
}

/* MENU NAVIGASI */
.site-header a,
.main-menu a {
  color: var(--brand-red) !important;
}
.main-menu a:hover {
  color: var(--brand-red-dark) !important;
}

/* HEADLINE BAR */
.headline,
.headline *,
.breaking-news {
  background-color: var(--brand-red) !important;
  color: #fff !important;
}

/* BUTTON */
button,
.btn,
.news-card a.read-more {
  background-color: var(--brand-red) !important;
  border-color: var(--brand-red) !important;
  color: #fff !important;
}
button:hover,
.btn:hover,
.news-card a.read-more:hover {
  background-color: var(--brand-red-dark) !important;
}

/* SIDEBAR TITLE */
.sidebar h3 {
  border-bottom-color: var(--brand-red) !important;
}

/* NEWS TITLE */
.news-list h3 a,
.nat-card-title a {
  color: #111 !important;
}
.news-list h3 a:hover,
.nat-card-title a:hover {
  color: var(--brand-red) !important;
}

/* ==================================================
   SAFE RED BRAND – HEADER COLOR ONLY
   (TIDAK MENGUBAH LAYOUT)
   ================================================== */

:root {
  --brand-red: #c4161c;
}

/* Menu link */
.site-header .main-menu .menu-list a:hover,
.site-header .main-menu .menu-list li.current-menu-item > a {
  color: var(--brand-red) !important;
  border-bottom-color: var(--brand-red) !important;
}

/* Logo text (jika bukan image) */
.site-header .logo a {
  color: var(--brand-red) !important;
}

/* Search icon */
.site-header .search-box button {
  color: var(--brand-red) !important;
}

/* Breaking news bar – HANYA WARNA BG */
.site-header .breaking-news-bar {
  background: var(--brand-red) !important;
}

/* Breaking label lebih gelap */
.site-header .breaking-label {
  background: #9e1216 !important;
}