/* UK Nationality — Booking funnel styles (scoped under .uknat-booking).
   Generated from booking.css + Focused Funnel inline styles. Do not edit by hand. */


/* ===== booking.css (scoped) ===== */
:root {--navy:        #1C244B;
  --navy-deep:   #13183A;
  --burgundy:    #70314C;
  --green:       #004225;
  --white:       #FFFFFF;
  --cream:       #F7F5F2;
  --light-gray:  #EBEBEB;
  --border:      #E5E2DE;
  --border-soft: #EEECE8;
  --ink:         #1C244B;
  --body:        #333333;
  --subtle:      #555555;
  --muted:       #8A8A8A;
  --whatsapp:    #0E6B4F;

  --accent:      var(--navy);
  --accent-rgb:  28, 36, 75;

  --font-h: 'Noto Serif Hebrew', Georgia, 'Times New Roman', serif;
  --font-b: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --pill: 999px;

  --shadow-card: 0 1px 3px rgba(28,36,75,0.04), 0 12px 32px -16px rgba(28,36,75,0.18);
  --shadow-lift: 0 2px 6px rgba(28,36,75,0.06), 0 22px 48px -22px rgba(28,36,75,0.28);

  --pad: 22px;
  --maxw: 1200px;}
.uknat-booking, .uknat-booking * {box-sizing: border-box;}
.uknat-booking {scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}
.uknat-booking {margin: 0;
  font-family: var(--font-b);
  color: var(--body);
  background: var(--cream);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.uknat-booking img {max-width: 100%; display: block;}
.uknat-booking a {color: inherit;}
.uknat-booking .bk-header {position: sticky; top: 0; z-index: 50;
  background: var(--white);
  border-bottom: 1px solid var(--border);}
.uknat-booking .bk-header__in {max-width: var(--maxw); margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px var(--pad);}
.uknat-booking .bk-brand {display: flex; align-items: center; gap: 10px; text-decoration: none; min-width: 0;}
.uknat-booking .bk-brand img {height: 30px; width: auto;}
.uknat-booking .bk-header__actions {display: flex; align-items: center; gap: 14px;}
.uknat-booking .bk-calllink {display: inline-flex; align-items: center; gap: 7px;
  font-size: 14px; font-weight: 600; color: var(--navy);
  text-decoration: none; white-space: nowrap;}
.uknat-booking .bk-calllink svg {color: var(--accent); flex: 0 0 auto;}
.uknat-booking .bk-calllink span.num {letter-spacing: 0.01em;}
@media (max-width: 520px) {
.uknat-booking .bk-calllink span.label {display: none;}
}
.uknat-booking .bk-wrap {max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad);}
.uknat-booking .bk-eyebrow {display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-b);
  font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--burgundy);
  margin: 0 0 14px;}
.uknat-booking .bk-eyebrow::before {content: ""; width: 18px; height: 1.5px; background: var(--burgundy); display: inline-block;}
.uknat-booking .bk-eyebrow--plain::before {display: none;}
.uknat-booking h1, .uknat-booking h2, .uknat-booking h3 {font-family: var(--font-h); color: var(--ink); font-weight: 600; line-height: 1.15; margin: 0;}
.uknat-booking .bk-title {font-size: clamp(30px, 5vw, 46px); letter-spacing: -0.8px; text-wrap: balance;}
.uknat-booking .bk-lede {font-size: clamp(16px, 2.4vw, 19px); line-height: 1.55; color: var(--subtle); margin: 14px 0 0; max-width: 54ch; text-wrap: pretty;}
.uknat-booking .bk-btn {display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--font-b); font-size: 15px; font-weight: 600;
  padding: 13px 22px; border-radius: var(--radius); border: 1px solid transparent;
  text-decoration: none; cursor: pointer; transition: transform .12s, background .2s, box-shadow .2s, border-color .2s;}
.uknat-booking .bk-btn--primary {background: var(--accent); color: #fff;}
.uknat-booking .bk-btn--primary:hover {background: var(--navy-deep); transform: translateY(-1px); box-shadow: 0 10px 24px -12px rgba(var(--accent-rgb),0.7);}
.uknat-booking .bk-btn--ghost {background: #fff; color: var(--navy); border-color: var(--border);}
.uknat-booking .bk-btn--ghost:hover {border-color: var(--accent);}
.uknat-booking .bk-btn--wa {background: var(--whatsapp); color: #fff;}
.uknat-booking .bk-btn--block {width: 100%;}
.uknat-booking .bk-steps {list-style: none; margin: 0; padding: 0; display: grid; gap: 2px;}
.uknat-booking .bk-step {position: relative; display: flex; gap: 14px; padding: 14px 0;}
.uknat-booking .bk-step__n {flex: 0 0 auto; width: 30px; height: 30px; border-radius: var(--pill);
  display: grid; place-items: center;
  font-family: var(--font-h); font-size: 14px; font-weight: 600;
  color: var(--accent); background: rgba(var(--accent-rgb), 0.08);}
.uknat-booking .bk-step__b h4 {font-family: var(--font-h); font-size: 16px; font-weight: 600; color: var(--ink); margin: 4px 0 2px;}
.uknat-booking .bk-step__b p {font-size: 13.5px; color: var(--subtle); margin: 0; line-height: 1.5;}
.uknat-booking .bk-steps--rail .bk-step:not(:last-child)::after {content: ""; position: absolute; left: 14.5px; top: 44px; bottom: -2px; width: 1.5px;
  background: linear-gradient(var(--border), var(--border) 60%, transparent);}
.uknat-booking .bk-advisers {display: flex; align-items: center; gap: 14px;}
.uknat-booking .bk-advisers__faces {display: flex;}
.uknat-booking .bk-advisers__face {width: 46px; height: 46px; border-radius: 50%; overflow: hidden;
  border: 2px solid #fff; background: var(--cream);}
.uknat-booking .bk-advisers__face:nth-child(2) {margin-left: -14px;}
.uknat-booking .bk-advisers__face img {width: 100%; height: 100%; object-fit: cover;}
.uknat-booking .bk-advisers__t {line-height: 1.4;}
.uknat-booking .bk-advisers__t strong {display: block; font-family: var(--font-h); font-size: 15px; font-weight: 600; color: var(--ink);}
.uknat-booking .bk-advisers__t span {font-size: 12.5px; color: var(--subtle);}
.uknat-booking .bk-trustline {display: inline-flex; align-items: center; gap: 9px;
  font-size: 12.5px; font-weight: 500; color: var(--subtle);}
.uknat-booking .bk-trustline svg {color: var(--accent); flex: 0 0 auto;}
.uknat-booking .bk-trustline b {color: var(--ink); font-weight: 600;}
.uknat-booking .bk-sched {background: #fff; border: 1px solid var(--border);
  border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: var(--shadow-card);}
.uknat-booking .bk-sched__head {display: flex; align-items: center; gap: 14px;
  padding: 20px 22px; border-bottom: 1px solid var(--border-soft);}
.uknat-booking .bk-sched__mark {flex: 0 0 auto; width: 46px; height: 46px; border-radius: var(--radius);
  background: rgba(var(--accent-rgb), 0.08); color: var(--accent);
  display: grid; place-items: center;}
.uknat-booking .bk-sched__ht {flex: 1; min-width: 0;}
.uknat-booking .bk-sched__ht h3 {font-size: 18px; font-weight: 600;}
.uknat-booking .bk-sched__meta {display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 4px;}
.uknat-booking .bk-sched__meta span {display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--subtle);}
.uknat-booking .bk-sched__meta svg {color: var(--muted);}
.uknat-booking .bk-sched__free {flex: 0 0 auto; font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--green); background: rgba(0,66,37,0.08);
  padding: 5px 10px; border-radius: var(--pill);}
.uknat-booking .bk-sched__embed {position: relative; padding: 22px;}
.uknat-booking .bk-sched__tag {display: block; width: fit-content; margin: 0 0 14px auto;
  font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted); background: var(--cream); border: 1px dashed var(--border);
  padding: 4px 9px; border-radius: var(--pill);}
.uknat-booking .bk-mock {display: grid; grid-template-columns: 1fr; gap: 20px;}
@media (min-width: 560px) {
.uknat-booking .bk-mock {grid-template-columns: 1.2fr 1fr;}
}
.uknat-booking .bk-cal__top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
.uknat-booking .bk-cal__month {font-family: var(--font-h); font-size: 15px; font-weight: 600; color: var(--ink);}
.uknat-booking .bk-cal__nav {display: flex; gap: 6px;}
.uknat-booking .bk-cal__navbtn {width: 28px; height: 28px; border-radius: var(--radius-sm); border: 1px solid var(--border);
  background: #fff; color: var(--subtle); display: grid; place-items: center; cursor: default;}
.uknat-booking .bk-cal__grid {display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px;}
.uknat-booking .bk-cal__dow {font-size: 10px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); text-align: center; padding-bottom: 4px;}
.uknat-booking .bk-cal__day {aspect-ratio: 1 / 1; display: grid; place-items: center;
  font-size: 13px; color: var(--body); border-radius: var(--pill);
  border: 1px solid transparent;}
.uknat-booking .bk-cal__day.is-muted {color: #C8C8C8;}
.uknat-booking .bk-cal__day.is-avail {color: var(--accent); font-weight: 600; border-color: rgba(var(--accent-rgb),0.25); background: rgba(var(--accent-rgb),0.04); cursor: default;}
.uknat-booking .bk-cal__day.is-sel {background: var(--accent); color: #fff; border-color: var(--accent); font-weight: 600;}
.uknat-booking .bk-slots__lbl {font-size: 12px; font-weight: 600; color: var(--subtle); margin-bottom: 10px;}
.uknat-booking .bk-slots__lbl b {color: var(--ink);}
.uknat-booking .bk-slots__list {display: grid; gap: 8px;}
.uknat-booking .bk-slot {display: flex; align-items: center; justify-content: center;
  padding: 11px; border-radius: var(--radius-sm); border: 1px solid var(--border);
  background: #fff; font-size: 14px; font-weight: 600; color: var(--navy); cursor: default;}
.uknat-booking .bk-slot.is-sel {background: rgba(var(--accent-rgb),0.06); border-color: var(--accent); color: var(--accent);}
.uknat-booking .bk-slot__confirm {margin-top: 2px; background: var(--accent); color: #fff; border-color: var(--accent);}
.uknat-booking .bk-assure {display: grid; gap: 16px;}
@media (min-width: 720px) {
.uknat-booking .bk-assure {grid-template-columns: repeat(3, 1fr); gap: 22px;}
}
.uknat-booking .bk-assure__item {display: flex; gap: 12px; align-items: flex-start;}
.uknat-booking .bk-assure__ic {flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--radius);
  background: #fff; border: 1px solid var(--border); color: var(--accent);
  display: grid; place-items: center;}
.uknat-booking .bk-assure__item h4 {font-family: var(--font-h); font-size: 15px; font-weight: 600; color: var(--ink); margin: 2px 0 3px;}
.uknat-booking .bk-assure__item p {font-size: 13px; color: var(--subtle); margin: 0; line-height: 1.5;}
.uknat-booking .bk-foot {text-align: center; padding: 28px var(--pad) 40px; color: var(--muted); font-size: 12.5px;}
.uknat-booking .bk-foot a {color: var(--subtle);}
.uknat-booking .bk-switch {position: fixed; right: 16px; bottom: 16px; z-index: 90;
  display: inline-flex; align-items: center; gap: 2px;
  background: var(--navy); color: #fff; border-radius: var(--pill);
  padding: 4px; box-shadow: var(--shadow-lift);
  font-size: 12.5px;}
.uknat-booking .bk-switch a {text-decoration: none; color: rgba(255,255,255,0.7);
  padding: 7px 14px; border-radius: var(--pill); font-weight: 600; white-space: nowrap;}
.uknat-booking .bk-switch a.is-active {background: #fff; color: var(--navy);}
@media (prefers-reduced-motion: reduce) {
.uknat-booking, .uknat-booking * {transition: none !important; scroll-behavior: auto !important;}
}

/* ===== Focused Funnel (scoped) ===== */
.uknat-booking {background: #fff;}
.uknat-booking .b-top {background: var(--cream); border-bottom: 1px solid var(--border);}
.uknat-booking .b-hero {max-width: 720px; margin: 0 auto; padding: 48px var(--pad) 8px; text-align: center;}
.uknat-booking .b-hero .bk-eyebrow {justify-content: center;}
.uknat-booking .b-hero .bk-lede {margin-left: auto; margin-right: auto;}
.uknat-booking .b-progress {max-width: 720px; margin: 28px auto 0; padding: 0 var(--pad);
    list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;}
.uknat-booking .b-pstep {text-align: center; position: relative;}
.uknat-booking .b-pstep__n {width: 30px; height: 30px; margin: 0 auto 8px; border-radius: var(--pill);
    display: grid; place-items: center; font-family: var(--font-h); font-size: 14px; font-weight: 600;
    background: #fff; border: 1.5px solid var(--border); color: var(--muted);
    position: relative; z-index: 2;}
.uknat-booking .b-pstep:first-child .b-pstep__n {background: var(--accent); border-color: var(--accent); color: #fff;}
.uknat-booking .b-pstep__l {font-size: 11.5px; font-weight: 600; color: var(--subtle); line-height: 1.3;}
.uknat-booking .b-pstep:first-child .b-pstep__l {color: var(--ink);}
.uknat-booking .b-pstep:not(:last-child)::after {content: ""; position: absolute; top: 15px; left: calc(50% + 18px); right: calc(-50% + 18px);
    height: 1.5px; background: var(--border); z-index: 1;}
@media (max-width: 460px) {
.uknat-booking .b-pstep__l {font-size: 10px;}
}
.uknat-booking .b-stage {max-width: 760px; margin: 0 auto; padding: 0 var(--pad);}
.uknat-booking .b-sched-wrap {margin-top: 32px; transform: translateY(0);}
.uknat-booking .b-stage .bk-sched {box-shadow: var(--shadow-lift);}
.uknat-booking .b-belowsched {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 22px;
    margin: 18px 0 0; text-align: center;}
.uknat-booking .b-belowsched .bk-trustline {font-size: 13px;}
.uknat-booking .b-callrow {font-size: 13.5px; color: var(--subtle);}
.uknat-booking .b-callrow a {color: var(--navy); font-weight: 600; text-decoration: none;}
.uknat-booking .b-assure-sec {padding: 48px var(--pad) 8px; max-width: var(--maxw); margin: 0 auto;}
.uknat-booking .b-advisers-band {max-width: 760px; margin: 36px auto 0; padding: 24px;
    background: var(--cream); border: 1px solid var(--border); border-radius: var(--radius-lg);
    display: flex; align-items: center; gap: 18px; flex-wrap: wrap; justify-content: center; text-align: center;}
.uknat-booking .b-advisers-band .bk-advisers {flex-wrap: wrap; justify-content: center;}
.uknat-booking .b-advisers-band p {margin: 0; font-size: 14px; color: var(--subtle); max-width: 42ch;}
@media (min-width: 620px) {
.uknat-booking .b-advisers-band {flex-wrap: nowrap; text-align: left;}
}

/* ===== Booking funnel: Calendly responsiveness & mobile safety ===== */
.uknat-booking .bk-sched__embed { min-width: 0; }
/* The Calendly snippet ships an inline min-width:320px; keep it fluid so it
   never forces horizontal overflow inside the padded card on small phones. */
.uknat-booking .calendly-inline-widget { min-width: 0 !important; width: 100%; }
.uknat-booking .bk-sched__embed iframe { max-width: 100%; display: block; }
@media (max-width: 420px) {
  .uknat-booking .bk-sched__embed { padding: 14px; }
}