/*
Theme Name: JobsEstate
Version: 1.0
*/

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif; color: #333; line-height: 1.6; background: #f5f7fa; }
h1 { font-size: 2.2em; color: #1a237e; margin-bottom: 15px; }
h2 { font-size: 1.8em; color: #283593; margin-bottom: 12px; }
h3 { font-size: 1.4em; color: #3949ab; margin-bottom: 10px; }
a { color: #1a73e8; text-decoration: none; }
a:hover { color: #0d47a1; }

.site-header { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.08); position: sticky; top: 0; z-index: 1000; }
.header-inner { max-width: 1200px; margin: 0 auto; padding: 10px 20px; display: flex; justify-content: flex-start; gap: 40px; align-items: center; }
.site-logo { font-size: 1.6em; font-weight: 700; }
.site-logo a { color: #1a237e; text-decoration: none; }
.site-logo span { color: #ff6d00; }

.main-nav { font-family: 'Poppins', sans-serif; }
.main-nav ul { list-style: none; display: flex; gap: 0; padding: 0; margin: 0; align-items: center; }
.main-nav ul li { position: relative; display: inline-block; }
.main-nav ul li a { display: block; padding: 10px 15px; color: #444; text-decoration: none; font-weight: 500; font-size: 0.93em; white-space: nowrap; border-radius: 6px; transition: all 0.2s; }
.main-nav > ul > li > a:hover { color: #1a73e8; background: #e8f0fe; }

.main-nav ul li .sub-menu { display: none; position: absolute; top: 100%; left: 0; background: #fff; min-width: 210px; box-shadow: 0 8px 30px rgba(0,0,0,0.15); border-radius: 10px; z-index: 999; padding: 8px 0; }
.main-nav ul li:hover > .sub-menu { display: block; }
.main-nav ul li .sub-menu li { display: block; width: 100%; }
.main-nav ul li .sub-menu li a { padding: 10px 20px; font-size: 0.88em; border-radius: 0; color: #555; }
.main-nav ul li .sub-menu li a:hover { background: #f0f4ff; color: #1a73e8; }
.menu-item-has-children > a::after { content: " ▾"; font-size: 0.7em; }

.hero-banner { background: linear-gradient(135deg, #1a237e, #283593); color: #fff; padding: 80px 20px; text-align: center; }
.hero-banner h1 { color: #fff; font-size: 2.5em; margin-bottom: 10px; }
.hero-banner p { font-size: 1.2em; opacity: 0.9; margin-bottom: 30px; }
.search-box { max-width: 600px; margin: 0 auto; display: flex; gap: 10px; }
.search-box input { flex: 1; padding: 15px 20px; border: none; border-radius: 50px; font-size: 1em; outline: none; }
.search-box button { padding: 15px 30px; background: #ff6d00; color: #fff; border: none; border-radius: 50px; font-size: 1em; font-weight: 600; cursor: pointer; }

.section-title { text-align: center; margin: 50px 0 30px; }
.exam-grid { max-width: 1200px; margin: 0 auto 50px; padding: 0 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }
.exam-card { background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border-top: 4px solid #1a73e8; }
.exam-card.neet { border-top-color: #e91e63; }
.exam-card.jee { border-top-color: #ff6d00; }
.exam-card.eamcet { border-top-color: #4caf50; }
.exam-card .card-icon { font-size: 2.5em; margin-bottom: 15px; }
.btn-primary { display: inline-block; margin-top: 15px; padding: 10px 25px; background: #1a73e8; color: #fff; border-radius: 50px; font-weight: 600; text-decoration: none; }

.content-area { max-width: 1200px; margin: 40px auto; padding: 0 20px; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.text-center { text-align: center; }
.mt-20 { margin-top: 20px; }

.job-filters { background: #fff; padding: 20px; border-radius: 10px; margin-bottom: 30px; display: flex; gap: 15px; flex-wrap: wrap; }
.job-filters select, .job-filters input { padding: 10px 15px; border: 1px solid #ddd; border-radius: 8px; flex: 1; min-width: 150px; }
.job-listing { background: #fff; padding: 20px 25px; border-radius: 10px; margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 4px solid #1a73e8; }
.job-meta { color: #666; font-size: 0.9em; }
.job-meta span { margin-right: 20px; }

.quiz-container { max-width: 800px; margin: 0 auto; background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); }
.quiz-question { margin-bottom: 25px; padding: 20px; background: #f8f9fa; border-radius: 10px; }
.quiz-options label { display: block; padding: 10px 15px; margin: 8px 0; background: #fff; border: 1px solid #ddd; border-radius: 8px; cursor: pointer; }
.quiz-submit { display: block; width: 100%; padding: 15px; background: #4caf50; color: #fff; border: none; border-radius: 50px; font-size: 1.1em; font-weight: 600; cursor: pointer; margin-top: 20px; }
.quiz-result { text-align: center; font-size: 1.3em; font-weight: 700; margin-top: 20px; padding: 15px; border-radius: 10px; }

.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 30px; }
.pricing-card { background: #fff; border-radius: 12px; padding: 35px 25px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.08); position: relative; }
.pricing-card.featured { border: 2px solid #ff6d00; }
.popular-badge { position: absolute; top: -12px; right: 20px; background: #ff6d00; color: #fff; padding: 5px 20px; border-radius: 20px; font-size: 0.8em; font-weight: 600; }
.price { font-size: 2.5em; font-weight: 700; color: #1a237e; margin: 15px 0; }
.pricing-features { list-style: none; text-align: left; margin: 20px 0; }
.pricing-features li { padding: 8px 0; border-bottom: 1px solid #eee; }

.site-footer { background: #1a237e; color: #fff; padding: 40px 20px 20px; margin-top: 50px; }
.footer-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; }
.footer-bottom { text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.2); font-size: 0.9em; opacity: 0.8; }

.result-card { background: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); margin: 15px 0; border-left: 5px solid; }
.result-card.declared { border-left-color: #4caf50; }
.result-card.awaited { border-left-color: #ff9800; }
.status-badge { padding: 5px 15px; border-radius: 20px; font-size: 0.85em; font-weight: 600; color: #fff; }
.status-badge.declared { background: #4caf50; }
.status-badge.awaited { background: #ff9800; }

@media (max-width: 768px) {
    .header-inner { flex-direction: column; }
    .main-nav ul { flex-direction: column; width: 100%; }
    .main-nav ul li .sub-menu { position: static; box-shadow: none; padding-left: 20px; display: none; }
    .main-nav ul li:hover > .sub-menu { display: block; }
    .hero-banner h1 { font-size: 1.8em; }
}