/*!
 * Devias CMS — Bootstrap 3 overrides for MuOnline Crimson & Gold theme
 */

html, body { min-width: 0 !important; overflow-x: hidden; }

/* Remove Bootstrap table cell top borders */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: none !important;
}

/* Reset Bootstrap defaults that conflict */
a:focus, a:hover { text-decoration: none !important; }

/* Thumbnail */
.thumbnail { border-color: var(--dh-border) !important; }

/* Label / badge */
.label, .badge { border-radius: 999px; }

/* Alert */
.alert {
    border-radius: 10px;
    border: 1px solid var(--dh-border);
    background: var(--dh-bg-card);
    color: var(--dh-text);
}
.alert-success { border-color: rgba(34,197,94,0.3);    background: rgba(34,197,94,0.07);    color: #86efac; }
.alert-danger  { border-color: rgba(192,57,43,0.4);    background: rgba(192,57,43,0.08);    color: #f87171; }
.alert-warning { border-color: rgba(200,150,12,0.35);  background: rgba(200,150,12,0.07);   color: #f0c040; }
.alert-info    { border-color: rgba(129,140,248,0.3);  background: rgba(129,140,248,0.07);  color: #a5b4fc; }

/* Pagination */
.pagination > li > a,
.pagination > li > span {
    background: transparent;
    border-color: var(--dh-border);
    color: var(--dh-text-muted);
    transition: background .15s, color .15s;
}
.pagination > li > a:hover { background: rgba(192,57,43,0.14); color: #f0d090; }
.pagination > .active > a,
.pagination > .active > span {
    background: rgba(192,57,43,0.22);
    border-color: rgba(231,76,60,0.55);
    color: #f0d090;
}

/* Dropdown */
.dropdown-menu {
    background: var(--dh-bg-card);
    border: 1px solid var(--dh-border);
    border-radius: 10px;
    box-shadow: 0 16px 48px rgba(0,0,0,0.7), 0 0 30px rgba(192,57,43,0.06);
    padding: 4px;
}
.dropdown-menu > li > a {
    color: var(--dh-text);
    border-radius: 6px;
    padding: 7px 12px;
    transition: background .12s, color .12s;
}
.dropdown-menu > li > a:hover {
    background: rgba(192,57,43,0.16);
    color: #f0d090;
}
.dropdown-menu .divider { background: rgba(180,60,50,0.24); }
