/*
Theme Name: Punjab Jobs Ultra VIP
Author: AL RAZA computer and online services Galla Mandi
*/

/* --- Global Setup --- */
body { font-family: 'Segoe UI', Arial, sans-serif; margin: 0; background-color: #f0f2f5; color: #333; line-height: 1.6; }
.container { max-width: 1140px; margin: auto; padding: 0 15px; }

/* --- Header & Nav --- */
.site-header { background: #fff; padding: 20px 0; border-bottom: 1px solid #ddd; }
.logo { font-size: 32px; font-weight: bold; color: #0073aa; text-decoration: none; }
.logo span { color: #008a3d; }

.main-nav { background: #008a3d; padding: 12px 0; color: white; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.nav-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.nav-links { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; }
.nav-links a { color: white; text-decoration: none; font-weight: 600; }

/* --- Main Layout Grid (Fixing Sidebar) --- */
.site-wrapper { display: grid; grid-template-columns: 2.5fr 1fr; gap: 30px; margin-top: 30px; margin-bottom: 50px; }

/* --- VIP Post Cards --- */
.vip-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border: 1px solid #eee; margin-bottom: 30px; }

.card-header-gradient { background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); padding: 40px 30px; color: white; text-align: center; }
.card-header-gradient h1, .card-header-gradient h2 { margin: 0; color: white !important; }
.card-header-gradient a { color: white !important; text-decoration: none; }

.card-body { padding: 30px; }

/* --- Content Styling --- */
.entry-content table { width: 100%; border-collapse: collapse; margin: 20px 0; border-radius: 8px; overflow: hidden; }
.entry-content th { background: #1e3c72; color: white; padding: 12px; text-align: left; }
.entry-content td { padding: 12px; border: 1px solid #eee; }

/* --- Sidebar Fix --- */
.sidebar-area { background: white; padding: 25px; border-radius: 15px; border: 1px solid #eee; height: fit-content; }

@media (max-width: 768px) {
    .site-wrapper { grid-template-columns: 1fr; }
}