/*
Theme Name: JobMasala
Theme URI: https://jobmasala.in
Author: JobMasala Team
Author URI: https://jobmasala.in
Description: Sarkari Naukri Job Portal Theme - Latest Jobs, Results, Admit Card
Version: 1.0
License: GNU General Public License v2 or later
Tags: jobs, sarkari, government, portal, news
Text Domain: jobmasala
*/

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;font-size:13px;background:#f0f0f0;color:#333}
a{text-decoration:none;color:#cc0000}
a:hover{text-decoration:underline;color:#900000}

/* TOP BAR */
.top-bar{background:#1a1a1a;color:#ccc;text-align:center;padding:4px 8px;font-size:11px}
.top-bar a{color:#ffcc00;font-size:11px;margin:0 5px}
.top-bar a:hover{color:#fff;text-decoration:none}

/* HEADER */
.site-header{background:#fff;border-bottom:4px solid #cc0000;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.logo-wrap{display:flex;align-items:center;gap:10px}
.logo-img{width:60px;height:60px;background:#cc0000;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:900;flex-shrink:0}
.logo-text-wrap .logo-title{font-size:28px;font-weight:900;color:#cc0000;letter-spacing:-1px;line-height:1}
.logo-text-wrap .logo-title span{color:#ff6600}
.logo-text-wrap .logo-sub{font-size:11px;color:#555;font-weight:bold;margin-top:2px}
.header-right{text-align:right;font-size:11px;color:#555}
.header-right .hdate{font-weight:bold;color:#cc0000;font-size:13px}
.header-right .htelegram{display:inline-block;background:#0088cc;color:#fff;padding:3px 10px;border-radius:3px;font-size:11px;margin-top:4px}
.header-right .htelegram:hover{background:#006699;text-decoration:none}

/* NAVIGATION */
.main-nav{background:#cc0000}
.main-nav ul{display:flex;list-style:none;flex-wrap:wrap;max-width:1100px;margin:0 auto}
.main-nav ul li a{display:block;padding:7px 13px;color:#fff;font-size:12px;font-weight:bold;border-right:1px solid #dd1111}
.main-nav ul li a:hover,.main-nav ul li.current-menu-item a{background:#aa0000;text-decoration:none}

/* TICKER */
.ticker{background:#fffde7;border-top:1px solid #f9a825;border-bottom:2px solid #cc0000;padding:5px 10px;display:flex;align-items:center;overflow:hidden}
.ticker-label{background:#cc0000;color:#fff;padding:2px 10px;margin-right:10px;font-weight:bold;white-space:nowrap;font-size:11px;border-radius:3px;flex-shrink:0}
.ticker-track{overflow:hidden;flex:1}
.ticker-content{display:inline-block;white-space:nowrap;animation:marquee 30s linear infinite;font-size:12px;color:#333}
.ticker-content a{color:#cc0000;font-weight:bold}
@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

/* STATS BAR */
.stats-bar-wrap{background:#cc0000}
.stats-bar{display:flex;max-width:1100px;margin:0 auto}
.stat-cell{flex:1;padding:8px 5px;text-align:center;border-right:1px solid #dd2222;color:#fff}
.stat-cell:last-child{border-right:none}
.stat-num{font-size:17px;font-weight:900;line-height:1}
.stat-lbl{font-size:10px;opacity:0.85;margin-top:2px}

/* MAIN LAYOUT */
.wrapper{max-width:1100px;margin:0 auto;padding:8px}
.layout{display:flex;gap:10px;align-items:flex-start}
.main-col{flex:1;min-width:0}
.sidebar-col{width:230px;flex-shrink:0}

/* BOX */
.box{background:#fff;border:1px solid #ddd;margin-bottom:10px;border-radius:2px;overflow:hidden}
.box-header{background:#cc0000;color:#fff;padding:6px 12px;font-size:13px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}
.box-header a{color:#ffe0e0;font-size:11px;font-weight:normal}
.box-header a:hover{color:#fff;text-decoration:underline}

/* JOB ROWS */
.job-row{display:flex;padding:6px 10px;border-bottom:1px solid #f2f2f2;align-items:flex-start;gap:7px;transition:background 0.15s}
.job-row:hover{background:#fff5f5}
.job-row:last-of-type{border-bottom:none}
.tag{font-size:9px;padding:2px 5px;border-radius:2px;font-weight:bold;flex-shrink:0;margin-top:2px;white-space:nowrap}
.tag-new{background:#cc0000;color:#fff}
.tag-hot{background:#ff3300;color:#fff}
.tag-imp{background:#ff6600;color:#fff}
.tag-res{background:#007700;color:#fff}
.tag-ac{background:#0055cc;color:#fff}
.job-info{flex:1;min-width:0}
.job-title-link{color:#cc0000;font-size:12px;font-weight:bold;line-height:1.45;display:block}
.job-title-link:hover{color:#880000}
.job-meta{font-size:11px;color:#666;margin-top:3px}
.job-meta b{color:#333}
.job-date{color:#888;font-size:10px;flex-shrink:0;white-space:nowrap;margin-top:2px}
.view-more{display:block;text-align:center;padding:6px;background:#fafafa;border-top:1px solid #eee;color:#cc0000;font-size:12px;font-weight:bold}
.view-more:hover{background:#fff0f0;text-decoration:none;color:#880000}

/* CATEGORY GRID */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ddd}
.cat-cell{background:#fff;padding:10px 6px;text-align:center;cursor:pointer;transition:background 0.15s}
.cat-cell:hover{background:#fff0f0}
.cat-icon{font-size:20px;display:block;margin-bottom:4px}
.cat-name{font-size:11px;color:#cc0000;font-weight:bold;display:block}
.cat-count{font-size:10px;color:#888;display:block;margin-top:1px}

/* IMPORTANT LINKS */
.imp-links{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#ddd}
.imp-link-item{background:#fff;padding:7px 10px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:5px}
.imp-link-item:hover{background:#fff5f5}
.imp-link-item a{color:#cc0000;font-size:11px;font-weight:bold}
.imp-link-item:before{content:"»";color:#cc0000;font-weight:bold;font-size:12px}

/* SIDEBAR */
.sb-box{background:#fff;border:1px solid #ddd;margin-bottom:10px;overflow:hidden;border-radius:2px}
.sb-header{padding:6px 10px;font-size:12px;font-weight:bold;color:#fff}
.sb-header.red{background:#cc0000}
.sb-header.dark{background:#333}
.sb-header.green{background:#1a7a1a}
.sb-header.blue{background:#0055cc}
.sb-header.orange{background:#cc5500}
.sb-item{padding:5px 10px;border-bottom:1px solid #f5f5f5;font-size:11px;display:flex;align-items:center;gap:4px}
.sb-item:last-child{border-bottom:none}
.sb-item:before{content:"›";color:#cc0000;font-weight:bold;font-size:14px}
.sb-item a{color:#cc0000}
.sb-item a:hover{text-decoration:underline}
.sb-viewmore{display:block;text-align:center;padding:5px;background:#fafafa;border-top:1px solid #eee;color:#cc0000;font-size:11px;font-weight:bold}
.sb-viewmore:hover{background:#fff0f0;text-decoration:none}

/* AD BOX */
.ad-box{background:#f9f9f9;border:1px dashed #ccc;padding:12px;text-align:center;font-size:11px;color:#aaa;margin-bottom:10px;border-radius:2px}
.ad-box strong{display:block;color:#888;margin-bottom:4px}

/* NOTICE */
.notice-box{background:#fff9e6;border:1px solid #f0c040;padding:8px 12px;margin-bottom:10px;font-size:12px;border-radius:2px}
.notice-box strong{color:#cc0000}

/* SINGLE POST */
.single-post-wrap{background:#fff;border:1px solid #ddd;padding:14px;margin-bottom:10px;border-radius:2px}
.single-post-wrap h1{font-size:16px;color:#cc0000;margin-bottom:10px;line-height:1.4}
.post-meta-bar{background:#f5f5f5;border:1px solid #eee;padding:8px 12px;margin-bottom:12px;font-size:11px;color:#555;border-radius:2px}
.post-content{font-size:13px;line-height:1.7;color:#333}
.post-content h2{font-size:14px;background:#cc0000;color:#fff;padding:5px 10px;margin:12px 0 8px}
.post-content table{width:100%;border-collapse:collapse;margin:10px 0;font-size:12px}
.post-content table th{background:#cc0000;color:#fff;padding:6px 8px;text-align:left}
.post-content table td{padding:5px 8px;border:1px solid #ddd}
.post-content table tr:nth-child(even){background:#fafafa}
.apply-btn{display:inline-block;background:#cc0000;color:#fff;padding:8px 20px;border-radius:3px;font-size:13px;font-weight:bold;margin:4px}
.apply-btn:hover{background:#aa0000;text-decoration:none;color:#fff}
.apply-btn.green{background:#007700}
.apply-btn.green:hover{background:#005500}

/* FOOTER */
.site-footer{background:#1a1a1a;color:#aaa;padding:16px 10px 8px;margin-top:10px}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:14px}
.footer-col h4{color:#fff;font-size:12px;font-weight:bold;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #444}
.footer-col a{display:block;color:#999;font-size:11px;margin-bottom:3px}
.footer-col a:hover{color:#fff;text-decoration:none}
.footer-bottom{text-align:center;padding-top:10px;border-top:1px solid #333;font-size:11px;color:#666}
.footer-bottom a{color:#cc0000}

/* RESPONSIVE */
@media(max-width:768px){
  .layout{flex-direction:column}
  .sidebar-col{width:100%}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .main-nav ul li a{padding:6px 8px;font-size:11px}
  .logo-text-wrap .logo-title{font-size:22px}
  .imp-links{grid-template-columns:1fr}
  .stats-bar{flex-wrap:wrap}
  .stat-cell{min-width:50%}
}
@media(max-width:480px){
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
}