/**
 * Najibul Main Homepage — English Overrides (en) — v5.0
 *
 * ⚡ Thin override layer on top of home-base.css
 * ⚡ English-specific typography refinements
 * ⚡ Font stack optimized for Latin script
 * ⚡ 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-en.css           → this file (English 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 uppercase text (font-weight 800)
 *   • ✅ Skeleton height refinements for Latin metrics
 *   • ✅ 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 — Latin script optimization
   ============================================================ */

.najibul-home-en {
    /* Optimized system font stack for Latin scripts
       (system-ui first → best rendering per OS) */
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        'Inter',
        Roboto,
        'Helvetica Neue',
        Arial,
        'Noto Sans',
        sans-serif;

    /* Latin scripts read best with slightly tighter line-height
       than Bengali/Devanagari (which have tall ascenders/descenders) */
    line-height: 1.55;

    /* Letter-spacing: subtle tightening for better readability */
    letter-spacing: -0.005em;

    /* Font feature settings for better numerals and ligatures */
    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
    -webkit-font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;

    /* Text rendering optimizations */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

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

.najibul-home-en .section-title {
    /* Latin titles: slightly tighter letter-spacing looks better */
    letter-spacing: -0.015em;

    /* Ensure descenders (g, p, y) don't clip */
    padding-bottom: 2px;
}

.najibul-home-en .title-gradient {
    /* English brand text tends to be wider — keep tight */
    letter-spacing: -0.02em;
    font-weight: 800;
}

.najibul-home-en .article-title {
    /* Latin titles benefit from tighter tracking */
    letter-spacing: -0.008em;

    /* Line-height slightly tighter than base for headlines */
    line-height: 1.35;

    /* Prevent orphaned single words on last line (best-effort) */
    text-wrap: pretty;
}

/* Fallback for browsers without text-wrap: pretty */
@supports not (text-wrap: pretty) {
    .najibul-home-en .article-title {
        text-wrap: balance;
    }
}

.najibul-home-en .article-excerpt {
    /* Latin body text: standard leading */
    letter-spacing: 0;
    line-height: 1.5;

    /* Pretty wrap for readability */
    text-wrap: pretty;
}

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

.najibul-home-en .post-badge,
.najibul-home-en .post-type-badge {
    /* Latin uppercase: slightly wider tracking improves legibility */
    letter-spacing: 0.5px;

    /* Slightly smaller line-height for compact badges */
    line-height: 1.3;

    /* Uppercase text needs optical balance */
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}

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

.najibul-home-en .meta-author,
.najibul-home-en .meta-time {
    /* Latin numerals: tabular alignment */
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;

    /* Slightly tighter tracking for compact meta */
    letter-spacing: -0.002em;
}

/* English time text like "2 hours ago" — keep tight */
.najibul-home-en .meta-time .meta-text {
    letter-spacing: -0.005em;
}

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

.najibul-home-en .dropdown-label {
    /* Latin: slightly tighter tracking */
    letter-spacing: -0.01em;
}

.najibul-home-en .dropdown-select {
    /* English select text: standard tracking */
    letter-spacing: 0;
    font-weight: 600;
}

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

.najibul-home-en .loading-text {
    letter-spacing: -0.003em;
    font-weight: 500;
}

.najibul-home-en .end-message p {
    letter-spacing: -0.003em;
    font-weight: 500;
}

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

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

.najibul-home-en .skeleton-line {
    /* Latin skeleton lines: base height */
    height: 14px;
}

.najibul-home-en .skeleton-line.skeleton-title {
    height: 18px;
}

.najibul-home-en .skeleton-line.skeleton-meta {
    height: 12px;
}

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

@media (max-width: 768px) {
    .najibul-home-en {
        /* Slightly tighter line-height on small screens */
        line-height: 1.52;
    }

    .najibul-home-en .article-title {
        line-height: 1.33;
    }

    .najibul-home-en .article-excerpt {
        line-height: 1.48;
    }
}

@media (max-width: 480px) {
    .najibul-home-en {
        /* Tighter line-height on smallest screens */
        line-height: 1.5;
    }

    .najibul-home-en .article-title {
        /* Mobile headline: tighter but readable */
        line-height: 1.3;
        letter-spacing: -0.005em;
    }

    .najibul-home-en .article-excerpt {
        /* Mobile body: slightly tighter */
        line-height: 1.45;
    }

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

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

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

/* ============================================================
   🌙 10. DARK MODE — Nothing language-specific
   ============================================================ */

/* Dark mode is fully handled by home-base.css.
   English needs no dark mode overrides. */

/* ============================================================
   🖨️ 11. PRINT — Nothing language-specific
   ============================================================ */

/* Print styles are fully handled by home-base.css.
   English needs no print overrides. */

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

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

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

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

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

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

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