/*
Theme Name: Urdu News Point
Theme URI: https://wpurdutheme.com/
Author: Malik Masood
Author URI: https://wpurdutheme.com/
Description: Professional modular Urdu news theme with per-block controls.
Version: 2.0.0
License: GPLv2 or later
Text Domain: urdu-news-point
*/
:root{ --primary:#0f7c90; --accent:#e54b4b; --bg:#ffffff; --text:#111827 }
:root {
  --urdu-font: 'Jameel Noori';
}
.unp-featured-block .headline, .unp-featured-block .excerpt, .unp-featured-block .s-post .title, .section-title, .unp-sports-block .big-post .title, .unp-sports-block .small-post .title, .cat-btn, .unp-video-block .title, .unp-business-block .title, .unp-entertainment-block .ent-card .title, .unp-interest-block .title, .unp-islamic-block .icon-card .ic-title, .unp-islamic-block .iso-post .title, .block-09 .b09-card .title, .block-10 .b10-card.large h3, .block-10 .b10-card.small h4, .block-11 .b11-right h3, .block-11 .b11-right p.desc, .block-11 .b11-list h4, .widget_categories li a, .sidebar .widget-title, article.news-item h4, .sidebar-sticky h2, .single-title, .single-article, .mustread .mr-head span, .mr-title, .single-related .rel-title span, .rel-card h4, .sr-label, .sr-tab, .sr-total, .sr-title, .block-09 .b09-heading, .block-10 .b10-heading, .block-11 .b11-heading, .sidebar h2 {font-family:var(--urdu-font)}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Noto Nastaliq Urdu","Noto Naskh Arabic",Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{width:95%; max-width:100%;margin-inline:auto}
.section{margin:24px 0}
.section-title{width: 10%;text-align: center;}
a {text-decoration: none;}
.bottom-cats {display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;width: 100%;}
/* ===============================
   Sidebar – Urdu News Point
=================================*/
.sidebar {flex: 0 0 25%;background: #fff;border-radius: 12px;padding: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.widget_categories ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px;list-style: none;padding: 0;}
.widget_categories li {background: var(--color-primary);text-align: center;padding: 10px;border-radius: 5px;}
.widget_categories li a {color: #fff;text-decoration: none;font-weight: 700;font-size: 18px;display: block;}
.widget_categories li:hover {background: var(--color-accent);}
/* --- Featured News Widget --- */
.unp-featured-news .news-item {display: flex;align-items: center;margin-bottom: 12px;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;flex-direction: row;text-align: right;direction:rtl;}
.unp-featured-news .news-item:last-child {border-bottom: none;}
.unp-featured-news .thumb img {width: 70px;height: 70px;object-fit: cover;border-radius: 6px;margin-left: 10px;}
.unp-featured-news .title a {color: #222;font-size: 18px;line-height: 1.6;text-decoration: none;font-weight: 600;}
.unp-featured-news .title a:hover {color: #c0392b;}
/* --- Sidebar Widget Title --- */
.sidebar .widget-title {font-size: 24px;font-weight: bold;border-bottom: 2px solid var(--color-accent);padding-bottom: 5px;margin-bottom: 15px;text-align: right;}
.home-flex{display:flex; align-items:flex-start;gap:25px;}
.main-content{flex:1 1 75%; min-width:0;}
/* Responsive */
@media (max-width: 992px) {.home-flex{flex-direction:column;}.sidebar{order:2;margin-top:25px;}
.main-content {order:1;width: 100%;}
}
/* ===============================
   Sticky Sidebar & Back to Top
=================================*/
@media (min-width: 992px) {.sidebar {position: sticky;top: 100px;align-self: start;}
}
html {scroll-behavior: smooth;}
/* ==========================================
   Premium Scroll Progress Back To Top Button
   Urdu News Point
==========================================*/
#backToTop {position: fixed;bottom: 30px;left: 30px;width: 60px;height: 60px;border-radius: 50%;background: <?php echo get_theme_mod('unp_backtotop_color','#c0392b'); ?>;color: #fff;border: none;cursor: pointer;display: none;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(0,0,0,0.25);z-index: 999;transition: all 0.3s ease;}
#backToTop:hover {background: <?php echo get_theme_mod('unp_backtotop_color_hover','#a93226'); ?>;transform: translateY(-4px);box-shadow: 0 6px 16px rgba(0,0,0,0.3);}
#backToTop .arrow {font-size: 20px;font-weight: bold;z-index: 2;position: absolute;}
/* --- SVG Progress Ring --- */
.progress-ring {position: absolute;top: 0;left: 0;transform: rotate(-90deg);}
.progress-ring__circle {stroke: #fff;opacity: 0.25;transition: stroke-dashoffset 0.2s linear;}
/* Smooth fade-in on scroll */
#backToTop.show {display: flex;animation: fadeIn 0.4s ease forwards;}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.8); }
  to { opacity: 1; transform: scale(1); }}
@media(max-width:768px){
  #backToTop { width: 50px; height: 50px; bottom: 20px; left: 20px; }
  #backToTop .arrow { font-size: 18px; }
  .section-title {width: 30%;padding: 10px 15px !important;}
  .block-09 .b09-heading{padding: 10px 15px !important;}
  .unp-business-block .cat-btn {width: 45% !important;}}
.progress-ring__circle {
  stroke: <?php echo get_theme_mod('unp_backtotop_color','#c0392b'); ?>;}
.urdu-comments {list-style:none;padding:0;margin:0;}
.urdu-comment-item {margin-bottom:15px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;gap:10px;align-items:flex-start;}
.urdu-avatar img{border-radius:50%;width:50px;height:50px;object-fit:cover;}
.urdu-comment-content{flex:1;text-align:right;}
.urdu-comment-meta{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px;}
.urdu-date{font-size:12px;color:#6b7280;margin-right:6px;}
.urdu-text{font-size:15px;line-height:1.8;}
.submit-btn.urdu-btn{background:#0b1b28;color:#fff;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;font-size:15px;}
.submit-btn.urdu-btn:hover{opacity:0.9;}
/* ===== Mobile Home Menu Styling ===== */
.mobile-home-menu {background: var(--pc-sidebar-bg);text-align: center;padding: 10px 0;direction: ltr;justify-content: center !important;margin: 0 !important;font-family: system-ui;}
.mobile-home-menu a {color: #ffffff;font-weight: 600;margin: 0 12px;text-decoration: none;transition: .2s ease;}
.mobile-home-menu a:hover {color: #00e0d2;}
#mobile-drawer .mobile-home-menu {padding: 18px 16px;height: inherit;}
body.page-template-page-mobile .midbar-inner {flex-direction: row !important;}
#mobile-drawer .mobile-home-menu > li > a {justify-content: flex-end !important;}
/* Hide regular menu if both appear accidentally */
body.page-template-page-mobile .menu:not(.mobile-home-menu) {display: none !important;}
/* ============================================================
   ✅ MOBILE ARCHIVE & BRAND ARCHIVE (Pro+ by Malik Masood)
   ============================================================ */

/* ===== Base ===== */
body.post-type-archive-mobiles,
body.tax-mobile_brand {background: #f9fafb;color: #222;direction: ltr;}
/* ===== Grid Layout ===== */
.mh-posts,
.mh-posts-grid {display: grid !important;grid-template-columns: repeat(auto-fit, minmax(187px, 1fr)) !important;gap: 22px !important;margin-top: 25px !important;}
.mh-breadcrumb.card {margin-top: 7px;box-shadow: none;background: none;}
/* ===== Card ===== */
.mh-post,
.mh-archive-card {background: #fff;border: 1px solid #e3e7ee;border-radius: 10px;box-shadow: 0 2px 8px rgba(0,0,0,0.06);overflow: hidden;transition: all 0.3s ease;text-align: center;padding: 14px;display: flex;flex-direction: column;justify-content: space-between;}
.mh-post:hover,
.mh-archive-card:hover {transform: translateY(-4px);box-shadow: 0 8px 18px rgba(0,0,0,0.1);}
/* ===== Thumbnail ===== */
.mh-post img,
.mh-archive-card img,
.mh-thumb img {width: 100%;height: 210px;object-fit: contain;background: #fff;border-radius: 8px;margin-bottom: 10px;transition: transform 0.3s ease;}
.mh-post:hover img,
.mh-archive-card:hover img {transform: scale(1.04);}
/* ===== Title ===== */
.mh-post-title,
.mh-archive-card .mh-title {font-size: 15px;font-weight: 600;color: #111;line-height: 1.3;margin-bottom: 5px;min-height: 38px;}
/* ===== Price ===== */
.mh-post-price,
.mh-archive-card .mh-price {font-size: 14px;font-weight: 700;color: #d92323;margin-bottom: 4px;}
/* Coming soon style */
.mh-archive-card .mh-price.coming {color: #888;font-weight: 600;font-style: italic;}
/* ===== Status ===== */
.mh-status {font-size: 13px;color: #666;font-weight: 500;}
/* ===== Brand Header / Archive Heading ===== */
.mh-brand-header,
.archive-top {background: #fff;border: 1px solid #e3e7ee;border-radius: 10px;box-shadow: 0 1px 5px rgba(0,0,0,0.05);padding: 12px 15px;margin-bottom: 18px;}
.mh-brand-header h2,
.mh-archive-heading {font-size: 20px;color: #d94a4a;font-weight: 700;text-transform: capitalize;}
/* ===== Dropdown / Filter ===== */
.mh-filter-select,
.mh-sort-form select,
.mh-filter-form select {border: 1px solid #ddd;border-radius: 6px;padding: 6px 10px;font-size: 14px;color: #333;background: #fff;cursor: pointer;}
.mh-filter-select:focus,
.mh-sort-form select:focus {border-color: #d92323;outline: none;}
/* ===== Pagination ===== */
.mh-pagination {text-align: center;margin: 30px 0;}
.mh-pagination .page-numbers {display: inline-block;background: #f3f4f6;color: #222;padding: 6px 12px;margin: 3px;border-radius: 6px;font-size: 14px;transition: all 0.3s ease;border: 1px solid #e5e7eb;}
.mh-pagination .page-numbers:hover,
.mh-pagination .page-numbers.current {background: #d92323;color: #fff;border-color: #d92323;}
/* ===== Sidebar Styles ===== */
.mh-sidebar-pc,
.mh-sidebar-mobile {background: var(--pc-sidebar-bg, #0f2e4f);color: var(--pc-sidebar-text, #fff);border-radius: 10px;padding: 10px;}
.mh-sidebar-mobile {background: var(--mob-sidebar-bg, #fff);color: var(--mob-sidebar-text, #333);}
/* Hide duplicate sidebars */
@media (min-width: 1025px) {.mh-sidebar-mobile { display: none !important; }}
@media (max-width: 1024px) {.mh-sidebar-pc { display: none !important; }}
/* ===== Responsive Grid ===== */
@media (max-width: 991px) {
  .mh-posts,
  .mh-posts-grid {grid-template-columns: repeat(3, 1fr) !important;gap: 16px !important;}
  .mh-post img,
  .mh-archive-card img {height: 180px;}}
@media (max-width: 680px) {.brand-info {margin-bottom: 13px;}.card.mh-brand-header {justify-content: center !important;}
  .mh-posts,.mh-posts-grid {grid-template-columns: repeat(2, 1fr) !important;gap: 12px !important; }
  .mh-post img,
  .mh-archive-card img {height: 150px;}
  .mh-post-title,
  .mh-archive-card .mh-title {font-size: 13.5px;}
}
/* ===== Hover Animation Enhancement ===== */
.mh-post,
.mh-archive-card {transition: transform 0.3s ease, box-shadow 0.3s ease;}
.mh-post:hover,
.mh-archive-card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0,0,0,0.08);}