/* RateWise floating header · approved 2026-09-10 */
body .site-header.rw-floating-header,
body.article-page .site-header.rw-floating-header {
  position: fixed; inset: 24px 0 auto; z-index: 90; width: 100%; height: auto;
  padding: 0 24px; border: 0; background: transparent; box-shadow: none;
  pointer-events: none; transition: inset-block-start .3s ease;
}
.rw-floating-header .rw-floating-shell {
  width: 100%; max-width: 1520px; margin: 0 auto;
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 20px;
  transition: max-width .3s ease, gap .3s ease, background .3s ease, border-radius .3s ease, box-shadow .3s ease;
}
.rw-floating-header .header-island {
  min-width: 0; height: 82px; border: 1px solid rgba(255,255,255,.88); border-radius: 24px;
  background: rgba(255,255,255,.84); box-shadow: 0 16px 42px rgba(30,50,95,.13), inset 0 1px 0 #fff;
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); pointer-events: auto;
  transition: height .3s ease, border-radius .3s ease, background .3s ease, box-shadow .3s ease;
}
.rw-floating-header .header-primary { display: flex; align-items: center; gap: 16px; padding: 0 18px; }
.rw-floating-header .header-actions { display: none; align-items: center; justify-content: flex-end; gap: 10px; min-width: 430px; padding: 0 12px 0 16px; }
.rw-floating-header .brand { display: inline-flex; align-items: center; gap: 10px; flex: none; color: #102747; text-decoration: none; }
.rw-floating-header .brand:hover { text-decoration: none; }
.rw-floating-header .brand .rw-mark { width: 34px; height: 34px; flex: none; }
.rw-floating-header .brand .rw-word,
body.article-page .rw-floating-header .brand .rw-word { display: inline-flex !important; align-items: baseline; border: 0; margin: 0; padding: 0; font-family: Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size: 23px; font-weight: 800; letter-spacing: -.045em; }
.rw-floating-header .brand .rw-word span { display: inline !important; border: 0; margin: 0; padding: 0; font-size: inherit; letter-spacing: inherit; }
.rw-floating-header .brand .rw-word .a { color: #102747; }
.rw-floating-header .brand .rw-word .b { color: #3979ee; }

body .rw-floating-header nav.nav { display: none; height: auto; align-items: center; gap: 2px; margin: 0 0 0 auto; }
body .rw-floating-header nav.nav > a,
body .rw-floating-header nav.nav > .has-mega > a {
  position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; height: auto;
  padding: 10px 11px; border: 0; border-radius: 10px; background: transparent;
  color: #17263f; font-size: 12px; font-weight: 700; line-height: 1.2; white-space: nowrap;
  text-decoration: none; transition: color .3s linear;
}
body .rw-floating-header nav.nav > a:hover,
body .rw-floating-header nav.nav > a:focus-visible,
body .rw-floating-header nav.nav > a[aria-current],
body .rw-floating-header nav.nav > .has-mega:hover > a,
body .rw-floating-header nav.nav > .has-mega:focus-within > a,
body .rw-floating-header nav.nav > .has-mega[data-active="true"] > a { color: #1459d9; background: transparent; text-decoration: none; }
.rw-floating-header .nav-chevron { flex: none; }

.rw-floating-header .has-mega { position: relative; }
body .rw-floating-header .mega {
  position: absolute; inset-inline-start: 0; inset-block-start: calc(100% + 14px);
  width: 270px; display: grid; grid-template-columns: 1fr; gap: 0; padding: 9px;
  border: 1px solid rgba(16,39,71,.08); border-radius: 14px; background: rgba(255,255,255,.98);
  box-shadow: 0 18px 44px rgba(16,39,71,.16); opacity: 0; visibility: hidden; pointer-events: none;
  transform: translateY(30px);
  transition: transform .25s cubic-bezier(.25,.1,.11,.99) .1s, opacity .2s cubic-bezier(.25,.1,.11,.99) .1s, visibility 0s linear .35s;
}
.rw-floating-header .mega::before { content: ""; position: absolute; inset-inline: 0; top: -16px; height: 16px; }
body .rw-floating-header .has-mega:hover .mega,
body .rw-floating-header .has-mega:focus-within .mega,
body .rw-floating-header .mega[data-open="true"] {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
  transition: transform .25s cubic-bezier(.25,.1,.11,.99) .1s, opacity .2s cubic-bezier(.25,.1,.11,.99) .1s, visibility 0s;
}
body .rw-floating-header .nav .mega-item,
body .rw-floating-header .mega-item {
  position: relative; z-index: 0; display: block; min-height: 0; height: auto; padding: 12px;
  border-radius: 11px; overflow: hidden; color: #102747; text-decoration: none; animation: none;
}
.rw-floating-header .mega-item::before {
  content: ""; position: absolute; z-index: -1; inset: 0; border-radius: 11px;
  background: linear-gradient(90deg,#f3f6fe 0%,rgba(171,187,242,.5) 100%);
  clip-path: polygon(0 0,0 0,0 100%,0 100%); transition: clip-path .3s linear;
}
.rw-floating-header .mega-item:hover::before,
.rw-floating-header .mega-item:focus-visible::before,
.rw-floating-header .mega-item[aria-current]::before { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); }
body .rw-floating-header .mega-item:hover { color: #102747; background: transparent; }
body .rw-floating-header .mega-item strong { display: block; color: #102747; font-size: 12px; font-weight: 700; transition: color .3s linear; }
body .rw-floating-header .mega-item:hover strong,
body .rw-floating-header .mega-item:focus-visible strong { color: #1459d9; }
body .rw-floating-header .mega-item span { display: block; margin-top: 2px; color: #627089; font-size: 10px; line-height: 1.45; }
body .rw-floating-header .mega-item:hover span { color: #627089; }

.rw-floating-header .header-quick,
.rw-floating-header .header-contact {
  min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 0 10px;
  border-radius: 12px; color: #111f35; font-size: 12px; font-weight: 700; line-height: 1.2;
  text-decoration: none; white-space: nowrap; transition: color .2s ease, background .2s ease;
}
.rw-floating-header .header-quick:hover,
.rw-floating-header .header-contact:hover,
.rw-floating-header .header-quick[aria-current],
.rw-floating-header .header-contact[aria-current] { color: #1459d9; background: #edf3ff; text-decoration: none; }
.rw-floating-header .quick-icon { width: 31px; height: 31px; display: grid; place-items: center; flex: none; border-radius: 50%; background: #e8f0ff; color: #1459d9; }
.rw-floating-header .contact-icon { width: 39px; height: 39px; display: grid; place-items: center; flex: none; border-radius: 50%; background: #1459d9; color: #fff; }
.rw-floating-header .header-contact > span:last-child { display: block; margin: 0; padding: 0; border: 0; }
.rw-floating-header .header-contact small { display: block; color: #627089; font-size: 9px; font-weight: 600; }
.rw-floating-header .header-contact strong { display: block; color: #102747; font-size: 12px; font-weight: 800; }
body .rw-floating-header .header-actions .btn {
  min-height: 48px; padding: 0 18px; border-radius: 14px; border: 0;
  background: linear-gradient(135deg,#0f48d5,#417cf0); color: #fff; box-shadow: 0 10px 24px rgba(20,89,217,.25);
  font-size: 12px; font-weight: 700; white-space: nowrap; text-decoration: none;
}
body .rw-floating-header .header-actions .btn:hover { color: #fff; text-decoration: none; transform: translateY(-1px); box-shadow: 0 13px 28px rgba(20,89,217,.32); }

body .rw-floating-header .nav-toggle { display: inline-flex; align-items: center; justify-content: center; margin-left: auto; width: 46px; height: 46px; border: 0; border-radius: 14px; background: #edf3ff; color: #102747; cursor: pointer; }
.rw-floating-header .progress-bar { position: fixed; inset: 0 auto auto 0; width: 100%; height: 2px; background: #3979ee; transform: scaleX(0); transform-origin: left; }

body .rw-floating-mobile {
  position: fixed; inset: 0; z-index: 85; display: flex; flex-direction: column; gap: 2px;
  padding: 104px 24px 38px; overflow-y: auto; background: rgba(238,243,255,.98); color: #102747;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  opacity: 0; visibility: hidden; transform: translateY(-16px); transition: opacity .22s ease, transform .22s ease, visibility .22s;
}
body .rw-floating-mobile[data-open="true"] { opacity: 1; visibility: visible; transform: none; }
body .rw-floating-mobile a:not(.btn) { display: block; padding: 14px 2px; border-bottom: 1px solid #d7e1f2; color: #102747; font-size: 16px; font-weight: 700; text-decoration: none; }
body .rw-floating-mobile a.menu-sub { padding-left: 18px; color: #627089; font-size: 13px; font-weight: 600; }
body .rw-floating-mobile a[aria-current] { color: #1459d9; }
body .rw-floating-mobile .menu-actions { display: grid; margin-top: 22px; }
body .rw-floating-mobile .btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: linear-gradient(135deg,#0f48d5,#417cf0); color: #fff; text-decoration: none; }

/* A Tudástár korábbi sticky fejléce helyet foglalt a dokumentumfolyamban.
   A lebegő fejlécnél ezt a teret a main kapja meg, így sem a nyitó blokk,
   sem a cikkcím nem kerül a kapszulák alá. */
body:not(.rw-funnel) .rw-floating-mobile + main { padding-top: 32px; }
body.article-page { padding-top: 0; }

body .rw-floating-header[data-compact="true"],
body.article-page .rw-floating-header[data-compact="true"] { inset-block-start: 10px; }
.rw-floating-header[data-compact="true"] .rw-floating-shell {
  max-width: 1280px; gap: 0; border: 1px solid rgba(255,255,255,.9); border-radius: 18px;
  background: rgba(255,255,255,.91); box-shadow: 0 12px 32px rgba(16,39,71,.2);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
}
.rw-floating-header[data-compact="true"] .header-island { height: 60px; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.rw-floating-header[data-compact="true"] .header-contact { display: none; }
.rw-floating-header[data-compact="true"] .header-actions { min-width: auto; }

@media (min-width: 1281px) {
  body .rw-floating-header nav.nav,
  body .rw-floating-header .header-actions { display: flex; }
  body .rw-floating-header .nav-toggle,
  body .rw-floating-mobile { display: none; }
}
@media (max-width: 1280px) {
  body .site-header.rw-floating-header,
  body.article-page .site-header.rw-floating-header { inset-block-start: 16px; padding-inline: 16px; }
  .rw-floating-header .rw-floating-shell { display: grid; grid-template-columns: 1fr; }
  .rw-floating-header .header-primary { height: 64px; border-radius: 18px; padding: 0 10px; }
  .rw-floating-header[data-compact="true"] .rw-floating-shell { max-width: none; background: transparent; border: 0; box-shadow: none; }
  .rw-floating-header[data-compact="true"] .header-primary { height: 64px; border: 1px solid rgba(255,255,255,.88); border-radius: 18px; background: rgba(255,255,255,.91); box-shadow: 0 12px 32px rgba(16,39,71,.18); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
  body:not(.rw-funnel) .rw-floating-mobile + main { padding-top: 20px; }
}
@media (max-width: 520px) {
  .rw-floating-header .brand .rw-word,
  body.article-page .rw-floating-header .brand .rw-word { font-size: 21px; }
  .rw-floating-header .brand .rw-mark { width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .rw-floating-header *, .rw-floating-mobile { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}