/* Shared tokens for moovedin.com. Loaded after each page's own styles. Tokens and the banner only; page styles stay in the page. */
:root{--action:#2E7DF6;--action-hover:#1A6FEF;--max:1180px}
@media (min-width:1440px){:root{--max:1320px}}
@media (min-width:1760px){:root{--max:1480px}}
.btn.primary,.nav-cta{background:var(--action);color:#fff}
.btn.primary:hover,.nav-cta:hover{background:var(--action-hover)}

/* Banner */
header.site{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #C7D4E2;box-shadow:0 2px 14px rgba(6,21,40,.12)}
header.site .nav-inner{max-width:var(--max);margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:20px}
header.site .brand{font-weight:800;font-size:26px;color:#061528;letter-spacing:-.02em;text-decoration:none}
header.site .brand b{color:#6DB1FF}
header.site nav.mainnav{display:flex;align-items:center;gap:26px;margin-left:auto}
header.site .mainnav > a:not(.nav-cta),header.site .rd-dd-t{color:#0E2238;font-size:15.5px;font-weight:600;white-space:nowrap;text-decoration:none}
header.site .mainnav > a:not(.nav-cta):hover,header.site .rd-dd-t:hover{color:var(--action-hover)}
header.site .nav-cta{padding:12px 20px;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none}
header.site .burger{display:none;margin-left:auto;background:none;border:0;color:#061528;font-size:24px;cursor:pointer}
.rd-dd{position:relative;display:flex;align-items:center}
.rd-dd-t{display:inline-flex;align-items:center;gap:6px}
.rd-dd-t svg{transition:transform .2s}
.rd-dd:hover .rd-dd-t svg,.rd-dd:focus-within .rd-dd-t svg,.rd-dd.open .rd-dd-t svg{transform:rotate(180deg)}
.rd-dd-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);min-width:300px;padding:10px;background:#fff;border:1px solid #C7D4E2;border-radius:12px;box-shadow:0 16px 36px rgba(6,21,40,.16);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s;z-index:60}
.rd-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.rd-dd:hover .rd-dd-menu,.rd-dd:focus-within .rd-dd-menu,.rd-dd.open .rd-dd-menu{opacity:1;visibility:visible;transform:translate(-50%,14px)}
.rd-dd-menu a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;text-decoration:none}
.rd-dd-menu a:hover{background:#EEF2F7}
.rd-dd-menu .t{font-size:15px;font-weight:600;color:#0E2238}
.rd-dd-menu .d{font-size:13px;font-weight:400;color:#5B7186}
.rd-dd-menu a.all{flex-direction:row;font-size:14px;font-weight:600;color:var(--action-hover);border-top:1px solid #C7D4E2;border-radius:0 0 8px 8px;margin-top:4px;padding-top:12px}
@media (max-width:1180px) and (min-width:981px){header.site nav.mainnav{gap:18px} header.site .mainnav > a:not(.nav-cta),header.site .rd-dd-t{font-size:14.5px}}
@media (max-width:980px){
  header.site nav.mainnav{display:none}
  header.site .burger{display:block}
  header.site nav.mainnav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:8px 24px 20px;gap:0;border-bottom:1px solid #C7D4E2;box-shadow:0 14px 28px rgba(6,21,40,.14);max-height:calc(100vh - 70px);overflow:auto}
  header.site nav.mainnav.open > a:not(.nav-cta),header.site nav.mainnav.open .rd-dd-t{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 2px;font-size:17px;border-bottom:1px solid #C7D4E2}
  header.site nav.mainnav.open .nav-cta{margin-top:16px;text-align:center;display:flex;justify-content:center}
  header.site nav.mainnav.open .rd-signin{border-bottom:0;justify-content:center}
  .rd-dd{flex-direction:column;align-items:stretch;width:100%}
  .rd-dd-menu{position:static;transform:none;opacity:1;visibility:visible;display:none;min-width:0;box-shadow:none;border:0;background:#EEF2F7;border-radius:10px;margin:8px 0 6px;padding:6px}
  .rd-dd.open .rd-dd-menu{display:flex}
  .rd-dd-menu a{align-items:flex-start;padding:11px 12px}
  .rd-dd-menu .t{font-size:16px}
}

/* T55 B: keeps the current link and the All services link readable on pages whose older nav rules colour them white */
header.site .mainnav a[aria-current="page"]{color:var(--action-hover)}
header.site .rd-dd-menu a.all,header.site .rd-dd-menu a.all:hover{color:var(--action-hover)}

/* WhatsApp: one button, the official logo (T57 D). */
.btn.wa{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0E2238;border:1.5px solid #25D366;font-weight:700;padding:12px 20px;border-radius:8px;text-decoration:none}
.btn.wa:hover{background:#F0FBF4;border-color:#1EBE5A}
.btn.wa img{width:22px;height:22px;display:block}