/* --- Brandish variables (scoped) --- */
.travel-nurses, .header-travel {
  --c-text: #0f172a;         /* dark text */
  --c-muted: #475569;        /* slate-ish */
  --c-blue: #0c4a6e;         /* brand blue */
  --c-blue-2: #1e67a1;       /* lighter blue */
  --c-magenta: #d30880;      /* brand magenta/pink */
  --c-card: #ffffff;
  --r-lg: 16px;
  --shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* containers */
.header-travel .tn-container,
.travel-nurses .tn-container { max-width: 1180px; margin: 0 auto; padding: 0 22px; }

/* --- Header (left logo, center nav, right CTA) --- */
.header-travel .tn-header { background:#fff; border-bottom: 1px solid #e9eef5; }
.header-travel .tn-header .tn-container { display:grid; grid-template-columns: 180px 1fr 180px; align-items:center; min-height:72px; }
.header-travel .tn-logo { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--c-text); font-weight:700; }
.header-travel .tn-nav .tn-menu { list-style:none; display:flex; gap:32px; margin:0; padding:0; justify-content:center; }
.header-travel .tn-nav .tn-menu a { text-decoration:none; color:var(--c-text); font-weight:600; }
.header-travel .tn-btn { justify-self:end; display:inline-block; padding:12px 18px; border-radius:999px; background:var(--c-magenta); color:#fff; text-decoration:none; font-weight:700; }

/* hide any default theme page header/breadcrumb on this template */
.travel-nurses .entry-header,
.travel-nurses .page-header,
.travel-nurses .breadcrumbs,
.travel-nurses .yoast-breadcrumbs { display:none !important; }

/* --- Hero --- */
.tn-hero { position:relative; padding: 80px 0 40px; background:
  radial-gradient(1200px 600px at 80% -100px, rgba(30,103,161,.20), transparent 60%);
}
.tn-hero .tn-grid { display:grid; grid-template-columns: 1.2fr 1fr; gap:40px; align-items:center; }
.tn-hero h1 { font-size: clamp(34px, 4.2vw, 56px); line-height:1.08; color:var(--c-text); font-weight:700; max-width:18ch; }
.tn-sub { margin-top:14px; font-size: 18px; color:var(--c-muted); max-width: 60ch; }

.tn-learn { position:absolute; left:6px; top:50%; transform:rotate(-90deg) translateY(-50%); transform-origin:left top; 
  letter-spacing:.25em; text-transform:uppercase; font-size:12px; color:var(--c-muted); opacity:.8; text-decoration:none;
}

/* hero form card (right) */
.tn-form { background:#fff; border-radius: var(--r-lg); box-shadow: var(--shadow); padding:22px; }
.tn-form h3 { margin:0 0 12px; font-size:18px; }
.tn-form label { display:block; font-size:12px; font-weight:600; color:var(--c-muted); margin-bottom:6px; }
.tn-form input { width:100%; padding:12px 14px; border:1px solid #dbe3ee; border-radius:10px; font-size:16px; }
.tn-form .row { display:grid; grid-template-columns: 1fr; gap:12px; }
.tn-form .submit { margin-top:12px; display:flex; justify-content:flex-end; }
.tn-form button { padding:12px 18px; border:0; border-radius:999px; background:var(--c-magenta); color:#fff; font-weight:700; cursor:pointer; }

/* --- Sections --- */
.tn-section { padding: 56px 0; }
.tn-section h2 { font-size: clamp(26px, 3.2vw, 36px); margin:0 0 16px; }
.tn-grid { display:grid; gap:16px; }
.tn-grid.tn-3 { grid-template-columns: repeat(3, 1fr); }
.tn-grid.tn-5 { grid-template-columns: repeat(5, 1fr); }
.tn-card { background:var(--c-card); border:1px solid #e9eef5; border-radius:16px; padding:18px; box-shadow: var(--shadow); }
.tn-card h3 { margin:0 0 6px; font-size:18px; }

/* numbered steps */
.tn-steps { counter-reset: step; display:grid; gap:16px; grid-template-columns: repeat(3, 1fr); list-style:none; margin:0; padding:0; }
.tn-steps li { background:#fff; border:1px solid #e9eef5; border-radius:16px; padding:18px; box-shadow: var(--shadow); position:relative; }
.tn-steps li::before { counter-increment: step; content: counter(step) "."; position:absolute; top:14px; right:16px; font-weight:700; color:var(--c-blue); }

/* final CTAs */
.tn-final .tn-wrap { display:grid; gap:24px; grid-template-columns: 2fr 1.2fr; align-items:center; }
.tn-final .tn-box { background:#fff; border:1px solid #e9eef5; border-radius:16px; padding:24px; box-shadow: var(--shadow); }
.tn-final .tn-btn { margin-top:10px; }

/* contact strip anchor */
.tn-contact { padding:50px 0; background: linear-gradient(90deg, var(--c-blue), var(--c-blue-2)); color:#fff; text-align:center; }
.tn-contact .tn-btn { background:#fff; color:var(--c-blue); }

/* responsive */
@media (max-width: 980px) {
  .header-travel .tn-header .tn-container { grid-template-columns: 1fr auto; row-gap:10px; }
  .header-travel .tn-nav { grid-column: 1/-1; }
  .header-travel .tn-btn { grid-column: 2; }
  .tn-hero .tn-grid { grid-template-columns: 1fr; }
  .tn-grid.tn-3, .tn-steps, .tn-final .tn-wrap { grid-template-columns: 1fr; }
  .tn-learn { display:none; }
}
