/**
 * MeroSath Nepali Typography and Theme Styling
 *
 * Professional Nepali Devanagari typography using Google Fonts Mukta & Noto Sans Devanagari.
 * Features line-height guards (minimum 1.35) to prevent clipping of Nepali vowel signs (matras: ि, ी, ु, ू, े, ै, ो, ौ, ं, ँ, ्)
 * and preserves Newspaper / FontAwesome icons (.td-icon-*, .fa, [class*="td-icon-"]).
 */

/* ==========================================================================
   Base Typography & Body
   ========================================================================== */
body, p, input, textarea, select {
    font-family: 'Mukta', 'Noto Sans Devanagari', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
    line-height: 1.65;
}

/* ==========================================================================
   Headings & Editorial Block Titles
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.entry-title,
.td-module-title,
.td-module-title a,
.block-title,
.block-title a,
.block-title span,
.td-block-title,
.td-block-title a,
.td-subcat-item a,
.td-pulldown-filter-link {
    font-family: 'Mukta', 'Noto Sans Devanagari', -apple-system, BlinkMacSystemFont, sans-serif !important;
    line-height: 1.45 !important;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

/* Excerpts & Summaries */
.td-excerpt,
.entry-content p,
.td-post-content p {
    font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif !important;
    line-height: 1.68 !important;
    font-size: 16px;
}

/* Navigation Menus */
.sf-menu > li > a,
.sf-menu ul.sub-menu li a,
.td-mobile-content ul li a {
    font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif !important;
    font-weight: 600;
    line-height: 1.4 !important;
}

/* Category Badges & Meta */
.td-post-category,
.td-module-meta-info,
.td-editor-date {
    font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif !important;
    line-height: 1.5 !important;
}

/* ==========================================================================
   Icon Font Preservation Guard (CRITICAL)
   Never override font-family on font icons!
   ========================================================================== */
i, [class^="td-icon-"], [class*=" td-icon-"], [class^="fa-"], [class*=" fa-"], .fa, .font-icon {
    font-family: 'newspaper', 'FontAwesome', 'icomoon', sans-serif !important;
}

/* ==========================================================================
   Trending Bar / Breaking News Strip
   ========================================================================== */
.td_block_trending_now .td-trending-now-title {
    background-color: #dd3333 !important;
    font-family: 'Mukta', sans-serif !important;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.td_block_trending_now .td-trending-now-display {
    font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif !important;
    font-size: 15px;
    line-height: 1.4;
}

/* ==========================================================================
   Hero & Lead Story (td_block_22 / td_module_22)
   ========================================================================== */
.td_module_22 .td-module-title {
    font-size: 28px !important;
    line-height: 1.35 !important;
    font-weight: 700;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .td_module_22 .td-module-title {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }
}

/* ==========================================================================
   Latest News Grid & Block 7 (Local / Provincial / Politics)
   ========================================================================== */
.td_block_7 .td-block-title {
    border-bottom: 2px solid #dd3333;
}

.td_block_7 .td-pulldown-filter-list a {
    font-family: 'Mukta', sans-serif !important;
    font-weight: 600;
    font-size: 13px;
}

/* ==========================================================================
   Archive Directory Quick-Links Grid
   ========================================================================== */
.merosath-archive-directory {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 3px solid #dd3333;
    padding: 24px;
    margin-top: 25px;
    margin-bottom: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.merosath-archive-directory__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 12px;
    margin-bottom: 18px;
}

.merosath-archive-directory__title {
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
    font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif;
}

.merosath-archive-directory__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 14px 18px;
}

.merosath-archive-directory__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: #f8fafc;
    border-radius: 4px;
    border-left: 3px solid #cbd5e1;
    transition: all 0.2s ease;
    text-decoration: none !important;
}

.merosath-archive-directory__item:hover {
    background: #f1f5f9;
    border-left-color: #dd3333;
    transform: translateX(3px);
}

.merosath-archive-directory__name {
    font-size: 15px;
    font-weight: 600;
    color: #334155;
    font-family: 'Mukta', 'Noto Sans Devanagari', sans-serif;
}

.merosath-archive-directory__arrow {
    font-size: 13px;
    color: #dd3333;
    font-weight: 700;
}

@media (max-width: 767px) {
    .merosath-archive-directory {
        padding: 16px;
    }
    .merosath-archive-directory__grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .merosath-archive-directory__item {
        padding: 6px 10px;
    }
    .merosath-archive-directory__name {
        font-size: 13px;
    }
}

/* ==========================================================================
   Homepage Vertical Spacing & Card Layout Polish
   Tighten excessive whitespace between news items without clipping
   ========================================================================== */
.home .td_module_wrap {
    padding-bottom: 18px !important;
}

.home .td_block_wrap {
    margin-bottom: 22px !important;
}

.home .td_module_11 {
    padding-bottom: 16px !important;
    margin-bottom: 16px;
    border-bottom: 1px solid #f0f0f0;
}

.home .td_block_12 .td-block-span12:last-child .td_module_11 {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 10px !important;
}

.home .td_module_17 {
    padding-bottom: 15px !important;
}

.home .td_module_2 {
    padding-bottom: 16px !important;
}

.home .td_module_6 {
    padding-bottom: 14px !important;
}

.home .td_module_3 {
    padding-bottom: 16px !important;
}

/* Lead story card meta and excerpt alignment */
.home .td_module_17 .meta-info-container {
    padding-bottom: 6px;
}

.home .td_module_17 .td-excerpt {
    margin-top: 10px;
    margin-bottom: 8px;
}

/* Ensure clean sidebar container height */
.home .td-ss-main-sidebar {
    min-height: 100px;
}