/*
Theme Name: GeneratePress Child
Template: generatepress
*/

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

:root {
    --mm-bg: #fff8f2;
    --mm-surface: #ffffff;
    --mm-primary: #1e1b16;
    --mm-accent: #A64D32; 
    --mm-outline: #e8e2dc;
    --mm-muted: #5c544e;
    --mm-container-max: 1200px;
}

body {
    background-color: var(--mm-bg) !important;
    color: var(--mm-primary);
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

/* --- Global Link & Interaction System --- */
a, a:visited {
    color: var(--mm-primary) !important;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--mm-accent) !important;
}

/* --- Typography Hierarchy --- */
h1, h2, h3, h4, h5, h6 {
    font-weight: 800 !important;
    color: var(--mm-primary) !important;
    letter-spacing: -0.02em;
}

.entry-meta {
    font-size: 13px;
    color: var(--mm-muted);
    font-weight: 500;
    margin-bottom: 15px;
}

/* --- Layout Structure (75/25 Split) --- */
@media (min-width: 769px) {
    .site-content {
        display: flex;
        max-width: var(--mm-container-max);
        margin: 0 auto;
        padding: 60px 20px;
    }
    #primary { width: 75% !important; padding-right: 40px; }
    #secondary { width: 25% !important; }
}

/* --- Homepage Grid --- */
@media (min-width: 769px) {
    .blog .site-main, .archive .site-main {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

.inside-article {
    background: var(--mm-surface) !important;
    border: 1px solid var(--mm-outline) !important;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    padding: 40px !important;
}

.post-image img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Tight Editorial Spacing */
.entry-header { padding: 25px 0 5px 0 !important; }
.entry-summary { padding: 0 !important; margin: 0 !important; }
.entry-summary p { margin: 0 !important; padding: 0 !important; line-height: 1.5; }
.entry-title { font-size: 24px !important; margin-bottom: 5px !important; }

/* --- Global Button Styling (WHITE TEXT FIX) --- */
.read-article-btn, .search-submit, .wp-block-button__link, 
.page-numbers, .nav-links a, .menu-toggle, 
button, input[type="submit"] {
    display: inline-block !important;
    padding: 12px 24px !important;
    background-color: var(--mm-primary) !important;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: none !important;
}

.read-article-btn { margin: 15px 0 0 0 !important; color: #ffffff !important; }

.read-article-btn:hover, .search-submit:hover {
    background-color: var(--mm-accent) !important;
    color: #ffffff !important;
}

/* --- Sidebar Fixes --- */
.widget {
    background: var(--mm-surface) !important;
    border: 1px solid var(--mm-outline) !important;
    border-radius: 8px;
    padding: 25px !important;
    margin-bottom: 30px !important;
}

/* --- NAVIGATION CLEAN FIX --- */

/* 1. Desktop: Hide Toggle */
@media (min-width: 769px) {
    .menu-toggle { display: none !important; }
}

/* 2. Mobile: Show Toggle */
@media (max-width: 768px) {
    .menu-toggle {
        display: block;
        width: auto;
        margin: 10px;
    }
}

/* --- Header & Mobile Spacing --- */
.site-header {
    background-color: var(--mm-surface) !important;
    border-bottom: 1px solid var(--mm-outline);
}

@media (max-width: 768px) {
    .site-content { padding: 25px 15px !important; }
    .inside-article { padding: 25px !important; margin-bottom: 25px; }
}

/* Pagination Fix */
.nav-links {
    display: flex;
    gap: 10px;
    margin-top: 40px;
}