/* --- shahmukhi.css --- */

/* 1. Global Reset & RTL Font Support */
*, *:before, *:after { box-sizing: border-box; }

body { 
    margin: 0; 
    background-color: #f4faff; 
    color: #000000 !important; 
    font-family: 'Jameel Noori Nastaleeq', 'Noto Sans Arabic', sans-serif; 
    line-height: 1.8;
    direction: rtl; /* Shahmukhi के लिए अनिवार्य */
    text-align: right;
}

/* 2. Structural Wrapper */
.pk-wrapper {
    margin: 40px auto;
    width: 90%;
    max-width: 1200px;
    background: #ffffff;
    padding: 20px;
    overflow: hidden;
}

/* 3. Section & Layout Styles (Full Width Adjustment) */
.section {
    background: #F4FAFF;
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #0072C6;
    overflow: hidden;
}

/* Updated: Content area now takes 100% width */
.left { 
    width: 100%; 
    float: none; 
    padding: 0; 
    line-height: 1.8; 
    color: #000000;
    text-align: right;
}

/* Updated: Image/Right block now takes full width for a centered or clean look */
.right { 
    width: 100%; 
    float: none; 
    text-align: center;
    margin-bottom: 20px;
}

/* --- 4. Headings & Typography (Updated) --- */
h1, h2, h3, h4, h5 {
    text-align: right !important; /* हेडिंग्स को हमेशा दाईं ओर रखने के लिए */
    direction: rtl;               /* शाहमुखी टेक्स्ट प्रवाह के लिए */
    margin: 10px 0;
}

h1 { color: #0294f9; font-size: 30px; margin-top: 0; }
h2 { color: green; font-size: 125%; }
h3 { font-size: 120%; color: blue; }

.section h1 { color: #0294f9; text-align: right !important; }

/* 5. Poetry Lists (RTL Compatible) */
.list li, .full li {
    list-style: none;
    color: #006400 !important;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 5px;
    text-align: right;
}

.list li a, .full a {
    color: #006400 !important;
    text-decoration: none;
    font-weight: 700;
    display: block;
}

/* 6. Poetry/Pre Tag */
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #eee;
    text-align: right;
}

/* 7. Alphabet Navigation */
.alphabet-nav {
    margin: 20px 0;
    text-align: center;
}

.alphabet-nav a {
    font-size: 1.8em !important;
    text-decoration: none !important;
    color: #006400 !important;
    margin: 0 7px;
    display: inline-block;
}

/* 8. Mobile Responsiveness */
@media only screen and (max-width: 768px) {
    .pk-wrapper { width: 95%; }
    .left, .right { width: 100% !important; float: none; padding: 0; }
    .section h1 { font-size: 22px; text-align: center; }
    .list li { text-align: center; }
}