@charset "utf-8";
/* CSS Document */

:root{
--green:#018755; /* primary */
--gold:#d1ab5a; /* secondary */
--text:#1c2a24; --muted:#6c7a73; --bg:#f7faf8; --white:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg);}
.container{width:min(1100px,92%);margin:0 auto}
.site-header{background:var(--white);border-bottom:4px solid var(--green)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand img{height:48px}
.nav a{margin-left:14px;text-decoration:none;color:var(--text);font-weight:600}
.nav .btn{padding:8px 14px;border-radius:10px;background:var(--green);color:var(--white)}
.hero{padding:26px 0}
.card{background:var(--white);border-radius:16px;box-shadow:0 8px 30px rgba(1,135,85,.08);padding:20px;margin:16px 0}
.card h3{margin:0 0 8px}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(1,135,85,.1);color:var(--green);font-weight:700;margin-right:8px}
.btn{display:inline-block;background:var(--green);color:var(--white);padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:700}
.btn.gold{background:var(--gold);color:#333}
.grid{display:grid;gap:16px}
@media(min-width:760px){.grid.jobs{grid-template-columns:repeat(2,1fr)}}
.job-meta{color:var(--muted);font-size:.95rem;margin:6px 0 10px}
.site-footer{padding:32px 0;color:var(--muted)}


/* Forms */
form{display:grid;gap:14px}
label{font-weight:700}
input,select,textarea{width:100%;padding:12px;border:1px solid #dbe5df;border-radius:10px;background:#fff}
input[type=file]{padding:10px}
.form-row{display:grid;gap:12px}
@media(min-width:680px){.form-row{grid-template-columns:repeat(2,1fr)}}
.help{color:var(--muted);font-size:.9rem}
.alert{padding:12px;border-radius:10px}
.alert.success{background:#e8f6ef;color:#0a5b3a;border:1px solid #bfe6d2}
.alert.error{background:#fdeceb;color:#8b2f2a;border:1px solid #f4c2bf}

/* === Site header & top bar === */
.hlc-topbar{background:#018755;color:#fff;font-size:14px}
.hlc-topbar a{color:#fff;text-decoration:none}
.hlc-topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.hlc-topbar-info{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.hlc-topbar-info i{margin-right:6px}
.hlc-topbar-social a{margin-left:10px}

.hlc-nav-wrap{background:#fff;border-bottom:4px solid #018755}
.hlc-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.hlc-brand img{height:56px}
.hlc-burger{display:none;background:none;border:0;padding:10px}
.hlc-burger span{display:block;width:22px;height:2px;background:#1c2a24;margin:5px 0}
.hlc-nav nav{display:flex;align-items:center;gap:18px}
.hlc-nav nav a{text-decoration:none;color:#1c2a24;font-weight:700}
.hlc-nav nav a.active{color:#018755}
.hlc-nav nav .btn{background:#018755;color:#fff;padding:8px 14px;border-radius:10px}

/* Simple dropdown */
.hlc-has-drop{position:relative}
.hlc-has-drop:hover .hlc-drop{display:block}
.hlc-drop{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:10px;min-width:220px;z-index:10}
.hlc-drop a{display:block;padding:10px 14px;white-space:nowrap}

/* Mobile */
@media (max-width:960px){
  .hlc-burger{display:block}
  .hlc-nav nav{display:none;position:absolute;left:0;right:0;top:110px;background:#fff;border-top:1px solid #eaeaea;padding:12px 20px;flex-direction:column;gap:12px}
  .nav-open .hlc-nav nav{display:flex}
}

/* === Hero block for Jobs landing === */
.jobs-hero{background:linear-gradient(180deg, rgba(1,135,85,.08), rgba(1,135,85,.02));padding:42px 0 26px;border-bottom:1px solid #eaf3ee}
.jobs-hero h1{margin:0 0 8px}
.jobs-hero p{color:#6c7a73}

/* Popular roles row */
.popular-roles{display:grid;gap:16px;margin:18px 0}
@media(min-width:760px){.popular-roles{grid-template-columns:repeat(3,1fr)}}
.popular-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(1,135,85,.08);padding:18px}
.popular-card h4{margin:0 0 6px}

/* === Footer === */
.hlc-footer{background:#f7faf8;color:#1c2a24;margin-top:40px}
.footer-widget-area{padding:36px 0;border-top:1px solid #e8efe9;border-bottom:1px solid #e8efe9}
.footer-grid{display:grid;gap:24px}
@media(min-width:900px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}
.footer-col h3{margin-top:0}
.footer-links{list-style:none;margin:0;padding:0}
.footer-links li{margin:6px 0}
.footer-form input{width:100%;padding:10px;border:1px solid #dbe5df;border-radius:10px;margin-bottom:8px}
.footer-contents{padding:14px 0}
.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:18px}
.footer-nav a{margin-left:14px;text-decoration:none;color:#1c2a24}
.color-primary{color:#018755}

/* Footer link colour overrides (jobs only) */
.footer-widget-area a,
.footer-widget-area .footer-useful-links a,
.footer-contents a {
  color: inherit;              /* follow surrounding text colour */
  text-decoration: none;
}

.footer-widget-area a:visited,
.footer-widget-area .footer-useful-links a:visited,
.footer-contents a:visited {
  color: inherit;
}

.footer-widget-area a:hover,
.footer-widget-area .footer-useful-links a:hover,
.footer-contents a:hover {
  color: var(--green);         /* subtle brand hover */
  text-decoration: underline;
}