/**
 * KansasNet Classic - Horde 6 login page overrides.
 *
 * Horde 6 loads the default theme's screen.css first, then this file
 * (see Horde\Core\Assets\ResponsiveAssets::getCssUrls()). All rules are
 * therefore pure overrides and are scoped to the login page subtree
 * (body.horde-responsive.login-page) so nothing else in Horde is restyled,
 * even if this theme is enabled site-wide.
 *
 * Expected theme graphics (same dir as this stylesheet):
 *   graphics/ksback.jpg   tiled "KansasNet Internet Services" watermark texture
 *   graphics/logo.png     491x116 KansasNet Webmail banner (from old webmail.jpg)
 *   graphics/home.gif     16x16 home icon
 *
 * Deploy as web/themes/horde/kansasnet/screen.css in a horde/bundle install.
 */

/* --- Body: tiled retro watermark texture, banner near the top ------------ */

/* The custom login page (auth.alternate_login) puts the banner and the
 * red notice directly in body before .login-card, so the stock centered
 * flex backdrop is switched to plain block flow. */
.horde-responsive.login-page {
    background: #ffffff url('graphics/ksback.jpg') repeat left top;
    display: block;
    padding-top: 2rem;
}

/* KansasNet brand colors, scoped to the login page subtree only. */
.horde-responsive.login-page {
    --horde-primary: #a2242a;
    --horde-primary-light: #c0392b;
    --horde-primary-dark: #7e1719;
}

/* --- Card: modern rounding, retro 1px black frame (like the old banner) -- */

.horde-responsive .login-card {
    max-width: 560px;
    border: 1px solid #000;
    margin: 0 auto;
}

.horde-responsive .card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.horde-responsive .card-title {
    color: #a2242a;
}

/* --- Banner: the old 491x116 webmail.jpg artwork ------------------------- */

.horde-responsive .login-logo {
    margin-bottom: 1rem;
}

.horde-responsive .login-logo img {
    width: 491px;
    max-width: 100%;
    height: auto;
}

/* --- KansasNet banner + red notice (custom login page only) -------------- */

.horde-responsive .knet-banner {
    max-width: 520px;
    margin: 0 auto 14px;
    text-align: center;
    overflow: hidden;
}

.horde-responsive .knet-banner img {
    display: block;
    width: 491px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.horde-responsive .knet-notice {
    max-width: 560px;
    margin: 0 auto 16px;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    font-size: 15px;
}

/* --- Inputs and button --------------------------------------------------- */

.horde-responsive .form-input {
    border: 1px solid #555555;
    border-radius: 3px;
}

.horde-responsive .form-input:focus {
    border-color: #a2242a;
    box-shadow: 0 0 0 3px rgba(162, 36, 42, 0.12);
}

/* Button recolors via the --horde-primary variables above. */

/* --- MOTD area: the retro notices/links below the form ------------------ */

.horde-responsive .login-motd {
    margin-top: 1rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 14px;
    color: #111111;
}

/* Red announcement line ("We have updated our webmail system"). */
.knet-note {
    margin: 0 0 6px;
    color: #ff0000;
    font-weight: bold;
    font-size: 15px;
}

/* Red security alert block with websec.html link. */
.knet-alert {
    margin: 0 0 14px;
    color: #ff0000;
    line-height: 1.4;
}

.knet-alert a {
    color: #0000ee;
    text-decoration: underline;
}

/* Spam-filter control panel table (dark translucent, retro style). */
.knet-spam {
    width: min(400px, 100%);
    margin: 0 0 14px;
    border-collapse: separate;
    border-spacing: 4px;
    background: rgba(54, 25, 25, 0.3);
    border: 1px solid #808080;
    font-size: 12px;
    text-align: left;
    color: #111111;
}

.knet-spam td {
    padding: 5px;
    vertical-align: top;
    border: 1px solid #808080;
}

.knet-spam a {
    color: #0000ee;
    text-decoration: underline;
}

/* Homepage link row with the little home.gif icons on both sides. */
.knet-home {
    margin: 0 0 10px;
    font-size: 14px;
}

.knet-home img {
    vertical-align: middle;
    margin: 0 4px;
    border: 0;
}

.knet-home a {
    color: #0000ee;
    text-decoration: underline;
}

/* "Miss the old Webmail" link row. */
.knet-oldwebmail {
    font-size: 14px;
}

.knet-oldwebmail a {
    color: #0000ee;
    text-decoration: underline;
}

/* --- Small screens: banner scales down, texture stays -------------------- */

@media (max-width: 480px) {
    .horde-responsive.login-page {
        padding-top: 1rem;
    }
}