/*
Theme Name: Mithila Times Pro
Theme URI: https://www.mithila-times.com
Author: Mithila Times Digital Team
Author URI: https://www.mithila-times.com
Description: A premium, fast, SEO-optimized Nepali digital news portal theme built for Mithila Times. Fully responsive, Elementor & Gutenberg compatible, RTL ready, translation ready. Includes a complete admin-editable settings panel for editorial team, advertisements, weather, forex, gold/silver prices and 12 custom drag-and-drop widgets.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mithila-times-pro
Tags: news, blog, one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-logo, custom-menu, featured-images, translation-ready, rtl-language-support, threaded-comments, sticky-post, theme-options, footer-widgets
*/

/* =============================================================
   0. CSS VARIABLES (overridden live by Customizer -> inline CSS)
============================================================= */
:root{
  --mt-primary:#10315A;
  --mt-accent:#CF1F25;
  --mt-text:#1a1a1a;
  --mt-muted:#6b7280;
  --mt-bg:#ffffff;
  --mt-bg-alt:#f4f6f9;
  --mt-border:#e5e7eb;
  --mt-font-body: 'Noto Sans', Arial, sans-serif;
  --mt-font-heading: 'Mukta', 'Noto Sans', Arial, sans-serif;
  --mt-radius:6px;
}

/* =============================================================
   1. RESET / BASE
============================================================= */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--mt-font-body);
  color:var(--mt-text);
  background:var(--mt-bg);
  font-size:16px;
  line-height:1.65;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--mt-primary);text-decoration:none}
a:hover{color:var(--mt-accent)}
h1,h2,h3,h4,h5,h6{font-family:var(--mt-font-heading);line-height:1.25;margin:0 0 .5em;color:var(--mt-text)}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit;cursor:pointer}
.container{max-width:1240px;margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute!important;left:-9999px;top:-9999px}

/* =============================================================
   2. HEADER
============================================================= */
.mt-topbar{background:var(--mt-primary);color:#fff;font-size:13px}
.mt-topbar .container{display:flex;align-items:center;justify-content:space-between;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;gap:8px}
.mt-topbar .mt-topbar-left{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.mt-topbar .mt-topbar-right{display:flex;gap:14px;align-items:center}
.mt-topbar a{color:#fff}
.mt-social-icons{display:flex;gap:10px}
.mt-social-icons a{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:13px}
.mt-social-icons a:hover{background:var(--mt-accent)}
.mt-weather{display:flex;align-items:center;gap:6px}

.mt-header-main{background:#fff;border-bottom:1px solid var(--mt-border);padding:14px 0}
.mt-header-main .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.mt-logo img{max-height:60px}
.mt-logo{font-size:28px;font-weight:800;color:var(--mt-primary)}
.mt-header-search{position:relative}
.mt-header-search input{border:1px solid var(--mt-border);padding:8px 12px;border-radius:var(--mt-radius);width:220px}
.mt-header-search button{background:var(--mt-accent);color:#fff;border:0;padding:8px 12px;border-radius:var(--mt-radius);margin-left:4px}

.mt-nav-wrap{background:var(--mt-primary)}
.mt-nav-wrap.mt-sticky{position:sticky;top:0;z-index:999;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.mt-primary-menu{display:flex;flex-wrap:wrap}
.mt-primary-menu li{position:relative}
.mt-primary-menu > li > a{display:block;padding:12px 16px;color:#fff;font-weight:600;font-size:14.5px;text-transform:uppercase;letter-spacing:.3px}
.mt-primary-menu > li:hover > a,.mt-primary-menu > li.current-menu-item > a{background:var(--mt-accent)}
.mt-primary-menu ul{position:absolute;left:0;top:100%;background:#fff;min-width:200px;box-shadow:0 8px 20px rgba(0,0,0,.15);display:none;z-index:99}
.mt-primary-menu li:hover > ul{display:block}
.mt-primary-menu ul li a{color:var(--mt-text);padding:10px 16px;border-bottom:1px solid var(--mt-border)}
.mt-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px;padding:10px 16px}

.mt-breaking-ticker{background:#fff;border-bottom:1px solid var(--mt-border);display:flex;align-items:center;overflow:hidden}
.mt-breaking-label{background:var(--mt-accent);color:#fff;font-weight:700;padding:8px 16px;flex-shrink:0;font-size:13px;text-transform:uppercase}
.mt-ticker-viewport{overflow:hidden;flex:1;white-space:nowrap;position:relative;height:36px}
.mt-ticker-track{display:inline-flex;gap:50px;position:absolute;white-space:nowrap;animation:mt-scroll 30s linear infinite;line-height:36px}
.mt-ticker-track a{color:var(--mt-text);font-size:14px;font-weight:600}
@keyframes mt-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* =============================================================
   3. LAYOUT / SECTIONS
============================================================= */
.mt-section{padding:28px 0}
.mt-section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--mt-primary);margin-bottom:18px;padding-bottom:8px}
.mt-section-title h2{font-size:22px;margin:0;color:var(--mt-primary);text-transform:uppercase}
.mt-section-title h2::before{content:'';display:inline-block;width:8px;height:20px;background:var(--mt-accent);margin-right:8px;vertical-align:middle}
.mt-section-title a.mt-more{font-size:13px;font-weight:600;color:var(--mt-accent)}

.mt-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.mt-hero-main{position:relative;border-radius:var(--mt-radius);overflow:hidden}
.mt-hero-main img{width:100%;height:460px;object-fit:cover}
.mt-hero-overlay{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:30px 24px 20px;color:#fff}
.mt-hero-overlay h2{color:#fff;font-size:28px;margin-bottom:8px}
.mt-hero-overlay h2 a{color:#fff}
.mt-hero-side{display:flex;flex-direction:column;gap:14px}
.mt-hero-side-item{display:flex;gap:12px}
.mt-hero-side-item img{width:110px;height:80px;object-fit:cover;border-radius:var(--mt-radius);flex-shrink:0}
.mt-hero-side-item h3{font-size:15px;margin:0}

.mt-grid{display:grid;gap:20px}
.mt-grid-3{grid-template-columns:repeat(3,1fr)}
.mt-grid-4{grid-template-columns:repeat(4,1fr)}
.mt-card{background:#fff;border:1px solid var(--mt-border);border-radius:var(--mt-radius);overflow:hidden;transition:box-shadow .2s}
.mt-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.08)}
.mt-card-thumb{position:relative;overflow:hidden}
.mt-card-thumb img{width:100%;height:170px;object-fit:cover;transition:transform .3s}
.mt-card:hover .mt-card-thumb img{transform:scale(1.06)}
.mt-card-cat{position:absolute;top:10px;left:10px;background:var(--mt-accent);color:#fff;font-size:11px;text-transform:uppercase;padding:3px 8px;border-radius:3px;font-weight:700}
.mt-card-body{padding:14px}
.mt-card-body h3{font-size:16px;margin-bottom:6px}
.mt-card-meta{font-size:12px;color:var(--mt-muted);display:flex;gap:10px}
.mt-excerpt{font-size:13.5px;color:var(--mt-muted);margin-top:6px}

.mt-content-with-sidebar{display:grid;grid-template-columns:2.4fr 1fr;gap:30px}

/* Watermark overlay on featured images */
.mt-watermarked-image{position:relative;overflow:hidden;border-radius:var(--mt-radius)}
.mt-watermarked-image img{width:100%;display:block}
.mt-watermark-tag{position:absolute;right:12px;bottom:12px;background:rgba(16,49,90,.72);color:#fff;padding:6px 12px;font-size:12px;font-weight:700;border-radius:4px;text-align:right;line-height:1.3;pointer-events:none;letter-spacing:.4px}
.mt-watermark-tag span{display:block;font-size:10px;font-weight:400;opacity:.85}

/* =============================================================
   4. SIDEBAR / WIDGETS
============================================================= */
.mt-widget{background:#fff;border:1px solid var(--mt-border);border-radius:var(--mt-radius);margin-bottom:24px;padding:16px}
.mt-widget-title{font-size:16px;color:var(--mt-primary);text-transform:uppercase;border-bottom:2px solid var(--mt-accent);padding-bottom:8px;margin-bottom:12px}
.mt-widget-list li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--mt-border)}
.mt-widget-list li:last-child{border-bottom:0}
.mt-widget-list img{width:64px;height:52px;object-fit:cover;border-radius:4px;flex-shrink:0}
.mt-widget-list h4{font-size:13.5px;margin:0}
.mt-widget-rank{font-weight:800;color:var(--mt-accent);font-size:18px;width:22px}
.mt-forex-table,.mt-gold-table{width:100%;border-collapse:collapse;font-size:13px}
.mt-forex-table th,.mt-forex-table td,.mt-gold-table th,.mt-gold-table td{border:1px solid var(--mt-border);padding:6px 8px;text-align:center}
.mt-weather-box{display:flex;align-items:center;gap:12px}
.mt-weather-box .mt-temp{font-size:32px;font-weight:800;color:var(--mt-primary)}
.mt-ad-slot{text-align:center;overflow:hidden}
.mt-editor-msg-widget{text-align:center}
.mt-editor-msg-widget img{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:0 auto 10px}

/* =============================================================
   5. SINGLE POST
============================================================= */
.mt-reading-progress{position:fixed;top:0;left:0;height:4px;background:var(--mt-accent);z-index:9999;width:0%}
.mt-single-header{margin-bottom:16px}
.mt-single-header .mt-cat{color:var(--mt-accent);text-transform:uppercase;font-weight:700;font-size:13px}
.mt-single-header h1{font-size:32px;margin:8px 0}
.mt-single-meta{color:var(--mt-muted);font-size:13.5px;display:flex;gap:16px;flex-wrap:wrap}
.mt-single-content{font-size:17px;line-height:1.85}
.mt-single-content p{margin:0 0 1.2em}
.mt-share-buttons{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}
.mt-share-buttons a{padding:8px 14px;border-radius:4px;color:#fff;font-size:13px;font-weight:600}
.mt-share-fb{background:#1877f2}.mt-share-tw{background:#000}.mt-share-wa{background:#25d366}.mt-share-tg{background:#0088cc}.mt-share-cp{background:var(--mt-primary)}

.mt-author-box{display:flex;gap:16px;background:var(--mt-bg-alt);padding:18px;border-radius:var(--mt-radius);margin:24px 0}
.mt-author-box img{width:80px;height:80px;border-radius:50%;object-fit:cover}
.mt-author-box h4{margin:0 0 4px}
.mt-author-designation{color:var(--mt-accent);font-size:13px;font-weight:700;margin-bottom:6px}

.mt-related-news{margin-top:30px}
.mt-in-article-ad{margin:24px 0;text-align:center}

/* =============================================================
   6. FOOTER
============================================================= */
.mt-footer{background:var(--mt-primary);color:#dbe3ee;margin-top:40px;padding-top:40px}
.mt-footer h3{color:#fff;font-size:16px;text-transform:uppercase;border-bottom:2px solid var(--mt-accent);padding-bottom:8px;margin-bottom:14px}
.mt-footer a{color:#dbe3ee}
.mt-footer a:hover{color:#fff}
.mt-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px}
.mt-footer-logo img{max-height:50px;margin-bottom:12px}
.mt-footer-widgets ul li{margin-bottom:8px;font-size:14px}
.mt-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:16px 0;font-size:13px;text-align:center}
.mt-footer-bottom .mt-credit{opacity:.85}

/* =============================================================
   7. UTILITIES / FORMS / COMMENTS
============================================================= */
.mt-pagination{display:flex;gap:8px;justify-content:center;margin:30px 0}
.mt-pagination a,.mt-pagination span{padding:8px 14px;border:1px solid var(--mt-border);border-radius:4px}
.mt-pagination .current{background:var(--mt-primary);color:#fff;border-color:var(--mt-primary)}
.comment-list{list-style:none;margin:0}
.comment-list .comment-body{background:var(--mt-bg-alt);padding:16px;border-radius:var(--mt-radius);margin-bottom:14px}
.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1px solid var(--mt-border);border-radius:4px;margin-bottom:12px}
.comment-reply-title{border-bottom:2px solid var(--mt-accent);padding-bottom:8px}

.mt-video-badge::before{content:"\25B6";margin-right:4px}

/* =============================================================
   8. RESPONSIVE
============================================================= */
@media(max-width:1024px){
  .mt-content-with-sidebar{grid-template-columns:1fr}
  .mt-hero-grid{grid-template-columns:1fr}
  .mt-grid-4{grid-template-columns:repeat(2,1fr)}
  .mt-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:782px){
  .mt-header-main .container{flex-wrap:wrap}
  .mt-menu-toggle{display:block}
  .mt-primary-menu{display:none;flex-direction:column;width:100%}
  .mt-primary-menu.mt-open{display:flex}
  .mt-primary-menu ul{position:static;box-shadow:none;width:100%}
  .mt-grid-3,.mt-grid-4{grid-template-columns:repeat(2,1fr)}
  .mt-footer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .mt-grid-3,.mt-grid-4{grid-template-columns:1fr}
  .mt-hero-main img{height:260px}
  .mt-single-header h1{font-size:24px}
}

/* =============================================================
   9. RTL SUPPORT (loaded automatically by WP as rtl.css too;
   this block is a fallback if rtl.css is absent)
============================================================= */
body.rtl{direction:rtl;text-align:right}
body.rtl .mt-hero-side-item,
body.rtl .mt-widget-list li,
body.rtl .mt-author-box{flex-direction:row-reverse}
body.rtl .mt-card-cat{left:auto;right:10px}
body.rtl .mt-watermark-tag{right:auto;left:12px;text-align:left}