/* Dotcom.mt brand overrides for Roundcube Elastic. Loaded via the dotcommt_brand plugin.
   Replaces Elastic's blue accent (#37beff) with the dotcom.mt orange (#ff9933). */

:root { --dc-orange: #ff9933; --dc-orange-dark: #e6862e; }

/* Native accent for checkboxes, radios, range, progress — modern browsers */
html { accent-color: #ff9933; }

/* Primary action buttons: login, send, save, dialog main action */
.btn-primary,
button.btn.primary,
.formbuttons .btn.mainaction,
.ui-dialog .ui-dialog-buttonpane .ui-button.mainaction,
#rcmloginsubmit,
.pretty-select .btn.primary {
    background-color: #ff9933 !important;
    border-color: #ff9933 !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus,
button.btn.primary:hover,
.formbuttons .btn.mainaction:hover,
#rcmloginsubmit:hover, #rcmloginsubmit:focus {
    background-color: #e6862e !important;
    border-color: #e6862e !important;
}

/* Links */
a, a:active, a:visited { color: #d97a1f; }
a:hover { color: #e6862e; }

/* Selected task in the far-left menu + active toolbar items */
#taskmenu a.selected,
#taskmenu a:hover,
.toolbarmenu li a.active,
.menu li a.active {
    color: #ff9933 !important;
}
#taskmenu a.selected .inner { color: #ff9933 !important; }

/* Selected message / list rows get an orange marker */
.listing tbody tr.selected > td:first-child,
.listing li.selected > a,
table.listing tbody tr.selected > td {
    box-shadow: inset 3px 0 0 #ff9933;
}

/* Focused form fields */
.form-control:focus, input:focus, select:focus, textarea:focus {
    border-color: #ff9933 !important;
    box-shadow: 0 0 0 0.15rem rgba(255,153,51,0.25) !important;
}

/* Login screen: give the logo room and a subtle brand touch */
#login-form { border-top: 3px solid #ff9933; }
#logo, .logo, img.logo { max-height: 52px; width: auto; }

/* Unread count / badges */
.unreadcount, span.badge.unread { background-color: #ff9933 !important; }

/* Compose button (toolbar + floating action button) — thematic orange, not Elastic blue */
a.compose,
a.compose.button,
.floating-action-buttons a.compose,
.toolbar a.button.compose,
.compose.mainaction {
    background-color: #ff9933 !important;
    border-color: #ff9933 !important;
    color: #fff !important;
}
a.compose:hover, a.compose:focus,
.floating-action-buttons a.compose:hover {
    background-color: #e6862e !important;
    border-color: #e6862e !important;
}
/* keep the icon/glyph white on the orange button */
a.compose::before, a.compose .inner { color: #fff !important; }