/*
Theme Name: TBC News
Theme URI: https://your-marketplace-url.com/tbc-news
Author: Your Name
Author URI: https://your-website.com
Description: A professional news and editorial WordPress theme inspired by modern news platforms. Perfect for magazines, newspapers, blogs, and content-rich websites. Features include custom article editor, author dashboards, ad placements, responsive design, SEO optimization, and performance enhancements. Built with clean code and best practices.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tbc-news
Tags: news, magazine, blog, editorial, responsive, two-columns, custom-header, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, custom-logo, custom-colors

TBC News WordPress Theme, Copyright 2026 Your Name
TBC News is distributed under the terms of the GNU GPL
*/

/* 
 * Table of Contents
 * 1. CSS Reset & Base Styles
 * 2. Typography
 * 3. Layout
 * 4. Header
 * 5. Navigation
 * 6. Content
 * 7. Sidebar
 * 8. Footer
 * 9. Responsive
 */

/* 1. CSS Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    height: 100%;
}
/* html,
body {
    overflow-x: hidden;
} */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #3F3F42;
    background-color: #F4F4F5;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Main page wrapper - allows footer to stick to bottom */
#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Main content area grows to push footer down */
#page > .site-container,
#page > * {
    flex: 1 0 auto;
}

/* Footer stays at bottom */
.site-footer,
.footer-widgets,
.footer-navigation {
    flex-shrink: 0;
}

/* Temporary styling - we'll expand this later */
.site-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}