/* Almabani US branding overrides for the Roundcube Elastic skin. */

:root {
    --brand: #b8860b;
    --brand-dark: #8b6508;
}

a,
a:not(.btn) {
    color: #b8860b;
}
a:hover,
a:focus {
    color: #8b6508;
}

.btn-primary,
.btn-primary:disabled,
.btn-primary:focus,
.btn-primary:active {
    background: #b8860b !important;
    border-color: #b8860b !important;
    color: #fff;
}
.btn-primary:hover {
    background: #8b6508 !important;
    border-color: #8b6508 !important;
}

#taskmenu .action-buttons a {
    color: #b8860b;
}

.folderlist li.mailbox .unreadcount,
.folderlist li.mailbox.recent > a > .unreadcount {
    background: #b8860b;
}

.popupmenu .listing li.selected,
.popupmenu .listing li > a:not(.disabled):hover,
.popover .menu li a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover {
    background-color: #b8860b !important;
}

.form-control:focus,
.recipient-input.focus,
.multi-input > .content.focused,
.tagedit-list[tabindex="-1"],
.custom-file-input:focus ~ .custom-file-label,
div.tox.focused,
div.tox .tox-textfield:focus {
    border-color: #b8860b !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #b8860b;
    background-color: #b8860b;
}

.quota-widget .value {
    background-color: #b8860b;
}

.floating-action-buttons a.button {
    background: #b8860b;
    box-shadow: 0 0 5px 5px rgba(184, 134, 11, 0.12);
}

/* Login page backdrop + logo sizing (login only; dashboard uses skin defaults) */
body.task-login {
    background: linear-gradient(160deg, #ffffff 0%, #faf3e0 55%, #f2e6c4 100%);
}
.task-login #logo {
    max-width: 240px;
    height: auto;
    width: auto;
}

/* Powered-by footer */
.branding-poweredby-wrap {
    margin-top: 1rem;
    font-size: 0.85rem;
    color: #64748b;
}
.branding-poweredby {
    color: #64748b;
    text-decoration: none;
    font-weight: 500;
}
.branding-poweredby:hover {
    color: #b8860b;
}

@media (max-width: 576px) {
    .task-login #logo {
        max-width: 180px;
    }
}