/* Mum n Me webmail brand (webmail.mumnme.dotcom.mt): dotcom.mt brand.css with the orange accent swapped for Mum n Me purple #7273b2 */
/* Dotcom.mt brand overrides for Roundcube Elastic. Loaded via the dotcommt_brand plugin.
   Replaces Elastic's blue accent (#37beff) with the dotcom.mt orange (#7273b2). */

:root { --dc-orange: #7273b2; --dc-orange-dark: #5f609b; }

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

/* 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: #7273b2 !important;
    border-color: #7273b2 !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus,
button.btn.primary:hover,
.formbuttons .btn.mainaction:hover,
#rcmloginsubmit:hover, #rcmloginsubmit:focus {
    background-color: #5f609b !important;
    border-color: #5f609b !important;
}


/* Selected task in the far-left menu + active toolbar items */
#taskmenu a.selected,
#taskmenu a:hover,
.toolbarmenu li a.selected,
.menu li a.selected {
    color: #7273b2 !important;
}
#taskmenu a.selected .inner { color: #7273b2 !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 #7273b2;
}

/* Focused form fields */
.form-control:focus, input:focus, select:focus, textarea:focus {
    border-color: #7273b2 !important;
    box-shadow: 0 0 0 0.15rem rgba(114,115,178,0.25) !important;
}

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

/* Unread count / badges */
.unreadcount, span.badge.unread { background-color: #7273b2 !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: #7273b2 !important;
    border-color: #7273b2 !important;
    color: #fff !important;
}
a.compose:hover, a.compose:focus,
.floating-action-buttons a.compose:hover {
    background-color: #5f609b !important;
    border-color: #5f609b !important;
}
/* keep the icon/glyph white on the orange button */
a.compose::before, a.compose .inner { color: #fff !important; }

/* Menus/popups keep default (dark) text for contrast — never brand-orange */
.popupmenu a:not(.selected), .toolbarmenu a:not(.selected), div.contextmenu a:not(.selected), ul.menu a:not(.selected), .menu a:not(.selected) { color: inherit; }