/* Moved from header.php inline <style> block 3 (28 Oct guide D20). Linked at the same position. */
.bnk-nav-item { position: relative; }
  .bnk-dropdown-panel {
    position: absolute; top: 100%; left: 0; padding-top: 4px;
    opacity: 0; visibility: hidden; transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    pointer-events: none; z-index: 60;
  }
  .bnk-nav-item.bnk-align-right .bnk-dropdown-panel { left: auto; right: 0; }
  .bnk-nav-item:hover .bnk-dropdown-panel {
    opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
  }
  /* Enhanced, keyboard-operable dropdowns. Legacy :hover remains the no-JS fallback. */
  html.bnk-nav-js .bnk-nav-item:hover > .bnk-dropdown-panel {
    opacity: 0; visibility: hidden; transform: translateY(-4px); pointer-events: none;
  }
  html.bnk-nav-js .bnk-nav-item.bnk-open > .bnk-dropdown-panel {
    opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
  }

  .bnk-nav-item:hover .bnk-chevron { transform: rotate(180deg); }
  .bnk-chevron { transition: transform .18s ease; }
  #bnk-mobile-menu.bnk-open { display: block; }
  .bnk-mobile-sub summary::-webkit-details-marker { display: none; }
  .bnk-mobile-sub summary { list-style: none; cursor: pointer; }
  .bnk-mobile-sub[open] > summary .bnk-chevron { transform: rotate(180deg); }
  /* Skip link: hidden until focused (keyboard users). */
  .bca-skip { position: absolute; left: -9999px; top: 0; z-index: 1000; padding: .75rem 1rem; background: #102B5C; color: #fff; font-weight: 600; border-radius: 0 0 .5rem 0; }
  .bca-skip:focus { left: 0; }
  /* Country / Certificate Attestation: the label stays a link, the arrow is a separate submenu button. */
  .bnk-nav-item.bnk-has-toggle { display: flex; align-items: center; }
  .bnk-nav-item.bnk-has-toggle > a { padding-right: .25rem; }
  .bnk-sub-toggle { display: inline-flex; align-items: center; justify-content: center; padding: .5rem .5rem .5rem .1rem; margin-left: -.2rem; background: none; border: 0; color: inherit; cursor: pointer; border-radius: .375rem; }
  .bnk-sub-toggle:focus-visible { outline: 2px solid #102B5C; outline-offset: 2px; }
  .bnk-nav-item.bnk-open .bnk-sub-toggle .bnk-chevron { transform: rotate(180deg); }