/* ============================================
   DAINIK SAMACHAR - EXTRA CSS
   ============================================ */

/* ===== READING PROGRESS ===== */
#reading-progress { position: fixed; top: 0; left: 0; height: 3px; background: var(--primary); z-index: 9999; width: 0%; transition: width 0.1s linear; }

/* ===== SCROLL TOP ===== */
.scroll-top { position: fixed; bottom: 20px; right: 20px; width: 42px; height: 42px; background: var(--primary); color: #fff; border: none; border-radius: 50%; font-size: 18px; cursor: pointer; z-index: 999; display: none; align-items: center; justify-content: center; box-shadow: 0 3px 10px rgba(232,0,13,0.4); transition: transform 0.2s; }
.scroll-top:hover { transform: translateY(-3px); }

/* ===== PAGINATION ===== */
.pagination { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; margin: 20px 0; }
.page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 4px; font-size: 13px; font-weight: 600; background: #fff; border: 1px solid #ddd; color: var(--text-dark); transition: all 0.2s; }
.page-numbers.current, .page-numbers:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
.page-numbers.prev, .page-numbers.next { width: auto; padding: 0 12px; }
.page-numbers.dots { border: none; background: none; }

/* ===== COMMENTS ===== */
#comments { margin-top: 20px; padding-top: 20px; border-top: 2px solid #f0f0f0; }
.comments-title { font-size: 18px; font-weight: 700; margin-bottom: 16px; color: var(--text-dark); padding-bottom: 10px; border-bottom: 3px solid var(--primary); }
.comment-list { list-style: none; padding: 0; }
.comment-body { background: #f9f9f9; border-radius: 6px; padding: 14px; margin-bottom: 12px; }
.comment-author { font-weight: 700; color: var(--text-dark); font-size: 14px; }
.comment-meta { font-size: 11px; color: #999; margin-bottom: 8px; }
.comment-content p { font-size: 14px; line-height: 1.7; }
.comment-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; color: var(--text-dark); }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea { width: 100%; padding: 9px 12px; border: 1px solid var(--border); border-radius: 4px; font-family: inherit; font-size: 14px; outline: none; transition: border-color 0.2s; }
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--primary); }
.comment-form textarea { height: 110px; resize: vertical; }
.comment-form .submit { background: var(--primary); color: #fff; border: none; padding: 10px 24px; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; }
.comment-form .submit:hover { background: var(--primary-dark); }
.comment-reply-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; }

/* ===== WP MENU ===== */
.nav-inner ul { display: flex; list-style: none; }
.nav-inner ul li { position: relative; }
.nav-inner ul li a { color: #fff; font-size: 13px; font-weight: 600; padding: 10px 14px; white-space: nowrap; display: block; border-bottom: 3px solid transparent; transition: background 0.2s; }
.nav-inner ul li a:hover, .nav-inner ul li.current-menu-item > a { background: rgba(255,255,255,0.15); border-bottom-color: #fff; }
.nav-inner ul li ul { display: none; position: absolute; top: 100%; left: 0; background: #fff; min-width: 200px; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,0.15); z-index: 999; }
.nav-inner ul li:hover > ul { display: block; }
.nav-inner ul li ul li a { color: var(--text-dark); border-bottom: 1px solid #f0f0f0; padding: 9px 14px; }
.nav-inner ul li ul li a:hover { color: var(--primary); background: #fff8f8; }

/* ===== TOP BAR MENU (removed) ===== */

/* ===== FOOTER MENU ===== */
.footer-about-col { }

/* ===== POST SHARE ICONS ===== */
.post-share a { display: flex; align-items: center; justify-content: center; }
.share-icon { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; cursor: pointer; transition: opacity 0.2s; text-decoration: none; font-weight: 700; }
.share-icon:hover { opacity: 0.8; }
.share-wa { background: #25D366; color: #fff !important; }
.share-fb { background: #1877f2; color: #fff !important; }
.share-tw { background: #1da1f2; color: #fff !important; }
.share-link { background: #666; color: #fff !important; }

/* ===== CATEGORY SECTION ===== */
.bollywood-grid { display: grid; gap: 12px; }
.bw-item { display: flex; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0; }
.bw-item:last-child { border-bottom: none; padding-bottom: 0; }
.bw-thumb { position: relative; width: 100px; min-width: 100px; height: 68px; border-radius: 4px; overflow: hidden; background: #ddd; }
.bw-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bw-title { font-size: 13px; font-weight: 700; line-height: 1.45; }
.bw-title a { color: var(--text-link); }
.bw-title a:hover { color: var(--primary); }

/* ===== COMMODITY ===== */
.commodity-name { font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 6px; }

/* ===== LIVE UPDATES ===== */
.live-updates { background: #fff; border-radius: 6px; padding: 14px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.live-updates-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-weight: 700; font-size: 14px; }
.live-update-item { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid #f0f0f0; }
.live-update-item:last-child { border-bottom: none; }
.update-dot { width: 8px; height: 8px; min-width: 8px; background: var(--primary); border-radius: 50%; margin-top: 6px; }
.update-time { color: var(--text-light); font-size: 11px; font-weight: 600; white-space: nowrap; }
.update-text { font-size: 13px; line-height: 1.5; }
.update-text strong { color: var(--primary); }

/* ===== WP ALIGNMENT ===== */
.alignleft { float: left; margin: 0 20px 16px 0; }
.alignright { float: right; margin: 0 0 16px 20px; }
.aligncenter { display: block; margin: 0 auto 16px; }
.alignfull { width: 100vw; margin-left: calc(-50vw + 50%); }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 12px; color: #999; text-align: center; margin-top: 5px; }