/* ============================================================
   Ballour Admin Theme v2 — Plugin Overrides
   Catches plugin styles that the other v2 files don't handle.
   ============================================================ */

/* ============================================================
   BOOTSTRAP MATERIAL DATETIMEPICKER
   ============================================================ */
body.theme-v2 .dtp {
    font-family: var(--bl-font);
    border-radius: var(--bl-radius-lg);
    overflow: hidden;
}

body.theme-v2 .dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: var(--bl-brand) !important;
}

body.theme-v2 .dtp div.dtp-date,
body.theme-v2 .dtp div.dtp-time {
    background: var(--bl-brand-600) !important;
}

body.theme-v2 .dtp table.dtp-picker-days tr > td > a.selected {
    background: var(--bl-brand) !important;
    color: #fff !important;
}

body.theme-v2 .dtp .dtp-buttons .dtp-btn-ok,
body.theme-v2 .dtp .dtp-buttons .dtp-btn-cancel,
body.theme-v2 .dtp .dtp-buttons .dtp-btn-clear {
    color: var(--bl-brand) !important;
    font-weight: 700;
}

/* ============================================================
   CLOCKPICKER
   ============================================================ */
body.theme-v2 .clockpicker-popover {
    border-radius: var(--bl-radius);
    border: 1px solid var(--bl-border);
    box-shadow: var(--bl-shadow-lg);
}

body.theme-v2 .clockpicker-popover .popover-title {
    background: var(--bl-surface-2);
    border-bottom: 1px solid var(--bl-border);
}

body.theme-v2 .clockpicker-canvas line {
    stroke: var(--bl-brand) !important;
}

body.theme-v2 .clockpicker-canvas-fg,
body.theme-v2 .clockpicker-canvas-bearing {
    fill: var(--bl-brand) !important;
}

/* ============================================================
   MULTISELECT
   ============================================================ */
body.theme-v2 .ms-container .ms-list {
    border: 1px solid var(--bl-border);
    border-radius: var(--bl-radius-sm);
}

body.theme-v2 .ms-container .ms-selectable li.ms-elem-selectable.ms-hover,
body.theme-v2 .ms-container .ms-selection li.ms-elem-selection.ms-hover {
    background: var(--bl-tint-blue-bg);
    color: var(--bl-tint-blue-fg);
}

/* ============================================================
   WYSIHTML5
   ============================================================ */
body.theme-v2 ul.wysihtml5-toolbar {
    background: var(--bl-surface-2);
    border-radius: var(--bl-radius-sm) var(--bl-radius-sm) 0 0;
    border: 1px solid var(--bl-border);
    border-bottom: none;
    padding: 6px;
}

body.theme-v2 ul.wysihtml5-toolbar li {
    margin-inline-end: 4px;
}

body.theme-v2 ul.wysihtml5-toolbar a.btn,
body.theme-v2 ul.wysihtml5-toolbar a.btn-default {
    background: transparent;
    border: 1px solid transparent;
    color: var(--bl-text);
    border-radius: var(--bl-radius-sm);
}

body.theme-v2 ul.wysihtml5-toolbar a.btn.wysihtml5-command-active,
body.theme-v2 ul.wysihtml5-toolbar a.btn-default.wysihtml5-command-active {
    background: var(--bl-brand);
    color: #fff;
    border-color: var(--bl-brand);
}

/* ============================================================
   TOAST (jquery.toast)
   ============================================================ */
body.theme-v2 .jq-toast-wrap .jq-toast-single {
    border-radius: var(--bl-radius);
    box-shadow: var(--bl-shadow-lg);
    font-family: var(--bl-font);
}

/* ============================================================
   CROPPER
   ============================================================ */
body.theme-v2 .cropper-container {
    border-radius: var(--bl-radius-sm);
    overflow: hidden;
}

body.theme-v2 .cropper-line {
    background: var(--bl-brand);
}

body.theme-v2 .cropper-point {
    background: var(--bl-brand);
}

/* ============================================================
   LOADER variations
   ------------------------------------------------------------
   NOTE: the global preloader (.Custom_preloader > .loader) is
   restyled in shell.css as a dual-ring spinner. Don't apply
   border-* here or it will override that.
   We only target stand-alone .loader elements that appear OUTSIDE
   the .Custom_preloader (e.g. local in-page loaders).
   ============================================================ */
body.theme-v2 .loader:not(.Custom_preloader .loader) {
    border-color: var(--bl-tint-blue-bg);
    border-top-color: var(--bl-brand);
}

/* ============================================================
   FONT AWESOME / MDI minor smoothing
   ============================================================ */
body.theme-v2 .fa,
body.theme-v2 .fas,
body.theme-v2 .far,
body.theme-v2 .fab,
body.theme-v2 .mdi {
    -webkit-font-smoothing: antialiased;
}

/* ============================================================
   Material Icons sizing
   ============================================================ */
body.theme-v2 .material-icons {
    font-size: 18px;
    vertical-align: middle;
}