/* Sibuna Interactive branding overrides for the Roundcube Elastic skin. */

:root {
    --brand: #ff0000;
    --brand-dark: #630330;
}

a, a:not(.btn) { color: #e01a1a; }
a:hover, a:focus { color: #630330; }

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

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

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

.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: #e01a1a !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: #e01a1a !important; }

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

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

.floating-action-buttons a.button {
    background: #e01a1a;
    box-shadow: 0 0 5px 5px rgba(224, 26, 26, 0.12);
}

body.task-login {
    background: linear-gradient(160deg, #ffffff 0%, #fdecec 55%, #f9d6d6 100%);
}
.task-login #logo { max-width: 240px; height: auto; width: auto; }

.branding-poweredby-wrap { margin-top: 1rem; font-size: 0.85rem; color: #722f37; }
.branding-poweredby { color: #722f37; text-decoration: none; font-weight: 500; }
.branding-poweredby:hover { color: #e01a1a; }

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