/* WebRust webmail branding — overrides voor de Roundcube elastic-skin
   ------------------------------------------------------------------
   Gebruikt het WebRust palet:
     primair  #1B4FE0  (knoppen, links, actieve nav)
     hover    #143fb8
     soft     #EDF1FE  (light blue achtergrond voor selected items)
     bg       #F7F6F2  (warme off-white voor login)
     navy     #0A1A3D  (donker accent)

   Geen `!important` waar mogelijk; alleen waar elastic eigen specifieke
   kleurregels heeft die we anders niet overschrijven.
*/

/* ─── Logo formaat ──────────────────────────────────────────────────
   Cap de hoogte zodat het W-logo niet half het scherm vult. Login
   krijgt een eigen, kleinere cap want elastic rendert het daar XXL. */

img.skin-logo {
    max-height: 36px;
    width: auto;
}

body.task-login img.skin-logo,
body.task-login #logo {
    max-height: 96px !important;
    width: auto !important;
    height: auto !important;
}

/* ─── Primaire knoppen ──────────────────────────────────────────── */

.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
.button.mainaction,
button.mainaction {
    background-color: #1B4FE0 !important;
    border-color: #1B4FE0 !important;
    color: #fff !important;
}
.btn-primary:hover,
button.btn-primary:hover,
.button.mainaction:hover,
button.mainaction:hover,
.btn-primary:focus,
button.btn-primary:focus {
    background-color: #143fb8 !important;
    border-color: #143fb8 !important;
    color: #fff !important;
}

/* ─── Specifieke tekstlinks (login support, footer) ─────────────────
   Geen globale `a` recolor — elastic gebruikt <a> ook voor mail-rijen,
   folders, toolbar-knoppen, etc. en die moeten hun eigen kleur houden. */

a.support-link,
a#supportlink,
a.help-link {
    color: #1B4FE0;
}
a.support-link:hover,
a#supportlink:hover,
a.help-link:hover {
    color: #143fb8;
}

/* ─── Geselecteerde mailbox / message-list rij ──────────────────── */

.list a.selected,
.list li.selected > a,
.listing li.selected > a,
ul.treelist li.selected > a,
table.records-table tbody tr.selected td,
table.records-table tbody tr.focused td {
    background-color: #EDF1FE !important;
    color: #1B4FE0 !important;
}

/* Hover over folder list */
ul.treelist li > a:hover {
    background-color: rgba(27, 79, 224, 0.06);
}

/* ─── Toolbar accent / actieve tab ──────────────────────────────── */

.toolbar a.button.selected,
.toolbar a.button.active,
ul.toolbarmenu li a.active {
    color: #1B4FE0;
}

/* ─── Form inputs focus-ring in WebRust blauw ───────────────────── */

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: #1B4FE0 !important;
    box-shadow: 0 0 0 3px rgba(27, 79, 224, 0.15) !important;
}

/* ─── Checkbox / radio accent ───────────────────────────────────── */

input[type="checkbox"],
input[type="radio"] {
    accent-color: #1B4FE0;
}

/* ─── Folder unread badge en counters ───────────────────────────── */

.unreadcount,
.badge.unread {
    background-color: #1B4FE0;
    color: #fff;
}

/* ─── Verberg Roundcube "no message selected" cube-illustratie ───
   Elastic rendert een iframe met `watermark.html` (3D-cube SVG) in
   het lege preview-pane. We hiden de iframe zelf — maakt het lege
   pane gewoon leeg ipv met Roundcube branding. */

iframe[src*="watermark.html"],
iframe[src*="watermark"] {
    display: none !important;
}