/*
Theme Name: Job Alert Child
Description: Child theme for Job Alert – custom Job pages only
Author: Mohammed Ubed M. Shaikh
Template: twentytwentyfour
Version: 1.0
*/

/* Paste ONLY job-related CSS here */
body { background-color: var(--wp--preset--color--base); }
/* .container { max-width:1280px; width: 100%; margin:auto; } */
h1, h2, h3, h4, h5, h6 { font-family: var(--bs-body-font-family); }
.centered { text-align: center; align-items: center; }

/* HEADER */
.top-header { background:#006699; padding:10px 0; }
.logo a { color:#fff; font-size:26px; font-weight:bold; text-decoration:none; }

/* NAV */
nav ul { padding: 0; margin: 0; }
nav li:last-child { border-right: none; }
.main-nav { background:#003366; padding: 0; }
.main-nav ul { list-style:none; display:flex; }
.main-nav li, .table-heading-seprator { border-right:1px solid #1a4d80; }
.main-nav a {
color:#fff; padding:10px 15px; display:block; text-decoration:none;
font-size:14px; font-weight:bold;
}
.main-nav a:hover { background:#006699; }

/* SECOND NAV (JOB CATEGORY MENU) */
.job-nav {
  background:#004080;
  border-top:1px solid #1a4d80;
}

.job-menu {
  list-style:none;
  display:flex;
  flex-wrap:wrap;
}

.job-menu li {
  border-right:1px solid #1a4d80;
}

.job-menu li a {
  display:block;
  padding:8px 12px;
  color:#fff;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}

.job-menu li a:hover {
  background:#006699;
}

/* BREAKING */
.breaking-news { background:#ffcc00; padding:5px; font-weight:bold; }

/* LAYOUT */
.content-area { margin-top:15px; }
.main-content { background:#fff; padding:10px; }
.sidebar { background:#eaeaea; padding:10px; margin-left:10px; }

/* TABLE LIST */
.section-title { font-size:18px; margin-bottom:10px; background:#003366; color:#fff; padding:8px; }
.job-table { width:100%; border-collapse:collapse; }
.job-table th {
background:#003366; color:#fff; padding:8px; font-size:16px;
}
.job-table td {
border:1px solid #ccc; padding:8px; font-size:14px;
}
.job-table tr:nth-child(even) { background:#f9f9f9; }
.job-table a { color:#003366; font-weight:bold; text-decoration:none; }

/* DETAIL TABLE */
.job-title { margin-bottom:10px; color:#003366; }
.job-detail-table { width:100%; border-collapse:collapse; margin-bottom:15px; }
.job-detail-table th {
width:30%; background:#f1f1f1; border:1px solid #ccc; padding:8px; text-align:left;
}
.job-detail-table td { border:1px solid #ccc; padding:8px; }

/* Status Badge */
.job-status {
  padding:4px 8px;
  font-size:12px;
  font-weight:bold;
  color:#fff;
  border-radius:3px;
}
.job-status.live { background:#28a745; }
.job-status.closed { background:#dc3545; }

/* BUTTONS */
.job-actions { margin-top:10px; }
.btn {
padding:10px 15px; color:#fff; text-decoration:none; font-weight:bold;
margin-right:10px; display:inline-block;
}
.apply { background:#28a745; }
.pdf { background:#dc3545; }

/* SIDEBAR */
.sidebar h3 { background:#003366; color:#fff; padding:8px; font-size:14px; }
.sidebar ul { list-style:none; }
.sidebar li a { display:block; padding:6px; border-bottom:1px solid #ccc; color:#003366; text-decoration:none; }
.sidebar li a:hover { background:#ddd; }

/* FOOTER */
.site-footer { background:#003366; color:#fff; text-align:center; padding:10px; margin-top:20px; }

/* RESPONSIVE */
@media(max-width:768px) {
.container { width:100%; padding:0 10px; }
.content-area { flex-direction:column; }
.main-content, .sidebar { width:100%; margin:0; }
}