/* AvonturenEvents webmail-huisstijl (site-kleuren: donker #17150f, goud #c9973f/#dfb05c, licht #cfc6b2) */

/* Login: foto-achtergrond met donkere waas
   (html-prefix nodig: de elastic-css bevat een Tukkertickets-gradient met !important) */
html body.task-login,
html body.task-login #layout {
    background: url("login-bg.avif") center / cover no-repeat fixed !important;
}
html body.task-login #layout-content {
    background: rgba(23, 21, 15, 0.55) !important;
}

/* Logo: groot maar met behoud van verhoudingen (niet platdrukken) */
.task-login #logo {
    width: auto !important;
    height: auto !important;
    max-width: min(300px, 80%) !important;
    max-height: 150px !important;
    object-fit: contain;
    margin: 0 auto 1rem;
    display: block;
}

/* Login-kaart in huisstijl */
.task-login #login-form {
    background: rgba(23, 21, 15, 0.93) !important;
    border-radius: 14px;
    padding: 2rem 2.25rem;
    max-width: 26rem;
    margin: 8vh auto auto;
    box-shadow: 0 10px 44px rgba(0, 0, 0, 0.55);
}
.task-login #login-form label,
.task-login #login-footer,
.task-login #layout-content .footer {
    color: #cfc6b2 !important;
}

/* Gouden actieknop */
.task-login button.mainaction {
    background: #c9973f !important;
    border-color: #c9973f !important;
    color: #17150f !important;
    font-weight: 600;
}
.task-login button.mainaction:hover,
.task-login button.mainaction:focus {
    background: #dfb05c !important;
    border-color: #dfb05c !important;
}

/* ===== Huisstijl door de hele webmail (brandbook-kleuren) ===== */

/* Zijbalk donker met gouden actieve items */
html body #layout-menu,
html body #taskmenu {
    background-color: #17150f !important;
}
#taskmenu a.selected,
#taskmenu a:hover,
#layout-menu .menu a.selected,
#layout-menu .special-buttons a.selected {
    color: #c9973f !important;
}

/* Primaire knoppen in goud */
html body button.mainaction,
html body .btn-primary {
    background-color: #c9973f !important;
    border-color: #c9973f !important;
    color: #17150f !important;
}
html body button.mainaction:hover,
html body .btn-primary:hover,
html body button.mainaction:focus,
html body .btn-primary:focus {
    background-color: #dfb05c !important;
    border-color: #dfb05c !important;
    color: #17150f !important;
}

/* Links in goudbruin (mailinhoud zelf blijft onaangetast, die zit in een iframe) */
#layout-content a:not(.btn),
#layout-sidebar a:not(.btn) {
    color: #a5762b;
}
#layout-content a:not(.btn):hover,
#layout-sidebar a:not(.btn):hover {
    color: #845a0f;
}

/* Geselecteerde mail/mapregels met gouden tint */
.listing li.selected > a,
.listing tr.selected td,
#messagelist tr.selected td {
    background-color: rgba(201, 151, 63, 0.18) !important;
}

/* Focusranden op invoervelden in goud */
html body .form-control:focus,
html body input:focus,
html body select:focus,
html body textarea:focus {
    border-color: #c9973f !important;
    box-shadow: 0 0 0 0.2rem rgba(201, 151, 63, 0.25) !important;
}