/* public/css/style.css */
:root {
    --primary-blue: #0047ba;
    --primary-blue-dark: #00368c;
    --primary-blue-light: #eff6ff;
    --accent-lime: #6cd316;
    --accent-lime-dark: #58b010;
    --accent-lime-light: #f4fce3;
    --secondary-dark: #0f172a;
    --text-main: #1e293b;
    --bg-page: #ffffff;
}

body {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--text-main);
    background-color: var(--bg-page);
    overflow-x: hidden;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Brand Pill Logo (from image 2) */
.brand-pill {
    background: linear-gradient(135deg, #0047ba 0%, #00307b 100%);
    border: 2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 14px rgba(0, 71, 186, 0.3);
}

/* Card hover animation */
.news-card-hover {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.news-card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -10px rgba(0, 71, 186, 0.15);
    border-color: #93c5fd;
}

.news-card-hover:hover img {
    transform: scale(1.05);
}

.img-zoom {
    transition: transform 0.4s ease-out;
}

/* Breaking news ticker animation */
@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

.ticker-wrap {
    overflow: hidden;
    white-space: nowrap;
}

.ticker-move {
    display: inline-block;
    white-space: nowrap;
    animation: ticker 35s linear infinite;
}

.ticker-move:hover {
    animation-play-state: paused;
}

/* Video & Audio badge pulse */
@keyframes pulse-ring {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 71, 186, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 12px rgba(0, 71, 186, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 71, 186, 0); }
}

.pulse-btn {
    animation: pulse-ring 2s infinite;
}

/* Audio wave animation for Podcast */
.sound-wave {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 18px;
}

.sound-wave span {
    width: 3px;
    background-color: #6cd316;
    border-radius: 2px;
    animation: soundWave 1.2s ease-in-out infinite alternate;
}

.sound-wave span:nth-child(1) { height: 6px; animation-delay: 0.1s; }
.sound-wave span:nth-child(2) { height: 14px; animation-delay: 0.3s; }
.sound-wave span:nth-child(3) { height: 18px; animation-delay: 0.5s; }
.sound-wave span:nth-child(4) { height: 10px; animation-delay: 0.2s; }
.sound-wave span:nth-child(5) { height: 8px; animation-delay: 0.4s; }

@keyframes soundWave {
    0% { height: 4px; }
    100% { height: 18px; }
}

/* Article content typography */
.article-body p {
    margin-bottom: 1.25rem;
    line-height: 1.85;
    font-size: 1.075rem;
    color: #334155;
}

.article-body p:first-of-type::first-letter {
    font-size: 3.25rem;
    line-height: 1;
    float: left;
    margin-right: 0.75rem;
    font-weight: 800;
    color: #0047ba;
    font-family: inherit;
}

.article-body h2, .article-body h3 {
    color: #0f172a;
    font-weight: 800;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.article-body blockquote {
    border-left: 4px solid #0047ba;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    background-color: #eff6ff;
    border-radius: 0 0.5rem 0.5rem 0;
    font-style: italic;
    color: #1e3a8a;
}

/* Toast alert notification */
#toast-notification {
    transition: opacity 0.3s ease, transform 0.3s ease;
}