/* ===== Nursewell lock-in fixes (safe, scoped) ===== */

/* Header bar layout */
#masthead, header.site-header, .nw-header {
  border: 0; background: #fff;
}
#masthead .container, header.site-header .container, .nw-header .container {
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  min-height:64px;
}
.nw-brand, .site-logo, .brand {
  display:flex; align-items:center; gap:10px;
}
.nw-brand img, .site-logo img, .brand img { height:40px; width:auto; display:block; }

.nav, nav.site-nav, .nw-nav {
  display:flex; align-items:center; gap:20px; flex-wrap:wrap;
}
.nav a, nav.site-nav a, .nw-nav a { text-decoration:none; color:#1a1a1a; }

@media (max-width: 768px){
  #masthead .container, header.site-header .container, .nw-header .container { gap:12px; }
  .nav, nav.site-nav, .nw-nav { gap:14px; }
}

/* Vacancies section — one canonical block */
#latest-vacancies-section { margin-top: 16px; }
#latest-vacancies-section h2 { margin: 0 0 10px; font-size: 1.4rem; }

/* Card that shows "Loading vacancies..." */
.jobs-mount .loading { padding: 12px 14px; color:#4a5568; }

/* Hide any accidental duplicate plain-text 'Latest Vacancies' outside the section */
main > :where(h1,h2,h3){ margin-top:0; }
main :where(h1,h2,h3){ /* nothing */ }
main > h2.dup-vacancies-label { display:none !important; }

 /* --- header harden --- */
 header, .site-header, #masthead, .navbar { width:100%; background:#fff; border:0; }
 header .container, .site-header .container, #masthead .container, .navbar .container,
 header .container-fluid, .navbar .container-fluid {
   max-width:1200px; margin:0 auto; padding:8px 16px;
   display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
 }
 .navbar-brand, .site-logo, .brand, .nw-brand { display:flex; align-items:center; gap:10px; }
 .navbar-brand img, .site-logo img, .brand img, .nw-brand img { height:40px; width:auto; display:block; }
 .navbar-nav, nav.site-nav ul, .nw-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:18px; }
 .navbar-nav li { margin:0; padding:0; }
 .navbar-nav a, nav.site-nav a, .nw-nav a { text-decoration:none; color:#1a1a1a; }

/* --- header lock update --- */
 /* ===== Nursewell header + vacancies lock (scoped) ===== */

 /* Header shell */
 header, .site-header, #masthead, .navbar { width:100%; background:#fff; border:0; }

 /* Center the inner row and use flex */
 header .container, .site-header .container, #masthead .container, .navbar .container,
 header .container-fluid, .navbar .container-fluid {
   max-width:1200px; margin:0 auto; padding:8px 16px;
   display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
 }

 /* Brand (left) */
 .navbar-brand, .site-logo, .brand, .nw-brand { display:flex; align-items:center; gap:10px; }
 .navbar-brand img, .site-logo img, .brand img, .nw-brand img { height:40px; width:auto; display:block; }
 .navbar-brand, .site-logo, .brand, .nw-brand { flex:0 0 auto; }

 /* Nav (right) – kill legacy floats & force horizontal list */
 nav.site-nav, .nw-nav, .navbar-nav { margin-left:auto; }
 nav.site-nav ul, .nw-nav ul, .navbar-nav { list-style:none; margin:0; padding:0; display:flex; gap:18px; }
 nav.site-nav li, .nw-nav li, .navbar-nav li { margin:0; padding:0; float:none; }
 nav.site-nav a, .nw-nav a, .navbar-nav a { text-decoration:none; color:#1a1a1a; }

 @media (max-width: 768px){
   header .container, .site-header .container, #masthead .container { gap:12px; }
   nav.site-nav ul, .nw-nav ul, .navbar-nav { gap:14px; flex-wrap:wrap; }
 }

 /* Canonical vacancies block */
 #latest-vacancies-section { margin-top:16px; }
 #latest-vacancies-section h2 { margin:0 0 10px; font-size:1.4rem; }
 .jobs-mount .loading { padding:12px 14px; color:#4a5568; }