/* ==========================================================================
   University of Konstanz Corporate Design Overrides
   ========================================================================== */

/* --- 1. Global Layout & Variables --- */

/* Adjust header height to accommodate the 5rem logo */
:root {
    --header-height: 7rem;
}

/* --- 2. Typography & Links --- */

/* Base color is Seeblau 100%, hover state is Seeblau 65% */
a, a:visited {
    color: #00a9e0;
}

a:hover {
    color: #59c7eb;
}

/* --- 3. Buttons --- */

/* Enforce Seeblau for standard, disabled, and hover states */
.btn-primary {
    border-color: #00a9e0;
    background-color: #00a9e0;
}

.btn-primary[disabled] {
    border-color: #a6e1f4;
    background-color: #a6e1f4;
}

.btn-primary:hover {
    border-color: #59c7eb;
    background-color: #59c7eb;
}

/* Secondary buttons (e.g., Feedback button) */
.btn-secondary {
    background-color: #4b4b4b; /* Dark grey for secondary actions */
    border-color: #4b4b4b;
    color: #ffffff;
    border-radius: 0 !important; /* Enforce square corners */
}

.btn-secondary:hover {
    background-color: #000000; /* Deep black on hover */
    border-color: #000000;
    color: #ffffff;
}

/* Disabled state for secondary buttons */
.btn-secondary[disabled] {
    background-color: #e0e0e0; /* Light grey when disabled */
    border-color: #e0e0e0;
    color: #999999;
}

/* --- 4. Chat Interface: Messages --- */

/* General chat message styling (sharp edges) */
.message {
    max-width: 85%;
    border-radius: 0;
}

/* User message bubbles (flat Constance Lake Blue) */
.user {
    background-image: none !important;
    background-color: #00a9e0 !important;
    color: #ffffff !important;
}

/* --- 5. Chat Interface: Input Area --- */

/* Match input wrapper border radius with message bubbles */
#input-wrapper-orso {
    border-radius: 0 !important;
}

/* Input area shadow (35% opacity Seeblau) */
textarea#user-input {
    box-shadow: 0 0 0 .25rem rgba(0, 169, 224, 0.35);
}

/* Stronger shadow and border color on focus (65% opacity Seeblau) */
textarea#user-input:focus {
    box-shadow: 0 0 0 .25rem rgba(0, 169, 224, 0.65);
    border-color: #00a9e0;
}

/* --- 6. Header & Navigation (Light / Dark Mode) --- */

/* Force the header container to take up 100% width, limit it to the chat's width */
#navbar-header {
    display: flex !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important; /* Centers the header container on the screen */
    padding: 0 0.5rem !important; /* Adds horizontal padding to prevent content from touching the edges */
    justify-content: space-between !important; /* Pushes the first item left, last item right */
    align-items: center !important;
}

/* Hide the empty container that pushes the logo to the center */
#navbar-before {
    display: none !important;
}

/* Enlarge logos strictly within the navigation bar */
#navbar-header img#lightlogo,
#navbar-header img#darklogo {
    height: 5rem !important;
}

/* Hide logos completely on mobile devices (screens smaller than 768px) */
@media (max-width: 768px) {
    :root {
        --header-height: 3rem;
    }

    #navbar-header img#lightlogo,
    #navbar-header img#darklogo {
        display: none !important;
    }
}

/* Dark Mode: Constance Lake Blue background */
[data-bs-theme="dark"] .navbar.fixed-top {
    background-color: #00a9e0 !important;
}

/* Dark Mode: Black text for contrast */
[data-bs-theme="dark"] .navbar.fixed-top .h4 {
    color: #000000 !important;
}

/* Dark Mode: Button styling inside the blue header */
[data-bs-theme="dark"] .navbar.fixed-top .btn-outline-secondary {
    color: #000000 !important;
    border-color: rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .navbar.fixed-top .btn-outline-secondary:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

/* Hide the language toggle button */
#lang-toggle-button {
    display: none !important;
}

/* Hide the language toggle button */
#lang-toggle-button {
    display: none !important;
}

/* --- 7. Footer Adjustments --- */

/* Hide the external library logo */
#bibki_icon_link {
    display: none !important;
}

/* Style the footer info button with Constance Lake Blue */
#footer-info-button {
    color: #00a9e0 !important;
}