/*
Theme Name: Navarro Report
Theme URI: https://navarro-report.com
Description: Child theme for Navarro Report based on ColorMag.
Author: Dante Navarro
Template: colormag
Version: 1.0.3
*/

/* ============================================================
   1. COLOR VARIABLES
   ============================================================ */

:root {
    --cm-color-1: #c0392b;
    --cm-color-2: #a93226;
}

/* ============================================================
   2. GLOBAL LINKS
   ============================================================ */

a { color: #c0392b; }
a:hover { color: #a93226; }

/* ============================================================
   3. HEADER — white, clean, editorial
   ============================================================ */

#cm-masthead,
.cm-header-builder {
    background: #fff !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.cm-header-builder .cm-header-top-row {
    background: #fff !important;
}

.cm-header-builder .cm-header-main-row {
    padding: 1.25rem 0;
}

/* Nav bar: white with red bottom border */
.cm-header-builder .cm-header-bottom-row,
.cm-header-builder.cm-full-width .cm-header-bottom-row {
    background-color: #fff !important;
    border-top: none !important;
    border-bottom: 3px solid #c0392b !important;
}

/* Nav links */
.cm-primary-nav a {
    color: #1a1a1a !important;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cm-primary-nav a:hover {
    color: #c0392b !important;
}

/* Remove colored background from active/hover items */
.cm-primary-nav ul li.current-menu-item,
.cm-primary-nav ul li.current_page_ancestor,
.cm-primary-nav ul li.current-menu-ancestor,
.cm-primary-nav ul li.current_page_item,
.cm-primary-nav ul li:hover,
.cm-primary-nav ul li.focus {
    background-color: transparent !important;
}

/* Red underline for active item */
.cm-primary-nav ul li.current-menu-item > a,
.cm-primary-nav ul li.current_page_item > a {
    color: #c0392b !important;
    border-bottom: 2px solid #c0392b;
}

.cm-primary-nav ul li:hover > a {
    color: #c0392b !important;
}

/* Submenus */
.cm-primary-nav .sub-menu,
.cm-primary-nav .children {
    background-color: #111 !important;
}

.cm-primary-nav .sub-menu a,
.cm-primary-nav .children a {
    color: #fff !important;
}

.cm-primary-nav .sub-menu a:hover,
.cm-primary-nav .children a:hover {
    color: #c0392b !important;
}

/* Mobile */
.cm-mobile-row {
    background: #fff !important;
    border-top: 2px solid #c0392b !important;
}

/* ============================================================
   4. SITE TITLE WORDMARK
   ============================================================ */

.cm-site-title a {
    font-family: 'Playfair Display SC', Georgia, 'Times New Roman', serif !important;
    font-size: 4.5rem !important;
    font-weight: 700;
    color: #111 !important;
    text-decoration: none !important;
    letter-spacing: -0.01em;
    line-height: 1;
}

.cm-site-title a::after {
    content: '.';
    color: #c0392b;
}

.cm-site-description,
.site-description {
    font-size: 0.7rem;
    color: #999 !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* ============================================================
   5. GAP ELIMINATION — hide entry-header + collapse wrappers
   The <header class=cm-entry-header> still renders and
   occupies space even when cm-entry-title inside it is hidden.
   ============================================================ */

body.home header.cm-entry-header {
    display: none !important;
}

body.home #cm-content {
    padding-top: 0 !important;
}

body.home .cm-posts,
body.home article.hentry {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.home .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ============================================================
   6. TICKER BAR
   ============================================================ */

.wp-block-group.nr-ticker {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.65rem 0;
    margin-top: 0;
    margin-bottom: 2rem;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    background: transparent !important;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Override WordPress is-layout-flow forcing children to block-width */
.wp-block-group.nr-ticker > * {
    width: auto !important;
    max-width: none !important;
    display: inline !important;
}

.nr-ticker .nr-ticker-label {
    color: #c0392b;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    margin-right: 0.6rem;
}

.nr-ticker a {
    color: #1a1a1a;
    text-decoration: none;
}

.nr-ticker a:hover {
    color: #c0392b;
    text-decoration: underline;
}

.nr-ticker .nr-ticker-sep {
    color: #c0392b;
    margin: 0 0.5rem;
    font-weight: 400;
}

/* ============================================================
   7. HOMEPAGE: TWO-COLUMN FEATURED + NEWS LIST
   NOTE: nr-latest IS the ul element — use .nr-latest directly,
   not .nr-latest .wp-block-latest-posts (descendant never exists)
   ============================================================ */

.nr-latest {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Latest Analysis heading injected above first right-column item */
.nr-latest .wp-block-latest-posts__list-item:nth-child(2)::before {
    content: 'Latest Analysis';
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #111;
    border-bottom: 2px solid #111;
    padding-bottom: 0.4rem;
    padding-left: 2rem;
    margin-bottom: 0.85rem;
}

/* Featured post — left column, spans all right-column rows */
.nr-latest .wp-block-latest-posts__list-item:first-child {
    grid-column: 1;
    grid-row: 1 / span 5;
    padding-right: 2.25rem;
    border-right: 1px solid #e0e0e0;
    border-top: none !important;
}

.nr-latest .wp-block-latest-posts__list-item:first-child .wp-block-latest-posts__featured-image img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1rem;
}

.nr-latest .wp-block-latest-posts__list-item:first-child > a {
    font-size: 4.5rem !important;
    font-weight: 800;
    color: #111 !important;
    text-decoration: none;
    line-height: 1.15;
    display: block;
    margin-bottom: 0.6rem;
}

.nr-latest .wp-block-latest-posts__list-item:first-child > a:hover {
    color: #c0392b !important;
}

.nr-latest .wp-block-latest-posts__list-item:first-child .wp-block-latest-posts__post-excerpt {
    font-size: 1.05rem;
    color: #444;
    line-height: 1.7;
    margin-top: 0.5rem;
}

/* News list items — right column */
.nr-latest .wp-block-latest-posts__list-item:nth-child(n+2) {
    grid-column: 2;
    padding: 0 0 1rem 2.25rem;
    border-top: none !important;
    border-bottom: 1px solid #e0e0e0;
}

.nr-latest .wp-block-latest-posts__list-item:nth-child(n+2) > a {
    font-size: 1.05rem;
    font-weight: 700;
    color: #111 !important;
    text-decoration: none;
    line-height: 1.35;
    display: block;
}

.nr-latest .wp-block-latest-posts__list-item:nth-child(n+2) > a:hover {
    color: #c0392b !important;
}

/* Date labels */
.nr-latest .wp-block-latest-posts__post-date {
    font-size: 0.72rem;
    color: #c0392b;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    display: block;
    margin-bottom: 0.35rem;
}

.nr-latest .wp-block-latest-posts__list-item:first-child .wp-block-latest-posts__post-date {
    color: #888;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .nr-latest {
        grid-template-columns: 1fr;
    }
    .nr-latest .wp-block-latest-posts__list-item:first-child {
        grid-row: auto;
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 1.5rem;
        margin-bottom: 1rem;
    }
    .nr-latest .wp-block-latest-posts__list-item:nth-child(n+2) {
        padding-left: 0;
    }
    .nr-latest .wp-block-latest-posts__list-item:nth-child(2)::before {
        padding-left: 0;
    }
}

/* ============================================================
   8. ARTICLE / SINGLE POST — reading experience
   ============================================================ */

.entry-content {
    font-size: 1.0625rem;
    line-height: 1.75;
}

.entry-content a,
.entry-content a:visited {
    color: #c0392b !important;
}

.entry-content a:hover {
    color: #a93226 !important;
}

.entry-meta a,
.entry-footer a,
.cm-entry-footer a {
    color: #c0392b !important;
}

/* Single post title */
.single .cm-entry-title,
.page .cm-entry-title {
    font-size: 2.2rem;
    line-height: 1.2;
    font-weight: 800;
    color: #111;
}

/* ============================================================
   9. GLOBAL BLUE ELIMINATION
   ============================================================ */

.cm-entry-categories a,
.cm-cat-label,
.cat-label {
    background-color: #c0392b !important;
    color: #fff !important;
    border-color: #c0392b !important;
}

.wp-block-button__link {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
    color: #fff !important;
}

.wp-block-button__link:hover {
    background-color: #a93226 !important;
    border-color: #a93226 !important;
}

.page-numbers.current,
.page-numbers:hover {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
    color: #fff !important;
}

.cm-breaking-news-label,
.cm-top-bar-label {
    background-color: #c0392b !important;
}

.cm-widget-title,
.widget-title {
    border-left: 3px solid #c0392b !important;
    padding-left: 0.6rem;
}

.cm-article .cm-entry-title a:hover,
.cm-article-type-1 .cm-entry-title a:hover {
    color: #c0392b !important;
}

/* Footer bar hardcoded blue override */
.cm-footer-bar-area .cm-footer-bar__2 a,
.cm-footer-bar a {
    color: #c0392b !important;
}

/* ============================================================
   10. FOOTER
   ============================================================ */

.site-footer a,
.colormag-footer a {
    color: #c0392b;
}

.site-footer a:hover,
.colormag-footer a:hover {
    color: #fff;
}