/*
Theme Name: AllGovtJobs24 (Classic Nostalgia)
Theme URI: https://allgovtjobs24.com
Author: AllGovtJobs24
Description: An iconic, high-density government job layout with a classic Web 2.0 vibe, built on modern CSS Grid.
Version: 3.0
Text Domain: allgovtjobs24
*/

:root {
    --sr-red: #990000;
    --sr-red-light: #cc0000;
    --sr-blue: #003366;
    --sr-blue-light: #004488;
    --sr-green: #005500;
    --sr-green-light: #007700;
    --sr-yellow: #ffff00;
    --border-color: #bbbbbb;
    --text-dark: #111111;
    --link-color: #0000ee;
    /* Classic Web Safe Fonts for that authentic old-school feel */
    --font-sys: Arial, Tahoma, Verdana, sans-serif;
}

* { box-sizing: border-box; }

body {
    margin: 0; padding: 0;
    font-family: var(--font-sys);
    color: var(--text-dark);
    background-color: #d8d8d8; /* Classic darker grey background */
    line-height: 1.5;
    border-top: 5px solid var(--sr-red); /* Thick top border on the browser window */
}

.container {
    max-width: 1050px;
    margin: 15px auto; /* Margin to separate from top of browser */
    background-color: #ffffff;
    /* Classic double border for the main wrapper */
    border: 4px double #999999;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-content { flex: 1; padding: 0 15px; }

/* ----------------------------------------------------
   THE ICONIC 3-COLUMN HOMEPAGE GRID (Old Vibe)
   ---------------------------------------------------- */
.sr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 20px 0; }

.sr-box { 
    background: #fff; 
    margin-bottom: 20px; 
    /* Classic rigid border */
    border: 1px solid #777; 
    box-shadow: 2px 2px 0px rgba(0,0,0,0.1); 
}

/* Classic 3D Gradients for Box Headings */
.box-heading { 
    text-align: center; 
    font-weight: bold; 
    font-size: 1.25rem; 
    padding: 8px 5px; 
    color: #fff; 
    text-transform: uppercase; 
    margin: 0; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5); /* Classic text shadow */
    letter-spacing: 0.5px;
}

.box-results .box-heading { 
    background: linear-gradient(to bottom, var(--sr-red-light) 0%, var(--sr-red) 100%);
    border-bottom: 2px solid #550000;
}
.box-admit .box-heading { 
    background: linear-gradient(to bottom, var(--sr-blue-light) 0%, var(--sr-blue) 100%);
    border-bottom: 2px solid #001133;
}
.box-latest .box-heading { 
    background: linear-gradient(to bottom, var(--sr-green-light) 0%, var(--sr-green) 100%);
    border-bottom: 2px solid #003300;
}

.sr-list { list-style: none; padding: 0; margin: 0; }
.sr-list li { 
    padding: 8px 10px; 
    border-bottom: 1px dotted #ccc; /* Dotted line is very classic */
    font-size: 0.95rem; 
    background: #fafafa;
}
.sr-list li:nth-child(even) { background: #ffffff; } /* Subtle zebra striping */
.sr-list li:last-child { border-bottom: none; }

.sr-list li a { color: var(--link-color); text-decoration: none; font-weight: bold; }
.sr-list li a:hover { color: var(--sr-red); text-decoration: underline; }

/* Classic "Double Arrow" bullet point */
.sr-list li::before { 
    content: "» "; 
    color: var(--sr-red); 
    font-size: 1.1rem; 
    font-weight: 900; 
}

/* Archives & Searches */
.archive-header { border-bottom: 3px double var(--sr-blue); padding-bottom: 10px; margin-bottom: 15px; }
.archive-title { margin: 0; color: var(--sr-blue); font-size: 1.8rem; text-transform: uppercase; }
.post-list-item { padding: 12px 0; border-bottom: 1px dashed #ccc; }
.post-list-item a { color: var(--link-color); font-size: 1.2rem; font-weight: bold; text-decoration: none; }
.post-list-item a:hover { color: var(--sr-red); text-decoration: underline; background: #ffffcc; } /* Yellow highlight on hover */

/* Footer */
.site-footer { 
    background: linear-gradient(to bottom, #333333 0%, #000000 100%);
    border-top: 3px solid var(--sr-red);
    color: #fff; 
    text-align: center; 
    padding: 20px 15px; 
    margin-top: auto; 
    font-size: 0.9rem;
}
.site-footer a { color: #cccccc; text-decoration: none; margin: 0 10px; font-weight: bold; }
.site-footer a:hover { color: var(--sr-yellow); text-decoration: underline; }

/* Responsive */
@media (max-width: 768px) {
    .sr-grid, .content-sidebar-wrap { grid-template-columns: 1fr; }
    .container { margin: 0; border: none; }
    body { border-top: none; }
}