/* ═══════════════════════════════════════════════════════════
   FIX DUPLICATE HEADERS - CRITICAL
   ═══════════════════════════════════════════════════════ */

/* Hide WordPress default headers on homepage */
body.home #masthead,
body.home .site-header,
body.home header.site-header,
.page-id-5 #masthead,
.page-id-5 .site-header {
  display: none !important;
}

/* Hide "Skip to content" links */
.skip-link {
  display: none !important;
}

/* Remove top spacing from WordPress theme */
body.home {
  padding-top: 0 !important;
}

.site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Ensure custom header shows */
body.home header.modern-header,
body.home .custom-header {
  display: block !important;
}
```

4. Click **Publish**
5. Go to **minesjobs.com**
6. Press **Ctrl+Shift+R** (hard refresh)

---

## **WHY THIS IS CRITICAL:**

**Current (BAD):**
```
WordPress Header 1 (logo + menu)
WordPress Header 2 (duplicate)
Your Custom Header (good one)
Hero Section
```
= Looks broken and unprofessional ❌

**After Fix (GOOD):**
```
Your Custom Header (clean, modern)
Hero Section
```
= Professional and polished ✅

---

## **WHAT THIS FIXES:**

✅ **Removes duplicate navigation**
✅ **Removes duplicate "Skip to content" links**
✅ **Cleaner, more professional appearance**
✅ **Faster page load** (less HTML)
✅ **Better user experience**
✅ **Matches your modern design**

---

## **IF IT DOESN'T WORK, TRY THIS:**

If you still see duplicates after adding the CSS:

### **Find Your Exact Page ID:**

1. Go to **Pages → All Pages**
2. Hover over **"Home"** (don't click)
3. Look at bottom-left of browser for URL like: `post.php?post=123`
4. Note the number (your page ID)
5. Replace `.page-id-5` in the CSS with `.page-id-YOUR-NUMBER`

---

## **BEFORE & AFTER:**

**BEFORE (current):**
```
┌─────────────────────────────────┐
│ WordPress Header (theme)        │
├─────────────────────────────────┤
│ WordPress Header (duplicate)    │
├─────────────────────────────────┤
│ MinesJobs Custom Header         │ ← Your good header
├─────────────────────────────────┤
│ Hero: Connecting Zimbabwe...    │
└─────────────────────────────────┘
```

**AFTER (fixed):**
```
┌─────────────────────────────────┐
│ MinesJobs Custom Header         │ ← Clean!
├─────────────────────────────────┤
│ Hero: Connecting Zimbabwe...    │
└─────────────────────────────────┘/* ═══════════════════════════════════════════════════════════
   HIDE HEADER ONLY WHERE YOU WANT IT (SAFE VERSION)
   Replace the page IDs with your own.
   ═══════════════════════════════════════════════════════════ */

/* 1) Hide header on homepage + specific pages only */
body.home #masthead,
body.home .site-header,
body.page-id-5 #masthead,
body.page-id-5 .site-header {
  display: none !important;
}

/* 2) Hide header ONLY on custom templates (not default pages)
   Replace template names with your actual template body classes if needed.
   Examples of body classes: page-template-landing, page-template-fullwidth, etc.
*/
body.page-template-landing #masthead,
body.page-template-landing .site-header,
body.page-template-fullwidth #masthead,
body.page-template-fullwidth .site-header {
  display: none !important;
}

/* 3) Do NOT hide global nav/branding sitewide.
   (Removed: header.header, .main-navigation, nav.primary-navigation, .site-branding, etc.)
*/

/* 4) Remove extra top spacing ONLY on pages where header is hidden */
body.home,
body.page-id-5,
body.page-template-landing,
body.page-template-fullwidth {
  margin: 0 !important;
  padding: 0 !important;
}

body.home .site-content,
body.page-id-5 .site-content,
body.page-template-landing .site-content,
body.page-template-fullwidth .site-content {
  padding-top: 0 !important;
}
body.custom-background {
  background-color: #0B0B0B;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-blend-mode: multiply;
  background-image: url('https://minesjobs.com/wp-content/uploads/https://minesjobs.com/wp-content/uploads/2025/11/images.jpeg');
}a, .wp-block-button__link {
  color: #FFD700;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
}

a:hover, .wp-block-button__link:hover {
  color: #DAA520;
  transform: scale(1.03);
}

.wp-block-button__link {
  background: linear-gradient(135deg, #FFD700, #DAA520);
  color: #0B0B0B !important;
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: bold;
} :root{
  --mj-bg:#0B0B0B;          /* deep charcoal */
  --mj-gold:#FFD700;        /* primary gold */
  --mj-gold-deep:#DAA520;   /* hover gold */
  --mj-text:#F5F5F5;
}

.mj-hero{
  min-height: 68vh;
  display:flex; align-items:center; justify-content:center;
  padding: 56px 16px;
  color: var(--mj-text);
  background: #0B0B0B url('https://minesjobs.com/wp-content/uploads/2025/11/minesjobs-gold-hero-1024.png') center/cover fixed no-repeat;
  /* fallback if image path not set yet; change to your uploaded URL */
  background-blend-mode: multiply;
}

@media (max-width: 768px){
  .mj-hero{ 
    background-image: url('https://minesjobs.com/wp-content/uploads/2025/11/minesjobs-gold-hero-1024.png');
    background-attachment: scroll;
  }
}

.mj-hero__inner{ 
  max-width: 960px; text-align:center;
  backdrop-filter: blur(2px);
}

.mj-hero h1{
  font-family: Poppins, Montserrat, Roboto, sans-serif;
  font-weight: 800; letter-spacing: .5px;
  font-size: clamp(36px, 6vw, 64px);
  margin: 0 0 8px;
  color: var(--mj-gold);
  text-shadow: 0 0 18px rgba(255,215,0,.18);
}

.mj-hero p{
  margin: 0 auto 24px; max-width: 720px;
  font-size: clamp(16px, 2.6vw, 20px);
  opacity:.92;
}

.mj-hero__cta{
  display:flex; gap:12px; flex-wrap:wrap; justify-content:center;
}

.btn-gold, .btn-ghost{
  display:inline-block; padding:12px 18px; border-radius:10px;
  text-decoration:none; font-weight:700; transition:.25s ease;
}

.btn-gold{
  color:#0B0B0B !important;
  background: linear-gradient(135deg, var(--mj-gold), var(--mj-gold-deep));
  box-shadow: 0 6px 16px rgba(255,215,0,.22);
}
.btn-gold:hover{ transform: translateY(-1px) scale(1.02); }

.btn-ghost{
  color: var(--mj-gold) !important; 
  border:1.5px solid var(--mj-gold);
  background: rgba(0,0,0,.35);
}
.btn-ghost:hover{
  color: var(--mj-text) !important;
  border-color: var(--mj-gold-deep);
  background: linear-gradient(135deg, rgba(218,165,32,.18), rgba(255,215,0,.12));
}/* ===== DISABLED: GLOBAL STYLES (moved to homepage only) =====
a, .wp-block-button__link {
  color: #FFD700;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
}

a:hover, .wp-block-button__link:hover {
  color: #DAA520;
  transform: scale(1.03);
}

.wp-block-button__link {
  background: linear-gradient(135deg, #FFD700, #DAA520);
  color: #0B0B0B !important;
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: bold;
}
=========================================================== */
body.custom-background {
  background-color: #0B0B0B;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-blend-mode: multiply;
  background-image: url('https://minesjobs.com/wp-content/uploads/2025/11/images.jpeg');
}
/* ===============================
   MINESJOBS – HOMEPAGE ONLY
   =============================== */

:root{
  --mj-bg:#0B0B0B;
  --mj-gold:#FFD700;
  --mj-gold-deep:#DAA520;
  --mj-text:#F5F5F5;
}

/* Links – homepage only */
body.home a{
  color: var(--mj-gold);
  font-weight: 600;
  text-decoration: none;
  transition: .3s ease;
}
body.home a:hover{
  color: var(--mj-gold-deep);
}

/* Buttons – homepage only */
body.home .wp-block-button__link{
  background: linear-gradient(135deg, var(--mj-gold), var(--mj-gold-deep));
  color:#0B0B0B !important;
  border-radius: 12px;
  padding: 14px 22px;
  font-weight: 800;
  transition: .25s ease;
}
body.home .wp-block-button__link:hover{
  transform: translateY(-1px) scale(1.02);
}

/* Hero section */
body.home .mj-hero{
  min-height: 68vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 56px 16px;
  color: var(--mj-text);
  background: var(--mj-bg) url('https://minesjobs.com/wp-content/uploads/2025/11/minesjobs-gold-hero-1024.png')
              center / cover no-repeat;
  background-blend-mode: multiply;
}

@media (max-width:768px){
  body.home .mj-hero{
    background-attachment: scroll;
  }
}

/* Hero content */
body.home .mj-hero__inner{
  max-width: 960px;
  text-align:center;
}

body.home .mj-hero h1{
  font-family: Poppins, Montserrat, Roboto, sans-serif;
  font-weight: 800;
  font-size: clamp(36px, 6vw, 64px);
  color: var(--mj-gold);
  margin-bottom: 10px;
  text-shadow: 0 0 18px rgba(255,215,0,.18);
}

body.home .mj-hero p{
  max-width: 720px;
  margin: 0 auto 24px;
  font-size: clamp(16px, 2.6vw, 20px);
  opacity:.92;
}

/* CTA buttons row */
body.home .mj-hero__cta{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}
body.home {
  outline: 6px solid red !important;
}
body.home .wp-block-button__link{
  background: linear-gradient(135deg, #FFD700, #DAA520) !important;
  color:#0B0B0B !important;
  border-radius: 12px !important;
  padding: 14px 22px !important;
  font-weight: 800 !important;
}
/* Job listing boxes */
.job_listing {
  background: #FAF5EC !important; /* Cream background */
  border: 2px solid #D4A017 !important; /* Gold border */
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

/* Job title */
.job_listing h3 {
  color: #2C2420 !important; /* Earth color */
  font-size: 1.4rem !important;
  font-weight: 700 !important;
}

/* Company name */
.job_listing .company {
  color: #7A6A60 !important; /* Light text */
  font-size: 0.95rem !important;
}

/* Location */
.job_listing .location {
  color: #D4A017 !important; /* Gold */
  font-weight: 600 !important;
}

/* Hover effect */
.job_listing:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(44, 36, 32, 0.15) !important;
  border-color: #A07C10 !important;
}/* Search form */
.job_search_form {
  background: #2C2420 !important;
  padding: 30px !important;
  border-radius: 16px !important;
}

/* Search input fields */
.job_search_form input[type="text"],
.job_search_form select {
  border: 2px solid #D4A017 !important;
  border-radius: 8px !important;
  padding: 12px !important;
  font-size: 1rem !important;
}

/* Search button */
.job_search_form input[type="submit"] {
  background: linear-gradient(135deg, #D4A017, #A07C10) !important;
  color: #2C2420 !important;
  border: none !important;
  padding: 12px 30px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.job_search_form input[type="submit"]:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-2px) !important;
}/* Full-time, Part-time, Contract badges */
.job-type {
  background: #D4A017 !important;
  color: #2C2420 !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
}
/* ═══════════════════════════════════════════════════════════
   HIDE HEADER ONLY WHERE YOU WANT IT (SAFE VERSION)
   Replace the page IDs with your own.
   ═══════════════════════════════════════════════════════════ */

/* 1) Hide header on homepage + specific pages only */
body.home #masthead,
body.home .site-header,
body.page-id-5 #masthead,
body.page-id-5 .site-header {
  display: none !important;
}

/* 2) Hide header ONLY on custom templates (not default pages)
   Replace template names with your actual template body classes if needed.
   Examples of body classes: page-template-landing, page-template-fullwidth, etc.
*/
body.page-template-landing #masthead,
body.page-template-landing .site-header,
body.page-template-fullwidth #masthead,
body.page-template-fullwidth .site-header {
  display: none !important;
}

/* 3) Do NOT hide global nav/branding sitewide.
   (Removed: header.header, .main-navigation, nav.primary-navigation, .site-branding, etc.)
*/

/* 4) Remove extra top spacing ONLY on pages where header is hidden */
body.home,
body.page-id-5,
body.page-template-landing,
body.page-template-fullwidth {
  margin: 0 !important;
  padding: 0 !important;
}

body.home .site-content,
body.page-id-5 .site-content,
body.page-template-landing .site-content,
body.page-template-fullwidth .site-content {
  padding-top: 0 !important;
}
/* Hide duplicate Skip to Content links */
.skip-link,
a.skip-link {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}/* Hide duplicate floating contact bar */
body > div:last-child {
  display: none !important;
}

/* Or more specific: */
.floating-contact-bar,
.bottom-contact-strip {
  display: none !important;
}
/* ═══════════════════════════════════════════════════════════
   HERO BACKGROUND IMAGE - MINING EXCAVATOR
   ═══════════════════════════════════════════════════════ */

.hero {
  position: relative;
  background-image: url('https://minesjobs.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-12-2026-02_12_01-AM.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Dark overlay for text readability */
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(44, 36, 32, 0.85) 0%, rgba(44, 36, 32, 0.75) 50%, rgba(44, 36, 32, 0.85) 100%);
  z-index: 0;
}

/* Gold glow accent */
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 50% at 30% 70%, rgba(212, 160, 23, 0.12) 0%, transparent 70%);
  z-index: 0;
  pointer-events: none;
}

/* Ensure content is above overlays */
.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 60px 40px;
}

/* Enhanced text readability */
.hero h1,
.hero p,
.hero .hero-badge {
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
}

/* Make sure buttons stand out */
.hero .search-button,
.hero a {
  position: relative;
  z-index: 2;
}

/* Mobile optimization */
@media (max-width: 768px) {
  .hero {
    background-attachment: scroll; /* Better mobile performance */
    min-height: 500px;
  }
}
body {
  background-image: url('https://minesjobs.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-12-2026-02_12_01-AM.png')body {
  background-image: url('https://minesjobs.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-12-2026-02_12_01-AM.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(250, 245, 236, 0.95);
  z-index: -1;
};
	/* ═══════════════════════════════════════
   MINESJOBS GLOBAL BACKGROUND (ALL PAGES)
   ═══════════════════════════════════════ */

body{
  background: url("https://minesjobs.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-12-2026-02_12_01-AM.png") center center / cover no-repeat fixed;
}

/* Light premium overlay so text stays readable */
body::before{
  content:"";
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(255,255,255,0.88);
  z-index:-1;
  pointer-events:none;
}
body { outline: 6px solid red !important; }
/* ================================
   ASTRA GLOBAL BACKGROUND (ALL PAGES)
   ================================ */

/* Put the background on Astra's main wrapper (not only body) */
#page,
.site,
.ast-site-container{
  background-image: url("https://minesjobs.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-12-2026-02_12_01-AM.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Make inner containers transparent so image shows through */
.site-content,
.ast-container,
#content,
#primary,
#main{
  background: transparent !important;
}

/* Optional overlay for readability (applies on top of image) */
#page::before{
  content:"";
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.88);
  pointer-events: none;
  z-index: 0;
}

/* Keep content above overlay */
#page, header, main, footer{
  position: relative;
  z-index: 1;
}

  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(250, 245, 236, 0.95);
  z-index: -1;
}body { border: 10px solid red !important; }
/* ═══════════════════════════════════════════════════════════
   WP JOB MANAGER - MINESJOBS MODERN THEME
   Makes WP Job Manager match your homepage gold/earth design
   ═══════════════════════════════════════════════════════ */

/* VARIABLES */
:root {
  --gold: #D4A017;
  --gold-dark: #A07C10;
  --earth: #2C2420;
  --cream: #FAF5EC;
  --text: #3B2F27;
  --text-light: #7A6A60;
  --white: #FFFFFF;
  --green: #25D366;
}

/* MAIN JOBS CONTAINER */
.job_listings {
  background: transparent !important;
  font-family: 'Poppins', sans-serif !important;
}

/* SEARCH BAR SECTION */
.job_search_form {
  background: linear-gradient(135deg, var(--earth), #4a3b33) !important;
  padding: 50px 40px !important;
  border-radius: 0 !important;
  margin-bottom: 40px !important;
  box-shadow: none !important;
}

.job_search_form .search_jobs {
  max-width: 900px !important;
  margin: 0 auto !important;
}

/* Search form title */
.job_search_form h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  color: var(--white) !important;
  font-size: 2.5rem !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  margin-bottom: 30px !important;
}

/* Search inputs */
.job_search_form input[type="text"],
.job_search_form select {
  background: rgba(255,255,255,0.95) !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 1rem !important;
  font-family: 'Poppins', sans-serif !important;
  color: var(--text) !important;
  transition: all 0.3s !important;
}

.job_search_form input[type="text"]:focus,
.job_search_form select:focus {
  border-color: var(--gold) !important;
  outline: none !important;
  background: var(--white) !important;
}

/* Search button */
.job_search_form input[type="submit"],
.job_search_form button[type="submit"] {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
  color: var(--earth) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 36px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  transition: all 0.3s !important;
  font-family: 'Poppins', sans-serif !important;
  box-shadow: 0 6px 20px rgba(212,160,23,0.4) !important;
}

.job_search_form input[type="submit"]:hover,
.job_search_form button[type="submit"]:hover {
  filter: brightness(1.15) !important;
  transform: translateY(-2px) !important;
}

/* FILTER/CATEGORY LINKS */
.job_filters {
  background: var(--white) !important;
  padding: 20px 30px !important;
  border-radius: 16px !important;
  margin-bottom: 30px !important;
  box-shadow: 0 4px 20px rgba(44,36,32,0.08) !important;
  border: none !important;
}

.job_filters a {
  color: var(--text-light) !important;
  padding: 8px 18px !important;
  border-radius: 25px !important;
  border: 1.5px solid rgba(212,160,23,0.2) !important;
  background: transparent !important;
  font-weight: 500 !important;
  transition: all 0.3s !important;
  display: inline-block !important;
  margin: 5px !important;
}

.job_filters a:hover,
.job_filters a.current {
  background: rgba(212,160,23,0.1) !important;
  border-color: var(--gold) !important;
  color: var(--gold-dark) !important;
}

/* JOB LISTINGS CONTAINER */
.job_listings ul.job_listings {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* INDIVIDUAL JOB LISTING CARD */
.job_listings li.job_listing {
  background: var(--white) !important;
  border-radius: 16px !important;
  padding: 28px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 16px rgba(44,36,32,0.08) !important;
  border: 2px solid transparent !important;
  transition: all 0.3s !important;
  list-style: none !important;
}

.job_listings li.job_listing:hover {
  box-shadow: 0 8px 30px rgba(44,36,32,0.12) !important;
  transform: translateY(-3px) !important;
  border-color: rgba(212,160,23,0.3) !important;
}

/* FEATURED JOB */
.job_listings li.job_listing.featured {
  border: 2px solid var(--gold) !important;
  background: linear-gradient(135deg, rgba(212,160,23,0.03), rgba(212,160,23,0.01)) !important;
  position: relative !important;
}

.job_listings li.job_listing.featured::before {
  content: '⭐ FEATURED' !important;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  background: linear-gradient(135deg, var(--gold), var(--gold-dark)) !important;
  color: var(--earth) !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

/* JOB TITLE */
.job_listings li.job_listing h3 {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: var(--earth) !important;
  margin-bottom: 8px !important;
  font-family: 'Poppins', sans-serif !important;
}

.job_listings li.job_listing h3 a {
  color: var(--earth) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}

.job_listings li.job_listing h3 a:hover {
  color: var(--gold) !important;
}

/* COMPANY NAME */
.job_listings li.job_listing .company {
  font-size: 0.9rem !important;
  color: var(--text-light) !important;
  font-weight: 500 !important;
  margin-bottom: 12px !important;
}

.job_listings li.job_listing .company a {
  color: var(--text-light) !important;
  text-decoration: none !important;
}

/* JOB META (location, salary, etc.) */
.job_listings li.job_listing .meta {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
  font-size: 0.85rem !important;
  color: var(--text-light) !important;
}

.job_listings li.job_listing .location,
.job_listings li.job_listing .job-type,
.job_listings li.job_listing .date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.job_listings li.job_listing .location::before {
  content: '📍' !important;
  color: var(--gold) !important;
}

/* JOB DESCRIPTION */
.job_listings li.job_listing .job-description,
.job_listings li.job_listing .excerpt {
  font-size: 0.9rem !important;
  color: var(--text) !important;
  line-height: 1.7 !important;
  margin-bottom: 15px !important;
}

/* JOB TYPE TAGS */
.job_listings li.job_listing .job-type {
  display: inline-block !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  background: rgba(212,160,23,0.1) !important;
  color: var(--gold-dark) !important;
  border: 1px solid rgba(212,160,23,0.2) !important;
  margin-right: 8px !important;
}

/* Full-time green */
.job_listings li.job_listing .job-type.full-time {
  background: rgba(46,125,50,0.1) !important;
  color: #2E7D32 !important;
  border-color: rgba(46,125,50,0.2) !important;
}

/* Contract orange */
.job_listings li.job_listing .job-type.contract {
  background: rgba(255,107,53,0.1) !important;
  color: #F57C00 !important;
  border-color: rgba(255,107,53,0.2) !important;
}

/* Part-time blue */
.job_listings li.job_listing .job-type.part-time {
  background: rgba(25,118,210,0.1) !important;
  color: #1976D2 !important;
  border-color: rgba(25,118,210,0.2) !important;
}

/* COMPANY LOGO */
.job_listings li.job_listing img.company_logo {
  width: 70px !important;
  height: 70px !important;
  border-radius: 12px !important;
  border: 2px solid rgba(212,160,23,0.15) !important;
  object-fit: cover !important;
  margin-right: 20px !important;
}

/* POSTED DATE */
.job_listings li.job_listing .date {
  font-size: 0.8rem !important;
  color: var(--text-light) !important;
  margin-top: 10px !important;
}

/* PAGINATION */
.job-manager-pagination {
  text-align: center !important;
  margin-top: 40px !important;
}

.job-manager-pagination a,
.job-manager-pagination span.current {
  display: inline-block !important;
  padding: 10px 18px !important;
  border: 2px solid rgba(212,160,23,0.2) !important;
  background: var(--white) !important;
  color: var(--text) !important;
  border-radius: 10px !important;
  margin: 0 5px !important;
  font-weight: 500 !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
}

.job-manager-pagination a:hover,
.job-manager-pagination span.current {
  background: var(--gold) !important;
  color: var(--earth) !important;
  border-color: var(--gold) !important;
}

/* NO RESULTS MESSAGE */
.no_job_listings_found {
  background: var(--white) !important;
  padding: 60px 40px !important;
  text-align: center !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px rgba(44,36,32,0.08) !important;
}

.no_job_listings_found::before {
  content: '💼' !important;
  display: block !important;
  font-size: 4rem !important;
  margin-bottom: 20px !important;
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
  .job_search_form {
    padding: 40px 20px !important;
  }
  
  .job_search_form h2 {
    font-size: 2rem !important;
  }
  
  .job_listings li.job_listing {
    padding: 20px !important;
  }
  
  .job_listings li.job_listing.featured::before {
    top: 10px !important;
    right: 10px !important;
    font-size: 0.65rem !important;
  }
  
  .job_listings li.job_listing .meta {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* MAKE SURE FONTS LOAD */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700&display=swap');
/* ═══════════════════════════════════════════════════════════
   WP JOB MANAGER - MINESJOBS THEME (STRONG VERSION)
   Force override all default WP Job Manager styles
   ═══════════════════════════════════════════════════════ */

/* Import fonts first */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700&display=swap');

/* SEARCH FORM - DARK BACKGROUND */
div.job_listings div.job_search_form,
.job_listings .search_jobs,
form.job_filters {
  background: linear-gradient(135deg, #2C2420, #4a3b33) !important;
  padding: 50px 30px !important;
  border-radius: 0 !important;
  margin: 0 0 40px 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Search form heading */
.job_listings h2,
.job_search_form h2 {
  font-family: 'Bebas Neue', sans-serif !important;
  color: #FFFFFF !important;
  font-size: 2.5rem !important;
  letter-spacing: 2px !important;
  text-align: center !important;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
}

/* Search inputs */
.job_listings input[type="text"],
.job_listings input[type="search"],
.job_listings select,
.search_keywords input,
.search_location input,
.search_categories select {
  background: rgba(255,255,255,0.95) !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 1rem !important;
  font-family: 'Poppins', sans-serif !important;
  color: #3B2F27 !important;
  height: auto !important;
  line-height: normal !important;
}

/* Search button */
.job_listings input[type="submit"],
.job_listings button[type="submit"],
.search_submit button {
  background: linear-gradient(135deg, #D4A017, #A07C10) !important;
  color: #2C2420 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 36px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  font-family: 'Poppins', sans-serif !important;
  box-shadow: 0 6px 20px rgba(212,160,23,0.4) !important;
  height: auto !important;
  line-height: normal !important;
  transition: all 0.3s ease !important;
}

.job_listings input[type="submit"]:hover,
.job_listings button[type="submit"]:hover {
  filter: brightness(1.15) !important;
  transform: translateY(-2px) !important;
}

/* JOB LISTINGS CONTAINER */
ul.job_listings {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* INDIVIDUAL JOB CARD */
ul.job_listings li.job_listing,
.job_listings .job_listing {
  background: #FFFFFF !important;
  border-radius: 16px !important;
  padding: 28px !important;
  margin: 0 0 20px 0 !important;
  box-shadow: 0 4px 16px rgba(44,36,32,0.08) !important;
  border: 2px solid transparent !important;
  transition: all 0.3s ease !important;
  list-style: none !important;
  position: relative !important;
}

ul.job_listings li.job_listing:hover {
  box-shadow: 0 8px 30px rgba(44,36,32,0.12) !important;
  transform: translateY(-3px) !important;
  border-color: rgba(212,160,23,0.3) !important;
}

/* FEATURED JOB */
ul.job_listings li.job_listing.featured,
.job_listing.featured {
  border: 2px solid #D4A017 !important;
  background: linear-gradient(135deg, rgba(212,160,23,0.03), rgba(212,160,23,0.01)) !important;
}

ul.job_listings li.job_listing.featured::after {
  content: '⭐ FEATURED' !important;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  background: linear-gradient(135deg, #D4A017, #A07C10) !important;
  color: #2C2420 !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  z-index: 10 !important;
}

/* JOB TITLE */
.job_listings h3,
.job_listings .job_listing h3,
ul.job_listings li.job_listing h3 {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #2C2420 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  line-height: 1.3 !important;
}

.job_listings h3 a,
.job_listing h3 a {
  color: #2C2420 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.job_listings h3 a:hover {
  color: #D4A017 !important;
}

/* COMPANY NAME */
.job_listings .company,
.job_listing .company,
.job_listings .company strong {
  font-size: 0.9rem !important;
  color: #7A6A60 !important;
  font-weight: 500 !important;
  margin: 0 0 12px 0 !important;
  display: block !important;
}

.job_listings .company a {
  color: #7A6A60 !important;
  text-decoration: none !important;
}

/* LOCATION */
.job_listings .location,
.job_listing .location {
  font-size: 0.85rem !important;
  color: #7A6A60 !important;
  margin: 0 20px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.job_listings .location::before {
  content: '📍' !important;
  color: #D4A017 !important;
}

/* JOB TYPE */
.job_listings .job-type,
.job_listing .job-type,
ul.job_listings li .job-type {
  display: inline-block !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  background: rgba(212,160,23,0.1) !important;
  color: #A07C10 !important;
  border: 1px solid rgba(212,160,23,0.2) !important;
  margin: 0 8px 8px 0 !important;
  text-transform: capitalize !important;
}

/* Full-time tag */
.job-type.full-time,
.job-type.permanent {
  background: rgba(46,125,50,0.1) !important;
  color: #2E7D32 !important;
  border-color: rgba(46,125,50,0.2) !important;
}

/* Contract tag */
.job-type.contract,
.job-type.temporary {
  background: rgba(255,107,53,0.1) !important;
  color: #F57C00 !important;
  border-color: rgba(255,107,53,0.2) !important;
}

/* Part-time tag */
.job-type.part-time,
.job-type.freelance {
  background: rgba(25,118,210,0.1) !important;
  color: #1976D2 !important;
  border-color: rgba(25,118,210,0.2) !important;
}

/* COMPANY LOGO */
.job_listings img.company_logo,
.job_listing .company_logo img {
  width: 70px !important;
  height: 70px !important;
  border-radius: 12px !important;
  border: 2px solid rgba(212,160,23,0.15) !important;
  object-fit: cover !important;
  margin: 0 20px 0 0 !important;
  float: left !important;
}

/* DATE/TIME */
.job_listings .date,
.job_listing .date {
  font-size: 0.8rem !important;
  color: #7A6A60 !important;
  margin: 10px 0 0 0 !important;
  display: block !important;
}

/* DESCRIPTION */
.job_listings .job-description,
.job_listing .job_description,
.job_listings .excerpt {
  font-size: 0.9rem !important;
  color: #3B2F27 !important;
  line-height: 1.7 !important;
  margin: 12px 0 15px 0 !important;
  font-family: 'Poppins', sans-serif !important;
}

/* PAGINATION */
.job-manager-pagination,
.job_listings .job-manager-pagination {
  text-align: center !important;
  margin: 40px 0 0 0 !important;
  padding: 0 !important;
}

.job-manager-pagination a,
.job-manager-pagination span {
  display: inline-block !important;
  padding: 10px 18px !important;
  border: 2px solid rgba(212,160,23,0.2) !important;
  background: #FFFFFF !important;
  color: #3B2F27 !important;
  border-radius: 10px !important;
  margin: 0 5px 5px 5px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  font-family: 'Poppins', sans-serif !important;
}

.job-manager-pagination a:hover,
.job-manager-pagination .current {
  background: #D4A017 !important;
  color: #2C2420 !important;
  border-color: #D4A017 !important;
}

/* NO RESULTS */
.no_job_listings_found {
  background: #FFFFFF !important;
  padding: 60px 40px !important;
  text-align: center !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 20px rgba(44,36,32,0.08) !important;
  font-family: 'Poppins', sans-serif !important;
  color: #3B2F27 !important;
}

/* MOBILE */
@media (max-width: 768px) {
  .job_listings .job_search_form {
    padding: 40px 20px !important;
  }
  
  ul.job_listings li.job_listing {
    padding: 20px !important;
  }
  
  ul.job_listings li.job_listing.featured::after {
    top: 10px !important;
    right: 10px !important;
    font-size: 0.65rem !important;
  }
  
  .job_listings img.company_logo {
    float: none !important;
    margin: 0 0 15px 0 !important;
  }
}

/* Override any inline styles */
.job_listings * {
  font-family: 'Poppins', sans-serif !important;
}

.job_listings h1,
.job_listings h2,
.job_listings h3,
.job_listings h4 {
  font-family: 'Bebas Neue', sans-serif !important;
}