/*
Theme Name: GeneratePress Child - Frugal Journal
Theme URI: https://frugaljournal.com
Description: Child theme for Frugal Journal - Smart Personal Finance, Budgeting & Frugal Living
Author: Frugal Journal Team
Author URI: https://frugaljournal.com
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/

:root {
    --fj-primary: #15803d;
    --fj-primary-hover: #166534;
    --fj-secondary: #0f766e;
    --fj-dark: #0f172a;
    --fj-text-main: #1e293b;
    --fj-text-muted: #64748b;
    --fj-bg-light: #f8fafc;
    --fj-border: #e2e8f0;
    --fj-radius: 8px;
}

body {
    background-color: var(--fj-bg-light);
    color: var(--fj-text-main);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.75;
}

/* Header & Navigation Styling */
.site-header {
    background: #ffffff;
    border-bottom: 1px solid var(--fj-border);
}

.main-title a {
    color: var(--fj-primary) !important;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.main-navigation .main-nav ul li a {
    font-weight: 600;
    color: #334155;
    transition: color 0.2s ease;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a {
    color: var(--fj-primary) !important;
}

/* Post & Content Styling */
.separate-containers .inside-article {
    background: #ffffff;
    border-radius: var(--fj-radius);
    border: 1px solid var(--fj-border);
    padding: 36px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.entry-title a {
    color: var(--fj-dark);
    text-decoration: none;
    transition: color 0.2s ease;
}

.entry-title a:hover {
    color: var(--fj-primary);
}

/* Responsive Archive Grid */
.blog .site-main,
.archive .site-main,
.search .site-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

@media (max-width: 768px) {
    .blog .site-main,
    .archive .site-main,
    .search .site-main {
        grid-template-columns: 1fr;
    }
}

.site-main .paging-navigation,
.site-main .page-header {
    grid-column: 1 / -1;
}

/* Mobile Navigation Fix */
@media (max-width: 768px) {
    #mobile-menu-control-wrapper {
        background: transparent !important;
        border: none !important;
    }
    #mobile-menu-control-wrapper .menu-toggle {
        background: #f1f5f9;
        color: #0f172a;
        border: 1px solid #cbd5e1;
        border-radius: 8px;
        padding: 9px 14px;
    }
}

/* Footer Styling */
.site-info {
    background: #0f172a;
    color: #94a3b8;
    text-align: center;
    padding: 24px 0;
    font-size: 14px;
}

.site-info a {
    color: #cbd5e1;
}

.site-info a:hover {
    color: #ffffff;
}