/* HTMX Loading Bar */
.htmx-indicator {
    display: none;
}
.htmx-request .htmx-indicator {
    display: block;
}
.htmx-request.htmx-indicator {
    display: block;
}

#loading-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--wa-secondary-color);
    z-index: 9999;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform 0.2s ease;
}
.htmx-request #loading-bar {
    transform: scaleX(1);
    animation: loading 2s infinite ease-in-out;
}
@keyframes loading {
    0% { transform: scaleX(0); }
    50% { transform: scaleX(0.7); }
    100% { transform: scaleX(1); }
}

:root {
    color-scheme: light !important;
    --wa-primary-color: #1F225C;
    --wa-secondary-color: #D8461F;
    --header-height: 76px;
    --primary: #1F225C;
    --secondary: #D8461F;
}

.wa-primary-color, .primary { color: #1F225C }
.wa-primary-border-color { border-color: #1F225C }
.wa-primary-background-color { background-color: #1F225C }
.wa-secondary-color, .secondary { color: #D8461F }
.wa-secondary-background-color { background-color: #D8461F }

.wa-headline-font, .wa-paragraph-font { font-family: 'Rubik', sans-serif !important }
.wa-accent-font { font-family: 'Rubik', sans-serif !important; font-weight: 400; font-style: italic; }

body { margin: 0; padding: 0; }
.content { 
    min-height: 60vh; 
    padding-top: var(--header-height);
}