/* TSPG USA — LibreBooking brand overrides
 * Loaded via config.php  'css.extension.file' => '/Web/css/tspgusa-theme.css'
 * Layered on top of the 'french_blue' base theme.
 *
 * NOTE: this file is a single-file bind mount. After editing on the host run
 *   docker restart librebooking-app
 * A reload will NOT pick up the change (inode is replaced, not the contents).
 */

:root {
    --tspg-primary: #1f4e79;
    --tspg-primary-dark: #163a5a;
    --tspg-accent: #2e8bc0;
    --tspg-text-on-primary: #ffffff;
}

/* Header / navbar */
.navbar-inner,
.navbar .navbar-inner {
    background: var(--tspg-primary);
    border-bottom: 3px solid var(--tspg-accent);
}

.navbar .brand,
.navbar .nav > li > a {
    color: var(--tspg-text-on-primary);
}

.navbar .nav > li > a:hover,
.navbar .nav > .active > a {
    background-color: var(--tspg-primary-dark);
    color: var(--tspg-text-on-primary);
}

/* Primary action buttons */
.btn-primary,
.btn-primary:focus {
    background: var(--tspg-primary);
    border-color: var(--tspg-primary-dark);
}

.btn-primary:hover,
.btn-primary:active {
    background: var(--tspg-primary-dark);
    border-color: var(--tspg-primary-dark);
}

/* Login panel */
.login-box legend,
#loginBox legend {
    color: var(--tspg-primary);
}

/* Make the SSO button visually dominant over the local login form */
#oauth2Login,
a[href*="oauth2-auth.php"] {
    font-weight: 600;
}

/* Schedule / reservation accents */
.reserved,
.reservation.mine {
    border-left: 4px solid var(--tspg-accent);
}

/* Page headings */
h1, h2, legend {
    color: var(--tspg-primary);
}

/* Header logo — TGI Power mark.
 * The file at Web/img/librebooking.png is replaced by a bind mount, so the
 * markup needs no change. Cap the rendered height so the navbar keeps its
 * proportions regardless of the source image size.
 */
.navbar .brand img,
#logo img,
img[src*="librebooking.png"] {
    max-height: 60px;
    width: auto;
}