/*
Theme Name: Status Ai Tech Pro Theme
Theme URI: https://statusaitech.com
Author: Er. Rameshwar Singh
Author URI: https://statusaitech.com
Description: एक सुपर-फास्ट, 100/100 स्पीड, क्लीन-कोडेड और SEO-फ्रेंडली कस्टम वर्डप्रेस थीम।
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: statusaitech
*/

/* CSS Variables for Easy Theme Tweaks */
:root {
    --primary-color: #ea580c;
    --primary-dark: #c2410c;
    --text-dark: #0f172a;
    --text-muted: #64748b;
    --bg-light: #f8fafc;
    --white: #ffffff;
}

/* Global Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif;
    line-height: 1.8;
    background-color: var(--bg-light);
    color: var(--text-dark);
}
a { text-decoration: none; color: var(--primary-color); transition: 0.3s ease; }
a:hover { color: var(--primary-dark); }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }

/* Responsive Container */
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* Header Styling */
.site-header {
    background: #0f172a;
    color: var(--white);
    padding: 20px 0;
    border-bottom: 4px solid var(--primary-color);
    position: sticky;
    top: 0;
    z-index: 100;
}
.site-header__wrapper { display: flex; align-items: center; justify-content: space-between; }
.site-header__logo a { font-size: 26px; font-weight: 800; color: var(--white); }
.site-header__logo span { color: var(--primary-color); }
.site-header__nav ul { display: flex; gap: 22px; }
.site-header__nav a { color: #cbd5e1; font-weight: 600; font-size: 15px; }
.site-header__nav a:hover { color: var(--white); }

/* Main Grid Layout */
.layout-grid { display: flex; gap: 30px; margin: 40px auto; }
.primary-content { flex: 2; min-width: 320px; }
.secondary-sidebar { flex: 1; min-width: 280px; }

/* Post Card for Homepage */
.post-card {
    background: var(--white);
    border-radius: 12px;
    padding: 28px;
    margin-bottom: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    border: 1px solid #e2e8f0;
    border-left: 5px solid var(--primary-color);
    transition: transform 0.2s ease;
}
.post-card:hover { transform: translateY(-3px); }
.post-card__title { font-size: 24px; margin-bottom: 12px; line-height: 1.35; }
.post-card__title a { color: var(--text-dark); }
.post-card__title a:hover { color: var(--primary-color); }
.post-card__meta { font-size: 13.5px; color: var(--text-muted); margin-bottom: 15px; }
.post-card__excerpt { font-size: 15.5px; color: #334155; }

/* Single Article Styling */
.article-box {
    background: var(--white);
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
    border: 1px solid #e2e8f0;
}
.article-title { font-size: 30px; color: var(--text-dark); margin-bottom: 15px; line-height: 1.35; }
.article-meta { font-size: 13.5px; color: var(--text-muted); margin-bottom: 25px; border-bottom: 1px solid #e2e8f0; padding-bottom: 12px; }
.article-body { font-size: 16.5px; line-height: 1.85; color: #334155; }

/* Sidebar Widget */
.widget-box {
    background: var(--white);
    padding: 24px;
    border-radius: 12px;
    margin-bottom: 25px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.widget-title { font-size: 18px; color: var(--text-dark); margin-bottom: 15px; border-bottom: 2px solid var(--primary-color); padding-bottom: 6px; }

/* Footer */
.site-footer {
    background: #0f172a;
    color: #94a3b8;
    text-align: center;
    padding: 35px 0;
    margin-top: 50px;
    border-top: 4px solid var(--primary-color);
    font-size: 14.5px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .site-header__wrapper { flex-direction: column; gap: 15px; text-align: center; }
    .layout-grid { flex-direction: column; }
    .article-box { padding: 20px; }
    .article-title { font-size: 22px; }
}

<?php
/**
 * Status Ai Tech Pro Theme Functions
 */

if ( ! function_exists( 'statusaitech_setup' ) ) :
function statusaitech_setup() {
    // डॉक्यूमेंट टाइटल टैग सपोर्ट (एसईओ के लिए अनिवार्य)
    add_theme_support( 'title-tag' );

    // पोस्ट थंबनेल / फीचर्ड इमेज सपोर्ट
    add_theme_support( 'post-thumbnails' );

    // HTML5 मार्कअप सपोर्ट
    add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption' ) );

    // नेविगेशन मेनू रजिस्टर करना
    register_nav_menus( array(
        'primary-menu' => __( 'Primary Menu', 'statusaitech' ),
    ) );
}
endif;
add_action( 'after_setup_theme', 'statusaitech_setup' );

// मुख्य स्टाइलशीट को लोड करना
function statusaitech_scripts() {
    wp_enqueue_style( 'statusaitech-main-style', get_stylesheet_uri(), array(), '1.0.0' );
}
add_action( 'wp_enqueue_scripts', 'statusaitech_scripts' );

// साइडबार विजेट एरिया रजिस्टर करना
function statusaitech_widgets_init() {
    register_sidebar( array(
        'name'          => __( 'Main Sidebar', 'statusaitech' ),
        'id'            => 'main-sidebar',
        'description'   => __( 'यहाँ अपने विजेट्स जोड़ें।', 'statusaitech' ),
        'before_widget' => '<div id="%1$s" class="widget-box %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h3 class="widget-title">',
        'after_title'   => '</h3>',
    ) );
}
add_action( 'widgets_init', 'statusaitech_widgets_init' );

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>

<header class="site-header">
    <div class="container site-header__wrapper">
        <div class="site-header__logo">
            <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
                StatusAi<span>Tech</span>
            </a>
        </div>
        <nav class="site-header__nav">
            <?php
            wp_nav_menu( array(
                'theme_location' => 'primary-menu',
                'container'      => false,
                'fallback_cb'    => false,
            ) );
            ?>
        </nav>
    </div>
</header>

<?php get_header(); ?>

<div class="container">
    <div class="layout-grid">
        <main class="primary-content">
            <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                <article id="post-<?php the_ID(); ?>" <?php post_class( 'post-card' ); ?>>
                    <h2 class="post-card__title">
                        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                    </h2>
                    <div class="post-card__meta">
                        दिनांक: <?php echo get_the_date(); ?> | लेखक: <?php the_author(); ?>
                    </div>
                    <div class="post-card__excerpt">
                        <?php the_excerpt(); ?>
                    </div>
                </article>
            <?php endwhile; ?>
                <div class="pagination-links">
                    <?php the_posts_pagination(); ?>
                </div>
            <?php else : ?>
                <p>क्षमा करें, कोई पोस्ट नहीं मिली।</p>
            <?php endif; ?>
        </main>

        <?php get_sidebar(); ?>
    </div>
</div>

<?php get_footer(); ?>

<?php get_header(); ?>

<div class="container">
    <div class="layout-grid">
        <main class="primary-content">
            <?php while ( have_posts() ) : the_post(); ?>
                <article id="post-<?php the_ID(); ?>" <?php post_class( 'article-box' ); ?>>
                    <h1 class="article-title"><?php the_title(); ?></h1>
                    
                    <div class="article-meta">
                        लेखक: <?php the_author(); ?> | दिनांक: <?php echo get_the_date(); ?> | श्रेणी: <?php the_category(', '); ?>
                    </div>

                    <?php if ( has_post_thumbnail() ) : ?>
                        <div style="margin-bottom: 25px; border-radius: 10px; overflow: hidden;">
                            <?php the_post_thumbnail( 'large' ); ?>
                        </div>
                    <?php endif; ?>

                    <div class="article-body">
                        <?php the_content(); ?>
                    </div>

                    <div style="margin-top: 30px; padding-top: 15px; border-top: 1px solid #e2e8f0;">
                        <?php the_tags( '<strong>टैग्स: </strong>', ', ', '' ); ?>
                    </div>

                    <?php
                    if ( comments_open() || get_comments_number() ) :
                        comments_template();
                    endif;
                    ?>
                </article>
            <?php endwhile; ?>
        </main>

        <?php get_sidebar(); ?>
    </div>
</div>

<?php get_footer(); ?>

<?php get_header(); ?>

<div class="container" style="max-width: 900px; margin: 40px auto;">
    <main class="article-box">
        <?php while ( have_posts() ) : the_post(); ?>
            <h1 class="article-title"><?php the_title(); ?></h1>
            <div class="article-body">
                <?php the_content(); ?>
            </div>
        <?php endwhile; ?>
    </main>
</div>

<?php get_footer(); ?>

<aside class="secondary-sidebar">
    <?php if ( is_active_sidebar( 'main-sidebar' ) ) : ?>
        <?php dynamic_sidebar( 'main-sidebar' ); ?>
    <?php else : ?>
        <div class="widget-box">
            <h3 class="widget-title">सर्च करें</h3>
            <?php get_search_form(); ?>
        </div>
        <div class="widget-box">
            <h3 class="widget-title">श्रेणियाँ</h3>
            <ul style="list-style: none; padding-left: 0;">
                <?php wp_list_categories( array( 'title_li' => '' ) ); ?>
            </ul>
        </div>
    <?php endif; ?>
</aside>

<?php get_header(); ?>

<div class="container" style="text-align: center; padding: 80px 20px; min-height: 60vh;">
    <h1 style="font-size: 90px; color: #ea580c; font-weight: 900; line-height: 1;">404</h1>
    <h2 style="font-size: 24px; color: #0f172a; margin-top: 15px;">क्षमा करें! यह पेज मौजूद नहीं है।</h2>
    <p style="color: #64748b; margin-top: 10px;">शायद यह पेज हटा दिया गया है या इसका लिंक गलत टाइप हो गया है।</p>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" style="display: inline-block; margin-top: 25px; padding: 12px 30px; background: #ea580c; color: #ffffff; border-radius: 50px; font-weight: 700;">होमपेज पर वापस जाएं 🏠</a>
</div>

<?php get_footer(); ?>

<footer class="site-footer">
    <div class="container">
        <p>&copy; <?php echo date( 'Y' ); ?> <strong>StatusAiTech</strong>. सर्वाधिकार सुरक्षित।</p>
        <p style="font-size: 13px; margin-top: 5px; color: #cbd5e1;">Custom-coded with ❤️ for 100/100 Speed & Security.</p>
    </div>
    <?php wp_footer(); ?>
</footer>
</body>
</html>