/* Bin Lock Scotland v4.8 — plugin-owned header access + secure login UI. */
.wbl-header-access{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-right:18px;white-space:nowrap}
.wbl-header-access a{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 16px;border-radius:999px;text-decoration:none!important;font-weight:900!important;font-size:14px!important;line-height:1.05!important;box-shadow:0 5px 14px rgba(0,0,0,.08);transition:transform .15s ease,box-shadow .15s ease}
.wbl-header-access a:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.13)}
/* Higher specificity is intentional: the official palette sets .topbar a to white. */
html body .topbar .wbl-header-access .wbl-header-access-admin{background:#FFD400!important;color:#082B86!important;border:1px solid #FFD400!important}
html body .topbar .wbl-header-access .wbl-header-access-installer{background:#fff!important;color:#082B86!important;border:2px solid #FFD400!important}
html body .topbar .wbl-header-access .wbl-header-access-installer:hover{background:#F7FAFF!important;color:#0B3CC1!important}

/* Mobile/tablet app access bar: independent of a theme topbar that may be hidden. */
.wbl-mobile-access{display:none}
.wbl-mobile-access a{text-decoration:none!important}

.wbl-captcha-label{display:grid!important;gap:7px!important;margin-top:4px!important;font-weight:800!important}
.wbl-captcha-question{display:inline-flex;align-items:center;width:max-content;padding:7px 12px;border-radius:10px;background:#eef4ff;color:#082B86;font-size:16px;font-weight:900;letter-spacing:.04em}
.wbl-login-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.wbl-security-result{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900}.wbl-security-result.success{background:#e6f7ed;color:#11663a}.wbl-security-result.failed{background:#fff0f0;color:#a52e2e}
.wbl-security-table{min-width:960px!important}.wbl-security-stats{grid-template-columns:repeat(4,1fr)!important}

@media(max-width:900px){
  /* Avoid duplicates: use the dedicated app strip on tablet/phone. */
  .topbar .wbl-header-access{display:none!important}
  .wbl-header-access{gap:7px;margin-right:8px}
  .wbl-header-access a{padding:7px 11px;font-size:12px!important;min-height:34px}
  .wbl-security-stats{grid-template-columns:repeat(2,1fr)!important}

  html body .wbl-mobile-access{
    display:flex!important;align-items:center;justify-content:center;gap:10px;
    width:100%;box-sizing:border-box;padding:8px 14px 10px;
    background:#fff;border-top:1px solid rgba(8,43,134,.08);
    border-bottom:1px solid rgba(8,43,134,.10);
    box-shadow:0 8px 22px rgba(8,43,134,.08);position:relative;z-index:998;
  }
  html body .wbl-mobile-access a{
    display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
    flex:1 1 0;max-width:260px;min-height:46px;padding:10px 14px;
    border-radius:15px;font-size:13px!important;font-weight:900!important;line-height:1.1!important;
    box-shadow:0 6px 16px rgba(8,43,134,.10);white-space:nowrap;
  }
  html body .wbl-mobile-access-admin{background:#FFD400!important;color:#082B86!important;border:1px solid #FFD400!important}
  html body .wbl-mobile-access-installer{background:#082B86!important;color:#fff!important;border:1px solid #082B86!important}

  /* Small app-style header polish only on tablet/phone. */
  html body .site-header{position:sticky;top:0;z-index:997;background:#fff!important;box-shadow:0 8px 24px rgba(8,43,134,.08)!important}
  html body .menu-toggle{min-height:46px!important;min-width:54px!important;border-radius:14px!important}
  html body .main-nav.open{border-radius:0 0 18px 18px!important;box-shadow:0 16px 32px rgba(8,43,134,.12)!important}
}

@media(max-width:620px){
  .wbl-security-stats{grid-template-columns:1fr 1fr!important}
  html body .wbl-mobile-access{gap:8px;padding:7px 10px 9px}
  html body .wbl-mobile-access a{min-height:44px;padding:9px 9px;font-size:12px!important;border-radius:14px}
}

@media(max-width:380px){
  html body .wbl-mobile-access{gap:6px;padding-left:7px;padding-right:7px}
  html body .wbl-mobile-access a{font-size:11px!important;padding-left:6px;padding-right:6px}
}