/**
 * Kitsofts-only helpers on top of HealthKits themes (no theme token overrides).
 * Theme colors come from hkits-themes.css exactly like kitmedical.
 */

/* Login — multi-shop picker modals */
body.hkits-login .modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1050;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

body.hkits-login .modal-overlay.is-open,
body.hkits-login .modal-overlay.open {
    display: flex;
}

body.hkits-login .modal-overlay.hidden {
    display: none !important;
}

body.hkits-login .font-digital {
    font-family: "Courier New", Courier, monospace;
    font-weight: 700;
}

/* Brand logo / icon from assets/logo + assets/icon */
.hkits-topnav .navbar-brand.hkits-desktop-brand,
.hkits-topnav .navbar-brand.hkits-mobile-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.hkits-topnav .hkits-brand-logo,
.hkits-topnav .hkits-facility-brand img,
.hkits-topnav .navbar-brand img {
    height: 36px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    vertical-align: middle;
    background: #ffffff;
    border-radius: 6px;
    padding: 2px 4px;
}

body.hkits-login .hkits-login-panel .panel-heading img {
    display: block;
    margin: 0 auto 10px;
    max-height: 96px;
    width: auto;
    max-width: min(260px, 80%);
    object-fit: contain;
    background: #ffffff;
    border-radius: 10px;
    padding: 8px 12px;
}