/* NStay V55 - one UI system for the public website */
:root{
  --ns55-navy:#0b3154; --ns55-navy-dark:#0e3d68; --ns55-ink:#10243f; --ns55-gold:#b58a45;
  --ns55-line:#d5dde5; --ns55-wa:#25d366; --ns55-wa-dark:#1ebe5a; --ns55-wa-ink:#ffffff;
  --ns55-r:10px; --ns55-h:40px;
}

/* ---------- 1. WhatsApp: the official logo, always filled (the site's global "svg{fill:none;stroke}" rule turned it into an outline) ---------- */
svg.ns-wa-ico{width:var(--ns-wa-s,18px)!important;height:var(--ns-wa-s,18px)!important;min-width:var(--ns-wa-s,18px);flex:0 0 auto!important;display:inline-block!important;vertical-align:-.22em;overflow:visible!important;margin:0;transform:none!important}
svg.ns-wa-ico,svg.ns-wa-ico path{fill:currentColor!important;stroke:none!important;stroke-width:0!important}
svg.ns-wa-ico.ns-wa-green{color:var(--ns55-wa)!important}
.ns-wa-iconly{display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.ns-wa-iconly svg.ns-wa-ico{margin:0!important}
/* every WhatsApp button with a label: WhatsApp green, white logo + text */
html body :is(a,button).ns-wa-btn.ns-wa-btn.ns-wa-btn{background:var(--ns55-wa)!important;background-image:none!important;border:1.5px solid var(--ns55-wa)!important;color:var(--ns55-wa-ink)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;padding:0 16px!important;text-decoration:none!important;border-radius:var(--ns55-r)!important;min-height:var(--ns55-h);box-shadow:none!important}
html body :is(a,button).ns-wa-btn.ns-wa-btn.ns-wa-btn:hover,html body :is(a,button).ns-wa-btn.ns-wa-btn.ns-wa-btn:focus-visible{background:var(--ns55-wa-dark)!important;border-color:var(--ns55-wa-dark)!important;color:#fff!important}
html body .ns-wa-btn svg.ns-wa-ico{color:#fff!important}
/* the round green WhatsApp buttons on cards */
.nsc-wa,.nsc-ic.nsc-wa{background:var(--ns55-wa)!important;border-color:var(--ns55-wa)!important;color:#fff!important}
/* phone bottom bar: the WhatsApp item */
.nsg-bottom-nav a.ns-wa-el svg.ns-wa-ico,.global-mobile-bottom-nav a.ns-wa-el svg.ns-wa-ico{--ns-wa-s:18px;color:#fff!important}
html body :is(.nsg-bottom-nav,.global-mobile-bottom-nav) a.ns-wa-el .ico{background:#25d366!important}

/* ---------- 2. Buttons: one navy, one outline, one chip ---------- */
html body .ns55-btn.ns55-btn{border-radius:var(--ns55-r)!important;min-height:var(--ns55-h)!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;padding-top:0!important;padding-bottom:0!important;padding-left:max(16px,var(--ns55-px,16px))!important;padding-right:max(16px,var(--ns55-px,16px))!important;text-decoration:none!important;box-shadow:none!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
html body .ns55-pri.ns55-pri{background:var(--ns55-navy)!important;background-image:none!important;border:1.5px solid var(--ns55-navy)!important;color:#fff!important}
html body .ns55-pri.ns55-pri:hover,html body .ns55-pri.ns55-pri:focus-visible{background:var(--ns55-navy-dark)!important;border-color:var(--ns55-navy-dark)!important;color:#fff!important}
html body .ns55-sec.ns55-sec{background:#fff!important;background-image:none!important;border:1.5px solid var(--ns55-navy)!important;color:var(--ns55-navy)!important}
html body .ns55-sec.ns55-sec:hover,html body .ns55-sec.ns55-sec:focus-visible{background:#f3f6fa!important;color:var(--ns55-navy)!important}
.ns55-btn:focus-visible,.ns55-pill:focus-visible,.ns55-chip:focus-visible,a.ns-wa-btn:focus-visible{outline:2px solid var(--ns55-gold)!important;outline-offset:2px!important}
html body .ns55-pill.ns55-pill{border-radius:999px!important;font-family:inherit!important;font-weight:600!important;letter-spacing:0!important}
/* browser-default buttons (e.g. sector list on Sector Maps) */
html body .ns55-chip.ns55-chip{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;border:1px solid var(--ns55-line)!important;border-radius:999px!important;color:var(--ns55-navy)!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;min-height:36px!important;padding:0 14px!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center}
html body .ns55-chip.ns55-chip:hover{border-color:var(--ns55-navy)!important;background:#f5f8fb!important}
.ns55-chip[aria-pressed="true"],.ns55-chip.active,.ns55-chip.is-active,.ns55-chip.selected{background:var(--ns55-navy)!important;border-color:var(--ns55-navy)!important;color:#fff!important}

/* ---------- 3. Forms: one field style ---------- */
html body .ns55-field.ns55-field{border:1px solid var(--ns55-line)!important;border-radius:var(--ns55-r)!important;background-color:#fff!important;color:#10243f!important;font-family:inherit!important;font-size:15px!important;box-shadow:none!important}
html body input.ns55-field.ns55-field,html body select.ns55-field.ns55-field{min-height:44px!important}
html body textarea.ns55-field.ns55-field{min-height:96px;padding-top:10px!important}
.ns55-field::placeholder{color:#8593a3!important;opacity:1}
html body .ns55-field.ns55-field:focus{border-color:var(--ns55-navy)!important;outline:none!important;box-shadow:0 0 0 3px rgba(11,49,84,.14)!important}
@media (max-width:899px){
  .ns55-field,input[type=text],input[type=tel],input[type=email],input[type=search],input[type=number],select,textarea{font-size:16px!important} /* no auto-zoom on iPhone */
}

/* ---------- 4. headings: same weight + colour everywhere ---------- */
main h1,.eg-hero h1,[class*="hero"] h1{font-weight:700!important}

/* ---------- 5. cards that open on click get a pointer + focus ring ---------- */
a[role=button][tabindex]{cursor:pointer}
a[role=button][tabindex]:focus-visible{outline:2px solid var(--ns55-gold);outline-offset:2px}

/* ---------- 6. phones: comfortable tap targets ---------- */
@media (max-width:700px){
  html body .ns55-btn.ns55-btn,html body :is(a,button).ns-wa-btn.ns-wa-btn.ns-wa-btn{min-height:44px!important}
}
