/*
Theme Name: Yaji Care Theme
Theme URI: https://yaji.co.uk/
Author: Yaji UK Limited
Author URI: https://yaji.co.uk/
Description: Teal healthcare recruitment theme with CareConcept-style gradients, rounded cards, live Customizer controls, and adjustable hero top padding.
Version: 1.4.3
Text Domain: yaji-care
*/
:root{
  --primary:#0d9488; --secondary:#0f766e; --accent:#ccfbf1;
  --ink:#0b1220; --muted:#64748b; --bg:#ffffff;
  --card-bg:#ffffff; --surface:#f8fafc; --section-alt:#f0fdfa;
  --radius:20px; --shadow:0 10px 30px rgba(2,44,34,.10); --shadow-soft:0 8px 22px rgba(2,44,34,.08);
  --hero-top-pad: 20px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--primary);text-decoration:none} img{max-width:100%;height:auto;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
section{padding:60px 0;position:relative} section:nth-of-type(even){background:var(--section-alt)}
.section-title{text-align:center;margin:0 0 18px}
header.site{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;height:78px}
.logo span{font-weight:800;letter-spacing:.5px}
.hero{
  padding-top: var(--hero-top-pad);
  background: radial-gradient(1200px 500px at 0% -10%, rgba(204,251,241,.8), transparent 70%),
             radial-gradient(900px 400px at 100% 10%, rgba(99,179,237,.35), transparent 70%),
             linear-gradient(180deg, #ecfeff 0%, #ffffff 35%);
  overflow:hidden;
}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:70px 0}
.hero h1{font-size:46px;line-height:1.1;margin:0 0 12px}
.hero p{color:var(--muted);font-size:18px;margin:0 0 24px}
.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px;border:1px solid #e2e8f0}
.grid{display:grid;gap:22px} .grid-3{grid-template-columns:repeat(3,1fr)} .grid-2{grid-template-columns:repeat(2,1fr)}
.btn{display:inline-block;padding:14px 18px;border-radius:999px;font-weight:700}
.btn-primary{background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;box-shadow:0 8px 18px rgba(13,148,136,.25)}
.btn-primary:hover{filter:brightness(.98);transform:translateY(-1px)}
.btn-ghost{border:1px solid rgba(13,148,136,.25);color:var(--primary);background:#fff}
.badge{display:inline-block;background:var(--accent);color:var(--secondary);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px}
footer.site{background:#0b1220;color:#c9d1d9;padding:40px 0;margin-top:40px} footer.site a{color:#a7f3d0}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}