/* Transparent, fixed header over hero */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1050;color:#fff}
.site-header .container{backdrop-filter:saturate(120%) blur(6px);padding-top:1rem;padding-bottom:1rem}
.site-header a,.site-header strong{color:#fff}
.site-header .dropdown-menu{min-width:12rem;background:rgba(17,24,39,.9);backdrop-filter:saturate(120%) blur(6px);border:1px solid rgba(255,255,255,.1);color:#fff;z-index:2000}
.site-header .dropdown-item{color:#fff}
.site-header .dropdown-item:hover{background:rgba(255,255,255,.08);color:#fff}

/* make header logo white via mask (works even if SVG is black) */
.site-header .site-logo{display:inline-block;width:34px;height:34px;background-color:#fff;-webkit-mask:url('/favicon.svg') no-repeat center/contain;mask:url('/favicon.svg') no-repeat center/contain}

/* increase menu/link text and brand */
.site-header .main-nav{gap:1.25rem}
.site-header .main-nav a{font-size:1.3rem}
.site-header strong{font-size:1.4rem}

/* enlarge language selector */
.site-header .dropdown .btn.btn-sm{font-size:1rem;padding:.45rem .7rem}

/* optional subtle top gradient for readability over image */
.site-header::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0));pointer-events:none}

/* Footer styles */
.site-footer{background:#0b1220;color:#d1d5db;border-top:1px solid rgba(255,255,255,.08);overflow:visible}
/* Base badge size and computed target scaling */
.site-footer .trust-badge{
  display:block;height:80px;width:auto;filter:saturate(.95) contrast(1.05);
  /* compute scale to reach ~1/4 of the screen (use smaller viewport dimension) */
  --trust-target: 25vmin;            /* expanded target size */
  --trust-scale: calc(var(--trust-target) / 80px);
  transform:scale(1);transform-origin:bottom right;transition:transform .25s ease;will-change:transform
}
@media (max-width:576px){
  .site-footer .trust-badge{height:64px;--trust-scale: calc(var(--trust-target) / 64px)}
}
.site-footer .trust-link{opacity:.9}
.site-footer .trust-link:hover{opacity:1}
/* Expanded state: hover/focus/active -> scale to 1/4 screen */
@media (any-hover: hover){
  .site-footer .trust-link:hover .trust-badge,
  .site-footer .trust-link:focus-visible .trust-badge{transform:scale(var(--trust-scale))}
}
/* Touch/coarse pointers: also expand on focus and while pressed */
@media (hover: none){
  .site-footer .trust-link:focus .trust-badge,
  .site-footer .trust-link:active .trust-badge{transform:scale(var(--trust-scale))}
}
/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .site-footer .trust-badge{transition:none}
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }