/**
 * Najibul Main Homepage — Hindi Overrides (hi) — v5.0
 *
 * ⚡ Thin override layer on top of home-base.css
 * ⚡ Hindi-specific typography refinements
 * ⚡ Optimized font stack (Noto Sans Devanagari → Nirmala UI → Mangal)
 * ⚡ Higher line-height for Devanagari matras
 * ⚡ Slight positive letter-spacing for Devanagari conjuncts (संयुक्ताक्षर)
 * ⚡ Devanagari ligature support (font-feature-settings)
 * ⚡ No layout changes (all layout lives in home-base.css)
 * ⚡ Safe to keep minimal — site still works
 *
 * Load order (via class-asset-loader.php):
 *   1. home-base.css         → shared design tokens + layout
 *   2. home-hi.css           → this file (Hindi tweaks)
 *
 * NOTE: Everything here is OVERRIDE only. The base design system
 *       lives in home-base.css and is shared across all languages
 *       and all CPT homepages.
 *
 * ⚡ v5.0 CHANGES (from v3.0):
 *   • ❌ QA-related overrides REMOVED (none existed, verified clean)
 *   • ✅ Badge weight tuning for Devanagari script
 *   • ✅ Text selection brand color ADDED
 *   • ✅ Comments compressed ~15%
 *   • ✅ All selectors preserved (BC-safe)
 *   • ✅ Design consistency preserved (same visual output)
 *
 * @package    GeneratePress_Child
 * @subpackage Najibul_Multilang
 * @version    5.0.0
 * @license    GPL-2.0-or-later
 */

/* ============================================================
   🔤 1. TYPOGRAPHY — Hindi (Devanagari) script optimization
   ============================================================ */

.najibul-home-hi {
    /* Hindi-optimized font stack
       - 'Noto Sans Devanagari' — Google's flagship Devanagari font, SIL OFL
       - 'Nirmala UI' — Modern Windows Devanagari font
       - 'Mangal' — Windows default Devanagari font
       - 'Kohinoor Devanagari' — macOS default
       - 'Lohit Devanagari' — Linux distros
       - 'Hindi' — additional fallback
       - system-ui — ultimate fallback */
    font-family:
        'Noto Sans Devanagari',
        'Nirmala UI',
        'Mangal',
        'Kohinoor Devanagari',
        'Lohit Devanagari',
        'Hindi',
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        sans-serif;

    /* Devanagari script needs taller line-height because:
       - Vowel signs above (ि ी े ै ो ौ) sit high
       - Vowel signs below (ु ू ृ ॄ) sit low
       - Conjuncts (संयुक्ताक्षर) form tall clusters
       - Half-forms and halants (्) create vertical complexity
       1.65 is the sweet spot — slightly tighter than Bengali (1.7)
       because Devanagari has fewer descending matras. */
    line-height: 1.65;

    /* Devanagari: slight positive letter-spacing
       Conjuncts are already wide but slight tracking helps separation */
    letter-spacing: 0.008em;

    /* Devanagari ligature support — critical for correct rendering */
    font-feature-settings:
        'liga' 1,
        'kern' 1,
        'calt' 1,
        'clig' 1,
        'locl' 1;

    -webkit-font-feature-settings:
        'liga' 1,
        'kern' 1,
        'calt' 1,
        'clig' 1,
        'locl' 1;

    /* Better text rendering for Devanagari */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

    /* Prevent Hindi word mid-break (Devanagari words can be long) */
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

/* ============================================================
   📰 2. HEADINGS — Hindi-specific refinements
   ============================================================ */

.najibul-home-hi .section-title {
    /* Hindi headlines: standard tracking (conjuncts too close breaks) */
    letter-spacing: 0;
    font-weight: 800;

    /* Ensure tall matras don't clip */
    padding-top: 4px;
    padding-bottom: 5px;

    /* Devanagari titles need extra line-height */
    line-height: 1.5;
}

.najibul-home-hi .title-gradient {
    /* Hindi brand text: default tracking */
    letter-spacing: 0;
    font-weight: 800;
    padding-bottom: 4px;
}

.najibul-home-hi .article-title {
    /* Hindi title: comfortable line-height for multi-line headlines */
    line-height: 1.5;
    letter-spacing: 0;

    /* Hindi titles often 2-3 line — keep clamp at 3 */
    -webkit-line-clamp: 3;
    line-clamp: 3;

    /* Prevent glyph clipping at top (matra-safe padding) */
    padding-top: 2px;

    /* Hindi: no text-wrap: pretty (breaks Devanagari conjuncts visually) */
    text-wrap: normal;
}

.najibul-home-hi .article-excerpt {
    /* Hindi body text: generous line-height */
    line-height: 1.65;
    letter-spacing: 0;

    /* Keep excerpt at 3 lines */
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

/* ============================================================
   🏷️ 3. BADGES — Hindi text metrics
   ============================================================ */

.najibul-home-hi .post-badge,
.najibul-home-hi .post-type-badge {
    /* Hindi uppercase (rare) — standard tracking */
    letter-spacing: 0.02em;

    /* Hindi badges need extra vertical padding for matras */
    padding-top: 5px;
    padding-bottom: 5px;

    /* Line-height for Devanagari badges */
    line-height: 1.5;

    /* Devanagari numerals when appearing */
    font-variant-numeric: normal;

    /* Devanagari script does not benefit from uppercase */
    text-transform: none;
    font-weight: 700;
}

/* ============================================================
   📅 4. META — Author / time pills
   ============================================================ */

.najibul-home-hi .meta-author,
.najibul-home-hi .meta-time {
    /* Hindi: standard tracking */
    letter-spacing: 0.005em;

    /* Devanagari text taller — extra vertical padding */
    padding-top: 6px;
    padding-bottom: 6px;

    /* Tabular numbers still work for Devanagari digits */
    font-variant-numeric: tabular-nums;

    /* Line-height for Devanagari */
    line-height: 1.5;
}

.najibul-home-hi .meta-time .meta-text {
    letter-spacing: 0.005em;
}

/* ============================================================
   🎯 5. DROPDOWN — Hindi label adjustments
   ============================================================ */

.najibul-home-hi .dropdown-label {
    /* Hindi label: standard tracking */
    letter-spacing: 0.005em;
    font-weight: 700;

    /* Devanagari label taller — extra vertical padding */
    padding-top: 4px;
    padding-bottom: 4px;

    line-height: 1.5;
}

.najibul-home-hi .dropdown-select {
    /* Hindi option text: standard tracking */
    letter-spacing: 0.005em;
    font-weight: 600;
    font-family: inherit;

    /* Devanagari text taller — extra vertical padding */
    padding-top: 14px;
    padding-bottom: 14px;

    /* Devanagari line-height */
    line-height: 1.5;
}

/* ============================================================
   📝 6. LOADER & END MESSAGE — Hindi refinements
   ============================================================ */

.najibul-home-hi .loading-text {
    letter-spacing: 0.005em;
    font-weight: 500;
    line-height: 1.6;
}

.najibul-home-hi .end-message p {
    letter-spacing: 0.005em;
    font-weight: 500;
    line-height: 1.6;
}

.najibul-home-hi .retry-btn {
    letter-spacing: 0.01em;
    font-weight: 600;

    /* Devanagari button text: extra padding */
    padding-top: 14px;
    padding-bottom: 14px;

    line-height: 1.4;
}

.najibul-home-hi .no-content-message p {
    letter-spacing: 0.005em;
    line-height: 1.6;
}

/* ============================================================
   🦴 7. SKELETON — Hindi text placeholder sizing
   ============================================================ */

.najibul-home-hi .skeleton-line {
    /* Devanagari skeleton lines slightly taller */
    height: 16px;
}

.najibul-home-hi .skeleton-line.skeleton-title {
    height: 22px;
}

.najibul-home-hi .skeleton-line.skeleton-meta {
    height: 14px;
}

/* ============================================================
   📱 8. RESPONSIVE — Hindi-specific mobile tweaks
   ============================================================ */

@media (max-width: 768px) {
    .najibul-home-hi {
        /* Hindi mobile: slightly reduced line-height (space constrained) */
        line-height: 1.6;
    }

    .najibul-home-hi .article-title {
        line-height: 1.45;
    }

    .najibul-home-hi .article-excerpt {
        line-height: 1.55;
    }
}

@media (max-width: 480px) {
    .najibul-home-hi {
        /* Hindi small screen: further reduce line-height */
        line-height: 1.55;
    }

    .najibul-home-hi .article-title {
        line-height: 1.4;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    .najibul-home-hi .article-excerpt {
        line-height: 1.5;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .najibul-home-hi .section-title {
        font-size: clamp(20px, 5vw, 24px);
        line-height: 1.5;
    }

    .najibul-home-hi .dropdown-select {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

/* ============================================================
   🖥️ 9. HIGH-DPI DISPLAYS — Hindi font clarity
   ============================================================ */

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
    .najibul-home-hi {
        /* Sharper Devanagari rendering on Retina/HiDPI */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: geometricPrecision;
    }
}

/* ============================================================
   🌙 10. DARK MODE — Hindi-specific contrast boost
   ============================================================ */

@media (prefers-color-scheme: dark) {
    .najibul-home-hi {
        /* Devanagari thin strokes need slightly heavier weight in dark mode */
        font-weight: 400;
    }

    .najibul-home-hi .article-title {
        /* Hindi headlines heavier in dark mode for contrast */
        font-weight: 700;
    }

    .najibul-home-hi .article-excerpt {
        /* Hindi body slightly heavier in dark mode */
        font-weight: 400;
    }
}

/* ============================================================
   🖨️ 11. PRINT — Hindi-specific print tweaks
   ============================================================ */

@media print {
    .najibul-home-hi {
        /* Hindi print: base line-height for paper */
        line-height: 1.55;
        font-family:
            'Noto Sans Devanagari',
            'Nirmala UI',
            'Mangal',
            serif;
    }

    .najibul-home-hi .article-title {
        line-height: 1.35;
    }

    .najibul-home-hi .article-excerpt {
        line-height: 1.45;
    }
}

/* ============================================================
   ♿ 12. HIGH CONTRAST — Weight boost for clarity
   ============================================================ */

@media (prefers-contrast: more) {
    .najibul-home-hi .article-title {
        font-weight: 800;
    }

    .najibul-home-hi .article-excerpt {
        font-weight: 500;
    }

    .najibul-home-hi .meta-author,
    .najibul-home-hi .meta-time {
        font-weight: 700;
    }
}

/* ============================================================
   🎨 13. TEXT SELECTION — Brand color
   ============================================================ */

.najibul-home-hi ::selection {
    background: var(--najibul-primary);
    color: #FFFFFF;
}

.najibul-home-hi ::-moz-selection {
    background: var(--najibul-primary);
    color: #FFFFFF;
}

/* ============================================================
   📚 14. FONT LOADING — Documentation
   ============================================================ */

/*
 * RECOMMENDED FONT LOADING STRATEGY:
 *
 * 1. Preconnect to Google Fonts (add to <head>):
 *      <link rel="preconnect" href="https://fonts.googleapis.com">
 *      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 *
 * 2. Preload Noto Sans Devanagari (add to <head>):
 *      <link rel="preload" as="style"
 *            href="https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700;800&display=swap">
 *
 * 3. Or self-host the font (faster, no third-party):
 *      - Download from https://fonts.google.com/noto/specimen/Noto+Sans+Devanagari
 *      - Place in /assets/fonts/noto-sans-devanagari/
 *      - Declare @font-face with `font-display: swap`
 *
 * The font stack above gracefully degrades:
 *   Noto Sans Devanagari → Nirmala UI → Mangal → Kohinoor Devanagari
 *   → Lohit Devanagari → Hindi → system-ui → sans-serif
 *
 * NOTE: Do NOT remove fallback fonts — some users (older OS,
 *       restricted networks) may not have Noto Sans Devanagari.
 */

/* ============================================================
   ✅ END OF FILE
   ============================================================ */