/*
 Theme Name:   GeneratePress Child (Dubawa Portal)
 Description:  Modernized Dubawa news portal using Elementor and GeneratePress.
 Template:     generatepress
 Author:       Antigravity
 Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Outfit:wght@400;500;700;800&display=swap');

:root {
    --portal-navy: #0f2744;
    --portal-teal: #1b3d4f;
    --portal-red: #f34b22;
    --portal-gray: #4a5d68;
    
    /* Pastels from Screenshots */
    --pastel-mint: #f0f7f4;
    --pastel-peach: #fcf1ed;
    --pastel-lavender: #f0f3f8;
    
    --font-heading: 'Merriweather', serif;
    --font-ui: 'Outfit', sans-serif;
}

body {
    background-color: #ffffff;
    font-family: var(--font-ui);
    color: #333;
}

h1, h2, h3, h4, .serif-text {
    font-family: var(--font-heading);
    font-weight: 700;
}

/* Custom Portal Styles - News Status Badges */
.dub-badge {
    display: inline-block;
    padding: 6px 12px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    margin-bottom: 12px;
    letter-spacing: 0.1em;
    line-height: 1;
    font-family: var(--font-ui);
}

.dub-badge-false { background-color: var(--portal-red); }
.dub-badge-investigating { background-color: var(--portal-gray); }
.dub-badge-misleading { background-color: #e58b1a; }
.dub-badge-unverified { background-color: #666666; }

/* Category Card Backgrounds */
.bg-mint { background-color: var(--pastel-mint) !important; }
.bg-peach { background-color: var(--pastel-peach) !important; }
.bg-lavender { background-color: var(--pastel-lavender) !important; }

/* Numbered Round-up Styling (01, 02, 03) */
.dub-number {
    font-family: var(--font-heading);
    font-size: 2.5rem;
    font-weight: 700;
    color: #e1e1e1;
    line-height: 1;
    margin-right: 20px;
}

/* Hero Card Layout Refinement */
.dub-hero-grid {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    background: var(--portal-navy);
    min-height: 500px;
}

.dub-hero-left {
    flex: 0 0 70%;
    position: relative;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    padding: 40px;
}

.dub-hero-left::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, transparent 40%, rgba(0,0,0,0.8));
}

.dub-hero-content {
    position: relative;
    z-index: 2;
}

.dub-hero-right {
    flex: 0 0 30%;
    border-left: 1px solid rgba(255,255,255,0.1);
    display: flex;
    flex-direction: column;
}

.dub-side-item {
    padding: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.dub-side-item .dub-badge {
    margin-bottom: 8px;
}

.dub-side-item h4 {
    color: #fff;
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}

.dub-hero-meta {
    font-size: 11px;
    color: #aaa;
    margin-top: 8px;
    font-family: var(--font-ui);
}

/* Header Correction */
.portal-header {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    text-align: center;
}

.portal-nav {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 15px;
}

.portal-nav a {
    text-decoration: none;
    color: var(--portal-gray);
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
}

.portal-nav a.active, .portal-nav a:hover {
    color: #333;
    border-bottom-color: var(--portal-red);
}