/*
Theme Name: NaatBook
Theme URI: https://example.com/naatbook
Author: Islamic Research Center
Author URI: https://example.com
Description: A deeply structured, relational WordPress theme + CMS, purpose-built for Urdu Islamic poetry (Naat, Manqabat, Salam, Tasawwuf) with multi-layer kalam architecture. It behaves like a Digital Majmua-e-Kalam (Encyclopedia of Kalam).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: naatbook
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Core layout */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f9f9f9;
    margin: 0;
    padding: 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.urdu-text {
    font-family: 'Jameel Noori Nastaleeq', 'Nafees Web Naskh', Tahoma, sans-serif;
    direction: rtl;
    font-size: 1.5rem;
    line-height: 2.2;
}

/* Header */
.site-header {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
}

/* Archive Grid */
.kalam-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.kalam-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
}

/* Tabs */
.kalam-tabs {
    display: flex;
    gap: 10px;
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.kalam-tab {
    padding: 8px 16px;
    background: #eee;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
}

.kalam-tab.active, .kalam-tab:hover {
    background: #0073aa;
    color: #fff;
}

/* Sections */
.kalam-section {
    margin: 40px 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}