/* ═══════════════════════════════════════ */
/* BATI Minato — Branding Override v2     */
/* Colors: Navy #1a1a2e, Red #c0392b      */
/* ═══════════════════════════════════════ */

/* Header background — navy */
.header,
header {
    background-color: #1a1a2e !important;
}

/* Header branding — hide "Harbor" text, show logo */
.branding {
    overflow: hidden;
}
.branding .title {
    font-size: 0 !important;
    visibility: hidden;
}
.branding .title::after {
    visibility: visible;
    font-size: 16px !important;
    font-weight: 700;
    content: "BATI Minato";
    color: #fff;
    letter-spacing: 0.5px;
}

/* Replace header logo — use background-image trick */
.branding .clr-icon,
.branding cds-icon,
.branding clr-icon {
    display: none !important;
}
.branding::before {
    content: "";
    display: inline-block;
    width: 120px;
    height: 36px;
    background-image: url("/images/logo_bati.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 8px;
}

/* Login page — hide "Harbor" title, show "BATI Minato" */
.login .title,
.login-wrapper .title,
.login h3.title,
sign-in-form .title {
    font-size: 0 !important;
    visibility: hidden;
    position: relative;
}
.login .title::after,
.login-wrapper .title::after,
.login h3.title::after,
sign-in-form .title::after {
    visibility: visible;
    font-size: 22px !important;
    font-weight: 700;
    content: "BATI Minato";
    color: #e0e0e0;
    position: absolute;
    left: 0;
    top: 0;
}

/* Primary buttons — red */
.btn-primary,
button.btn-primary,
.btn.btn-primary {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
    color: #fff !important;
}
.btn-primary:hover,
button.btn-primary:hover,
.btn.btn-primary:hover {
    background-color: #a93226 !important;
    border-color: #a93226 !important;
}

/* Links — red accent */
.login a,
.login-wrapper a {
    color: #e74c3c !important;
}

/* Search placeholder */
.header .search input::placeholder {
    color: rgba(255,255,255,0.5);
}

/* Logo image sizing in branding area */
.branding img {
    max-height: 36px !important;
    width: auto !important;
}