/*!
Srujana v2 — Professional News Portal Skin (Eenadu-inspired)
--------------------------------------------------------------
This stylesheet is loaded AFTER the core theme styles and the
responsive stylesheet, so its rules take precedence in the
cascade without needing !important on most declarations.

Palette:
  Primary blue   #176BEF  (links, nav accents, category chips)
  Deep navy      #0d1b2a  (top bar, footer)
  Breaking red   #E2231A  (ticker / "breaking" badges)
  Ink            #17181a  (headlines)
  Muted grey     #6b7280  (meta text)
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Telugu:wght@400;600;700&family=Merriweather:wght@700;900&family=Inter:wght@400;500;600;700&display=swap');

:root {
    --news-primary: #176BEF;
    --news-primary-dark: #0d4fb5;
    --news-navy: #0d1b2a;
    --news-red: #E2231A;
    --news-ink: #17181a;
    --news-body: #2b2f33;
    --news-muted: #6b7280;
    --news-border: #e3e7ec;
    --news-bg-soft: #f4f6f9;
    --news-headline-font: 'Merriweather', Georgia, serif;
    --news-body-font: 'Inter', 'Open Sans', sans-serif;
}

body {
    background-color: #eef1f4;
    color: var(--news-body);
    font-family: var(--news-body-font);
}

.mt-page-content-wrapper,
#page {
    background-color: #ffffff;
}

a { color: var(--news-primary); }
a:hover { color: var(--news-red); }

/* -----------------------------------------------------------
   Top utility bar — dark navy, like a masthead strip
----------------------------------------------------------- */
.top-header-wrap {
    background-color: var(--news-navy) !important;
    border-bottom: none;
    font-family: var(--news-body-font);
}
.top-header-wrap,
.top-header-wrap a {
    color: #cfd8e3;
}
.top-header-wrap a:hover { color: #ffffff; }

.trending-wrapper .wrap-label,
.trending-tags-wrap .wrap-label {
    color: #ffffff;
    background-color: var(--news-red);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: 1.1rem;
}

#top-menu li a {
    text-transform: uppercase;
    font-size: 1.15rem;
    letter-spacing: .02em;
    font-weight: 600;
}

/* -----------------------------------------------------------
   Breaking-news ticker — bold red strip
----------------------------------------------------------- */
.mt-header-ticker-wrapper {
    background-color: var(--news-red) !important;
    border-top: none;
    border-bottom: none;
}
.mt-ticker-label {
    background-color: #a4130c;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ticker-post-title a {
    color: #ffffff !important;
    font-weight: 600;
    font-family: var(--news-body-font);
}
.ticker-post-title a:hover { color: #ffe9e7 !important; text-decoration: underline; }
.ticker-bounce1, .ticker-bounce2 { background-color: #ffffff; }

/* -----------------------------------------------------------
   Main header — clean white masthead with blue accent rule
----------------------------------------------------------- */
.site-header {
    background-color: #ffffff;
    border-bottom: 3px solid var(--news-primary);
}
.logo-ads-wrap { padding: 18px 0; }

.site-title a {
    font-family: var(--news-headline-font);
    font-weight: 900;
    color: var(--news-ink);
    letter-spacing: -.01em;
}
.site-description { color: var(--news-muted); }

.mt-social-menu-wrapper {
    background-color: var(--news-navy);
}
#site-navigation ul#primary-menu > li > a {
    color: #eef1f6;
    font-family: var(--news-body-font);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: .02em;
    padding-top: 14px;
    padding-bottom: 14px;
}
#site-navigation ul#primary-menu > li:first-child a {
    background-color: var(--news-red);
    color: #ffffff !important;
}
#site-navigation ul#primary-menu > li:first-child:hover a,
#site-navigation ul#primary-menu > li:first-child a:hover {
    background-color: #a4130c;
}
#site-navigation ul#primary-menu > li:hover > a,
#site-navigation ul#primary-menu > li.current-menu-item > a {
    color: #ffffff;
    background-color: var(--news-primary-dark);
}
#site-navigation ul#primary-menu ul {
    background-color: #ffffff;
    border-top: 3px solid var(--news-primary);
    box-shadow: 0 8px 18px rgba(13,27,42,.18);
}
#site-navigation ul#primary-menu ul li a {
    color: var(--news-ink);
    text-transform: none;
    font-weight: 500;
}
#site-navigation ul#primary-menu ul li a:hover {
    background-color: var(--news-bg-soft);
    color: var(--news-primary);
}
.menu-toggle a { color: var(--news-ink); }

.mt-social-search-wrapper .mt-social-icons a {
    color: #cfd8e3;
}
.mt-social-search-wrapper .mt-social-icons a:hover { color: #ffffff; }

/* -----------------------------------------------------------
   Category chips on post cards
----------------------------------------------------------- */
.post-cats-list { display: flex; flex-wrap: wrap; gap: 6px; }
.category-button {
    border-radius: 0;
    line-height: 1;
}
.category-button a {
    display: inline-block;
    background-color: var(--news-primary);
    color: #ffffff !important;
    font-size: 1.05rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 4px 9px;
}
.category-button a:hover { background-color: var(--news-red); }

/* -----------------------------------------------------------
   Article cards — denser, newspaper-style grid
----------------------------------------------------------- */
.mt-archive-article-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.mt-archive-article-wrapper article {
    border: 1px solid var(--news-border);
    background-color: #ffffff;
    padding-bottom: 14px;
    box-shadow: none;
}

/* First post in the loop becomes the "lead story" — spans full width
   with a large image, matching a news portal's top headline block.
   Every other child of the article (meta, title, content, footer) is
   placed explicitly in column 2 so it can never collide with the
   thumbnail's spanned rows. */
.mt-archive-article-wrapper article:first-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    grid-template-rows: auto auto auto 1fr;
    gap: 0 24px;
    border: 1px solid var(--news-border);
    border-left: 4px solid var(--news-red);
    padding: 14px;
}
.mt-archive-article-wrapper article:first-child .thumb-cat-wrap {
    grid-column: 1;
    grid-row: 1 / -1;
    margin-bottom: 0;
}
.mt-archive-article-wrapper article:first-child .entry-meta,
.mt-archive-article-wrapper article:first-child .entry-header,
.mt-archive-article-wrapper article:first-child .entry-content,
.mt-archive-article-wrapper article:first-child .entry-footer {
    grid-column: 2;
}
.mt-archive-article-wrapper article:first-child .entry-title,
.mt-archive-article-wrapper article:first-child h2.entry-title a {
    font-size: 2.6rem;
    line-height: 1.25;
}
.mt-archive-article-wrapper article:first-child .entry-content { font-size: 1.5rem; }

.thumb-cat-wrap { position: relative; }
.post-cats-list {
    position: absolute;
    left: 10px;
    bottom: 10px;
    margin: 0;
}

.entry-title,
h1.entry-title,
h2.entry-title {
    font-family: var(--news-headline-font);
    color: var(--news-ink);
    font-weight: 700;
    line-height: 1.3;
}
.entry-title a { color: var(--news-ink); }
.entry-title a:hover { color: var(--news-primary); }

.entry-content { color: var(--news-body); font-size: 1.4rem; line-height: 1.6; }

.post-meta,
.entry-meta,
.posted-on,
.byline {
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: .03em;
    color: var(--news-muted);
    font-weight: 600;
}

.mt-readmore-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--news-primary);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: .03em;
}
.mt-readmore-btn:hover { color: var(--news-red); }

/* -----------------------------------------------------------
   Sidebar — "Most Read" styled numbered list + boxed widgets
----------------------------------------------------------- */
#secondary .widget,
#colophon .widget {
    border: 1px solid var(--news-border);
    padding: 18px;
    background-color: #ffffff;
}

#secondary .widget .widget-title,
#colophon .widget .widget-title {
    font-family: var(--news-headline-font);
    color: var(--news-ink);
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 900;
    border-left: 5px solid var(--news-red);
    padding-left: 10px;
    margin-bottom: 14px;
}

#secondary .widget ul li,
#secondary .widget_recent_entries ul li,
#secondary .mt-latest-posts-widget .mt-widget-post {
    counter-increment: mt-most-read;
    position: relative;
    padding: 10px 0 10px 34px;
    border-bottom: 1px solid var(--news-border);
}
#secondary .widget ul { counter-reset: mt-most-read; }
#secondary .widget ul li::before,
#secondary .widget_recent_entries ul li::before,
#secondary .mt-latest-posts-widget .mt-widget-post::before {
    content: counter(mt-most-read);
    position: absolute;
    left: 0;
    top: 8px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: var(--news-red);
    color: #ffffff;
    font-weight: 700;
    font-size: 1.2rem;
}
#secondary .widget ul li a { color: var(--news-ink); font-weight: 600; }
#secondary .widget ul li a:hover { color: var(--news-primary); }

/* -----------------------------------------------------------
   Footer — dark navy, multi-column, professional finish
----------------------------------------------------------- */
.footer-widgets-wrapper {
    background-color: var(--news-navy) !important;
    border-top: 3px solid var(--news-primary);
}
.footer-widgets-wrapper .widget-title {
    color: #ffffff;
    text-transform: uppercase;
    font-family: var(--news-headline-font);
    font-weight: 900;
    border-bottom: 2px solid var(--news-primary);
    padding-bottom: 8px;
}
.footer-widgets-wrapper,
.footer-widgets-wrapper a {
    color: #b9c3d0;
}
.footer-widgets-wrapper a:hover { color: #ffffff; }

.site-footer,
#bottom-footer,
.bottom-footer-wrap {
    background-color: #081018 !important;
    color: #8391a3;
    font-size: 1.15rem;
}
.site-footer a,
#bottom-footer a { color: #cfd8e3; }
.site-footer a:hover,
#bottom-footer a:hover { color: var(--news-primary); }

/* -----------------------------------------------------------
   Responsive: collapse the lead story + grid on smaller screens
----------------------------------------------------------- */
@media (max-width: 1024px) {
    .mt-archive-article-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .mt-archive-article-wrapper { grid-template-columns: 1fr; }
    .mt-archive-article-wrapper article:first-child {
        grid-template-columns: 1fr;
    }
    .mt-archive-article-wrapper article:first-child .thumb-cat-wrap {
        grid-row: auto;
    }
    .mt-archive-article-wrapper article:first-child .entry-title,
    .mt-archive-article-wrapper article:first-child h2.entry-title a {
        font-size: 2rem;
    }
}