/* =============================================
   UniGroupe — Vaultwarden Custom Branding
   ============================================= */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* ---- Body offset for UniGroupe nav bar ---- */
body {
    padding-top: 44px !important;
}

/* Push ALL fixed-position Vaultwarden elements below the bar */
body .tw-fixed,
body [class*="tw-fixed"] {
    margin-top: 44px !important;
}

/* Don't offset our own bar */
#unigroupe-bar {
    margin-top: 0 !important;
}

/* Ensure the main layout accounts for the bar */
app-root > .tw-flex.tw-min-h-\[100vh\] {
    min-height: calc(100vh - 44px) !important;
}

/* Sticky elements also need the offset */
body .tw-sticky {
    top: 44px !important;
}

/* Modals / overlays: ensure they aren't hidden behind the bar */
body .cdk-overlay-container,
body .modal,
body [class*="dialog"] {
    margin-top: 0 !important;
}

/* ---- Typography ---- */
body, html {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Sora', 'DM Sans', sans-serif !important;
}

/* ---- Accent color override (electric blue) ---- */
:root {
    --color-primary-600: #3B7DED !important;
    --color-primary-700: #2d6ad4 !important;
    --color-primary-300: #5B9BFF !important;
}

/* Bitwarden/Vaultwarden specific overrides */
.tw-bg-primary-600 {
    background-color: #3B7DED !important;
}

.tw-text-primary-600 {
    color: #3B7DED !important;
}

.tw-border-primary-600 {
    border-color: #3B7DED !important;
}

.tw-ring-primary-600 {
    --tw-ring-color: #3B7DED !important;
}

/* Button overrides */
button.tw-bg-primary-600:hover,
a.tw-bg-primary-600:hover {
    background-color: #5B9BFF !important;
}

/* Login page logo area */
.new-logo-themed {
    max-height: 40px;
}