/* ============================================
   MunchMigo Theme - Main Stylesheet
   Note: CSS files are now loaded via wp_enqueue_style
   in class-theme-setup.php for better compatibility
   ============================================ */

/* Main Theme Styles */
body {
    background-color: #f9f9f9;
}

/* Elementor Compatibility */
.elementor {
    max-width: 100%;
}

.elementor-section {
    padding: 40px 0;
}

.elementor-column {
    padding: 0 15px;
}

/* Post & Page Styles */
.post,
.page {
    background-color: var(--color-white);
    padding: var(--spacing-2xl);
    border-radius: var(--radius-lg);
}

body.page, body.post{
    padding:0;
}

/* Archive Styles */
.archive-header {
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: var(--spacing-3xl) 0;
    margin-bottom: var(--spacing-2xl);
}

.archive-header h1 {
    color: var(--color-white);
}

/* Sidebar */
.sidebar {
    background-color: var(--color-light);
    padding: var(--spacing-lg);
    border-radius: var(--radius-lg);
}

.sidebar-title {
    font-weight: 700;
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    border-bottom: 2px solid var(--color-gray-light);
}

.sidebar-list {
    list-style: none;
}

.sidebar-list li {
    padding: var(--spacing-md) 0;
}

.sidebar-list a {
    color: var(--color-gray);
}

.sidebar-list a:hover {
    color: var(--color-primary);
}

/* Comments */
.comments-area {
    margin-top: var(--spacing-2xl);
    padding-top: var(--spacing-2xl);
    border-top: 2px solid var(--color-light);
}

.comment-form-comment textarea {
    width: 100%;
    padding: var(--spacing-md);
    border: 1px solid var(--color-gray-light);
    border-radius: var(--radius-md);
    font-family: var(--font-primary);
}

/* Utility Classes */
.text-center {
    text-align: center;
}

.text-muted {
    color: var(--color-gray);
}

.mt-1 { margin-top: var(--spacing-md); }
.mt-2 { margin-top: var(--spacing-lg); }
.mt-3 { margin-top: var(--spacing-xl); }
.mt-4 { margin-top: var(--spacing-2xl); }

.mb-1 { margin-bottom: var(--spacing-md); }
.mb-2 { margin-bottom: var(--spacing-lg); }
.mb-3 { margin-bottom: var(--spacing-xl); }
.mb-4 { margin-bottom: var(--spacing-2xl); }

.pt-1 { padding-top: var(--spacing-md); }
.pt-2 { padding-top: var(--spacing-lg); }
.pt-3 { padding-top: var(--spacing-xl); }
.pt-4 { padding-top: var(--spacing-2xl); }

.pb-1 { padding-bottom: var(--spacing-md); }
.pb-2 { padding-bottom: var(--spacing-lg); }
.pb-3 { padding-bottom: var(--spacing-xl); }
.pb-4 { padding-bottom: var(--spacing-2xl); }

/* Responsive */
@media (max-width: 768px) {
    .elementor-section {
        padding: 20px 0;
    }

    .post,
    .page {
        padding: var(--spacing-lg);
    }

    h1 {
        font-size: 1.75rem;
    }

    h2 {
        font-size: 1.5rem;
    }
}