/* =============================================================================
   TCG Admin — UI overrides (loaded after sb-admin-2.min.css)
   Do NOT modify Bootstrap or SB Admin 2 core files.
   ============================================================================= */

/* ── Base ─────────────────────────────────────────────────────────────────── */
body {
    font-size: 0.875rem;
}

/* ── Sidebar — dark neutral theme ────────────────────────────────────────── */
.tcg-sidebar-dark {
    background: #1f2933;
}

.sidebar .sidebar-brand {
    height: 3.75rem;
    font-size: 0.85rem;
    letter-spacing: 0.03rem;
}

.sidebar .nav-item .nav-link {
    padding: 0.55rem 1rem;
    font-size: 0.82rem;
}

.sidebar .nav-item .nav-link i {
    font-size: 0.85rem;
    margin-right: 0.35rem;
}

.sidebar .sidebar-heading {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.45);
    padding: 0 1rem;
    margin-top: 0.75rem;
}

.sidebar-dark .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.72);
}

.sidebar-dark .nav-item .nav-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
}

.sidebar-dark .nav-item.active .nav-link {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

.sidebar .collapse-inner {
    border-radius: 0.15rem !important;
}

/* ── Global border-radius tightening ─────────────────────────────────────── */
.btn,
.form-control,
.custom-select,
.card,
.dropdown-menu,
.input-group-text {
    border-radius: 0.15rem;
}

.form-control,
.custom-select,
.btn {
    font-size: 0.82rem;
}

.card {
    border-radius: 0.2rem;
}

/* ── Sidebar toggle — fix double-fire caused by missing type="button" ─────── */
/* The sidebarToggleTop button is inside a <form>; without type=button it       */
/* defaults to type=submit, reloading the page and making the toggle appear     */
/* to snap back. This is fixed structurally in topbar.php.                      */

/* ── Sidebar collapse button ──────────────────────────────────────────────── */
/* SB Admin 2 uses ::after to render a CSS arrow glyph. Since we're putting   */
/* an explicit <i class="fa fa-bars"> inside the button, suppress the          */
/* pseudo-element so it doesn't render an extra bar on hover.                  */
#sidebarToggle {
    background: rgba(255, 255, 255, 0.08);
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
    transition: background 0.15s, color 0.15s;
}

#sidebarToggle:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

/* Kill the pseudo-element arrow that SB Admin 2 generates */
#sidebarToggle::before,
#sidebarToggle::after {
    content: none !important;
    display: none !important;
}

/* ── Sidebar card — hide the rocket promo card on the new dark sidebar ──────  */
.tcg-sidebar-dark .sidebar-card {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.tcg-sidebar-dark .sidebar-card p,
.tcg-sidebar-dark .sidebar-card .btn {
    color: rgba(255, 255, 255, 0.75);
}