/*
Theme Name:  Dear Lottery Result
Theme URI:   https://buydearlotteryresult.in
Author:      Dear Lottery
Description: Custom lottery result theme for Nagaland, Sikkim, West Bengal, Kerala daily results.
Version:     1.0
Tags:        lottery, result, nagaland, sikkim
*/

/* ============ RESET ============ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; font-size:14px; background:#f5f5f5; color:#333; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; height:auto; display:block; }

/* ============ TOP AD BAR ============ */
.top-ad-bar { background:#fff; text-align:center; padding:8px; border-bottom:1px solid #ddd; }
.top-ad-bar .ad-box { display:inline-block; width:728px; max-width:100%; height:60px; background:#eee; border:1px dashed #ccc; line-height:60px; font-size:12px; color:#aaa; }

/* ============ HEADER ============ */
#site-header { background:#c0392b; }
.header-notice { background:#96281b; text-align:center; padding:4px; font-size:11px; color:#ffcccc; letter-spacing:0.3px; }
.header-inner { max-width:1080px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.site-branding a { color:#fff; }
.site-branding .site-title { font-size:26px; font-weight:bold; line-height:1.1; }
.site-branding .site-sub { font-size:11px; color:#ffdddd; letter-spacing:0.5px; }
.header-clock { text-align:right; color:#fff; }
.header-clock .clock-time { font-size:22px; font-weight:bold; }
.header-clock .clock-date { font-size:11px; color:#ffdddd; }

/* ============ NAV ============ */
#site-nav { background:#b03626; border-bottom:2px solid #8e2218; }
#site-nav .nav-inner { max-width:1080px; margin:0 auto; display:flex; flex-wrap:wrap; }
#site-nav a { color:#fff; padding:10px 14px; font-size:13px; font-weight:bold; display:block; border-right:1px solid rgba(255,255,255,0.15); transition:background 0.15s; }
#site-nav a:hover, #site-nav .current-menu-item a { background:#96281b; }

/* ============ QUICK BAR ============ */
.quick-bar { background:#2c3e50; padding:6px 0; }
.quick-bar-inner { max-width:1080px; margin:0 auto; padding:0 16px; display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.quick-bar a { display:inline-block; background:#e74c3c; color:#fff; padding:4px 12px; border-radius:3px; font-size:12px; font-weight:bold; transition:background 0.15s; }
.quick-bar a:hover { background:#c0392b; }
.quick-bar a.gold { background:#e67e22; }
.quick-bar a.refresh { background:#27ae60; margin-left:auto; }

/* ============ LAYOUT ============ */
.site-wrapper { max-width:1080px; margin:12px auto; padding:0 12px; display:grid; grid-template-columns:1fr 280px; gap:16px; }

/* ============ TODAY BOX ============ */
.today-box { background:#fff; border:1px solid #ddd; border-radius:4px; margin-bottom:16px; overflow:hidden; }
.today-box-header { background:#c0392b; color:#fff; padding:8px 14px; font-size:16px; font-weight:bold; display:flex; align-items:center; justify-content:space-between; }
.live-tag { background:#27ae60; font-size:11px; padding:2px 8px; border-radius:2px; animation:blink 1.5s ease infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.5} }
.today-box-body { padding:14px; }
.date-tabs { display:flex; gap:6px; margin-bottom:14px; flex-wrap:wrap; }
.date-tab { background:#c0392b; color:#fff; padding:6px 14px; border-radius:3px; font-size:13px; font-weight:bold; }
.date-tab:hover, .date-tab.active { background:#7a1e12; }
.result-img-wrap { text-align:center; margin-bottom:14px; background:#f9f9f9; border:1px solid #eee; border-radius:4px; padding:10px; }
.no-result-msg { background:#fff3cd; border:1px solid #ffc107; padding:20px; text-align:center; color:#856404; border-radius:4px; font-size:14px; }

/* ============ PDF BUTTONS ============ */
.pdf-buttons { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.btn-pdf { display:inline-flex; align-items:center; gap:5px; background:#2980b9; color:#fff; padding:7px 14px; border-radius:3px; font-size:12px; font-weight:bold; }
.btn-pdf.green { background:#27ae60; }
.btn-pdf:hover { opacity:0.9; }

/* ============ RESULT CARDS ============ */
.result-cards { margin-bottom:16px; }
.result-card { background:#fff; border:1px solid #ddd; border-radius:4px; margin-bottom:12px; overflow:hidden; }
.result-card-header { background:#f8f8f8; border-bottom:1px solid #eee; padding:10px 14px; display:flex; justify-content:space-between; align-items:center; }
.result-card-header h3 { font-size:15px; color:#2c3e50; }
.draw-time-badge { background:#c0392b; color:#fff; padding:2px 10px; border-radius:2px; font-size:12px; font-weight:bold; }
.result-card-body { padding:12px 14px; }
.first-prize-wrap { display:flex; align-items:baseline; gap:10px; margin-bottom:8px; }
.first-prize-num { font-size:28px; font-weight:bold; color:#c0392b; letter-spacing:2px; }
.first-prize-amt { font-size:13px; color:#27ae60; font-weight:bold; }
.result-card-footer { padding:8px 14px; border-top:1px solid #eee; background:#fafafa; }
.btn-full-result { display:inline-block; background:#c0392b; color:#fff; padding:6px 14px; border-radius:3px; font-size:12px; font-weight:bold; }
.btn-full-result:hover { background:#96281b; }

/* ============ SECTION / INFO BOXES ============ */
.content-section { background:#fff; border:1px solid #ddd; border-radius:4px; margin-bottom:16px; overflow:hidden; }
.content-section h2.section-title { background:#c0392b; color:#fff; padding:8px 14px; font-size:15px; margin:0; }
.content-section h3.section-subtitle { background:#2c3e50; color:#fff; padding:7px 14px; font-size:13px; margin:0; }
.content-section .section-body { padding:10px 14px; line-height:1.7; font-size:13px; color:#444; }

/* ============ SCHEDULE TABLE ============ */
.schedule-section { margin-bottom:16px; }
.schedule-section h2 { background:#2c3e50; color:#fff; padding:8px 14px; font-size:15px; border-radius:4px 4px 0 0; }
.dl-table { width:100%; border-collapse:collapse; border:1px solid #ddd; border-top:none; background:#fff; }
.dl-table th { background:#34495e; color:#fff; padding:8px 12px; text-align:left; font-size:13px; }
.dl-table td { padding:8px 12px; border-bottom:1px solid #eee; font-size:13px; }
.dl-table tr:last-child td { border-bottom:none; }
.dl-table tr.today-row td { background:#fff3cd; font-weight:bold; color:#856404; }

/* ============ FAQ ============ */
.faq-item { border-bottom:1px solid #eee; padding:10px 14px; }
.faq-item:last-child { border-bottom:none; }
.faq-q { font-weight:bold; color:#2c3e50; margin-bottom:4px; font-size:13px; }
.faq-a { font-size:12px; color:#555; line-height:1.6; }

/* ============ SINGLE RESULT PAGE ============ */
.single-result-wrap { background:#fff; border:1px solid #ddd; border-radius:4px; margin-bottom:16px; overflow:hidden; }
.single-result-header { background:#c0392b; color:#fff; padding:12px 16px; }
.single-result-header h1 { font-size:20px; }
.single-result-header .meta { font-size:12px; color:#ffdddd; margin-top:4px; }
.single-result-body { padding:16px; }
.prize-table-wrap h3 { font-size:14px; color:#2c3e50; margin:16px 0 8px; font-weight:bold; }

/* ============ SIDEBAR ============ */
#sidebar { display:flex; flex-direction:column; gap:14px; }
.widget-box { background:#fff; border:1px solid #ddd; border-radius:4px; overflow:hidden; }
.widget-box .widget-title { background:#c0392b; color:#fff; padding:8px 12px; font-size:14px; font-weight:bold; margin:0; }
.widget-box .widget-title.dark { background:#2c3e50; }

/* Lottery list widget */
.lottery-list-widget a { display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-bottom:1px solid #f0f0f0; color:#333; font-size:12px; }
.lottery-list-widget a:last-child { border-bottom:none; }
.lottery-list-widget a:hover { background:#fdf0f0; color:#c0392b; }
.ltime-badge { color:#fff; padding:2px 7px; border-radius:2px; font-size:10px; font-weight:bold; }
.ltime-badge.published { background:#27ae60; }
.ltime-badge.pending   { background:#95a5a6; }
.ltime-badge.live      { background:#e74c3c; }

/* Countdown widget */
.countdown-inner { padding:14px 12px; text-align:center; }
.next-draw-label { font-size:13px; font-weight:bold; color:#c0392b; margin-bottom:8px; }
.cd-boxes { display:flex; justify-content:center; gap:6px; }
.cd-unit { text-align:center; }
.cd-num { background:#2c3e50; color:#ffd700; font-size:24px; font-weight:bold; padding:6px 10px; border-radius:3px; min-width:44px; display:block; font-family:monospace; }
.cd-sep { font-size:22px; font-weight:bold; color:#c0392b; line-height:40px; }
.cd-lbl { font-size:10px; color:#999; margin-top:3px; }

/* State links widget */
.state-links a { display:block; padding:7px 12px; border-bottom:1px solid #f0f0f0; color:#2980b9; font-size:12px; font-weight:bold; }
.state-links a:hover { background:#f0f7ff; }
.state-links a::before { content:"▶ "; font-size:10px; color:#c0392b; }

/* Ad widget */
.ad-widget-box { padding:8px; }
.sidebar-ad { background:#f5f5f5; border:1px dashed #ccc; height:250px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:4px; color:#bbb; font-size:11px; border-radius:3px; }

/* ============ STATES FOOTER ============ */
.states-footer { background:#2c3e50; padding:20px 16px; }
.states-footer-inner { max-width:1080px; margin:0 auto; }
.states-footer h3 { color:#fff; font-size:14px; margin-bottom:12px; }
.state-tags { display:flex; flex-wrap:wrap; gap:8px; }
.state-tag { background:#34495e; color:#ecf0f1; padding:5px 12px; border-radius:3px; font-size:12px; border:1px solid #4a6278; }
.state-tag:hover { background:#c0392b; border-color:#c0392b; }

/* ============ FOOTER ============ */
#site-footer { background:#1a252f; color:#aaa; padding:24px 16px 16px; }
.footer-grid { max-width:1080px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px; margin-bottom:20px; }
.footer-grid h4 { color:#fff; font-size:13px; margin-bottom:10px; border-bottom:1px solid #2c3e50; padding-bottom:6px; }
.footer-grid a { color:#aaa; display:block; margin-bottom:6px; font-size:12px; }
.footer-grid a:hover { color:#e74c3c; }
.footer-grid p { font-size:12px; line-height:1.7; color:#888; }
.footer-bottom { max-width:1080px; margin:0 auto; border-top:1px solid #2c3e50; padding-top:14px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; }
.footer-bottom p { font-size:11px; color:#666; }
.footer-disclaimer { max-width:1080px; margin:10px auto 0; font-size:11px; color:#555; line-height:1.6; }

/* ============ RESPONSIVE ============ */
@media (max-width:768px) {
  .site-wrapper { grid-template-columns:1fr; }
  #sidebar { display:none; }
  .footer-grid { grid-template-columns:1fr; }
  .header-inner { flex-direction:column; align-items:flex-start; }
}