/* Reserved ticket qty colors – load LAST */
.badge.badge-qty-1 {
    background-color: #1f69d8 !important;
    color: #fff !important;
}
.badge.badge-qty-2 {
    background-color: #ffc107 !important;
    color: #212529 !important;
}
.badge.badge-qty-3 {
    background-color: #fd02beff !important;
    color: #fff !important;
}
.badge.badge-qty-4 {
    background-color: #212529 !important;
    color: #fff !important;
}

/* Base tag badge */
.badge-tag {
    color: #fff !important;
    border: 0 !important;
}

/* Specific known tags */
.badge-tag-longside-lower {
    background-color: #1f69d8 !important;
} /* blue */
.badge-tag-south-lower {
    background-color: #6c5ce7 !important;
} /* purple */
.badge-tag-north-lower {
    background-color: #ffc107 !important;
    color: #000 !important;
} /* yellow/black text */
.badge-tag-shortside-lower {
    background-color: #fd02be !important;
} /* pink */
.badge-tag-stretford-end-lower {
    background-color: #0ea5e9 !important;
} /* cyan */
.badge-tag-east-stand-lower {
    background-color: #16a34a !important;
} /* green */
.badge-tag-shortside-upper {
    background-color: #f97316 !important;
} /* orange */
.badge-tag-longside-upper {
    background-color: #8b5cf6 !important;
} /* indigo */
.badge-tag-quadrant {
    background-color: #9333ea !important;
} /* violet */
.badge-tag-single {
    background-color: #dc2626 !important;
} /* red */

/* Default (anything else) */
.badge-tag-dark {
    background-color: #343a40 !important;
}

/* Age Category badge colors – load LAST */
.badge.badge-age-adult {
    background-color: #0d6efd !important; /* Bootstrap primary blue */
    color: #fff !important;
}
.badge.badge-age-child {
    background-color: #ffc107 !important; /* Bootstrap warning yellow */
    color: #212529 !important;
}
.badge.badge-age-senior {
    background-color: #6c757d !important; /* Bootstrap secondary gray */
    color: #fff !important;
}
.badge.badge-age-teen {
    background-color: #20c997 !important; /* Bootstrap teal */
    color: #fff !important;
}
.badge.badge-age-youngadult {
    background-color: #fd7e14 !important; /* Bootstrap orange */
    color: #fff !important;
}

/* Highlight paired rows */
tr.row-paired {
    background-image: linear-gradient(
        to right,
        rgba(13, 110, 253, 0.06),
        transparent
    );
}

/* ===========================
   ✨ Topbar Dropdown Palette (self-scoped)
   =========================== */

/* Hook the menu directly so ancestry doesn't matter */
.dropdown-menu[data-topbar-notif] {
    /* prefer Bootstrap vars so it adapts to theme */
    background: var(--bs-dropdown-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color-translucent) !important;
    box-shadow: var(--bs-box-shadow) !important;
}

/* Text & links inside */
.dropdown-menu[data-topbar-notif],
.dropdown-menu[data-topbar-notif] .dropdown-item,
.dropdown-menu[data-topbar-notif] .dropdown-item a,
.dropdown-menu[data-topbar-notif] .dropdown-item span,
.dropdown-menu[data-topbar-notif] .dropdown-item small,
.dropdown-menu[data-topbar-notif] .text-body,
.dropdown-menu[data-topbar-notif] .text-reset,
.dropdown-menu[data-topbar-notif] .link-offset-2 {
    color: var(--bs-body-color) !important;
}

/* Muted text */
.dropdown-menu[data-topbar-notif] .text-muted,
.dropdown-menu[data-topbar-notif] .text-secondary,
.dropdown-menu[data-topbar-notif] .badge.text-bg-light {
    color: var(--bs-secondary-color) !important;
}

/* SVG icon strokes (Lucide/Tabler) */
.dropdown-menu[data-topbar-notif] svg,
.dropdown-menu[data-topbar-notif] [data-lucide] {
    color: var(--bs-body-color) !important;
    stroke: var(--bs-body-color) !important;
}

/* Hover/active items */
.dropdown-menu[data-topbar-notif] .dropdown-item:hover,
.dropdown-menu[data-topbar-notif] .dropdown-item:focus,
.dropdown-menu[data-topbar-notif] .dropdown-item:active,
.dropdown-menu[data-topbar-notif] .dropdown-item.active {
    color: var(--bs-dropdown-link-hover-color) !important;
    background: var(--bs-dropdown-link-hover-bg) !important;
}

/* Dividers & borders */
.dropdown-menu[data-topbar-notif] .dropdown-divider,
.dropdown-menu[data-topbar-notif] .border-bottom,
.dropdown-menu[data-topbar-notif] .border-top {
    border-color: var(--bs-border-color-translucent) !important;
}

/* Header strip inside dropdown (optional) */
.dropdown-menu[data-topbar-notif] .px-3.py-2 {
    background: var(--bs-body-bg) !important;
}

/* Notification avatar pill */
.dropdown-menu[data-topbar-notif] .avatar-title {
    background: var(--bs-primary-bg-subtle) !important;
    color: var(--bs-primary-text-emphasis) !important;
}

/* Row hover */
.dropdown-menu[data-topbar-notif] .notification-item {
    transition: background-color 0.15s ease;
}
.dropdown-menu[data-topbar-notif] .notification-item:hover {
    background: var(--bs-secondary-bg) !important;
}

/* SimpleBar scrollbar tint */
.dropdown-menu[data-topbar-notif]
    [data-simplebar]
    .simplebar-scrollbar::before {
    background: var(--bs-secondary-color) !important;
}

/* Buttons inside dropdown */
.dropdown-menu[data-topbar-notif] .btn,
.dropdown-menu[data-topbar-notif] .btn-link {
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color-translucent) !important;
}

/* Bell badge (outside menu, keep it readable on any topbar) */
.app-topbar .topbar-badge {
    background: var(--bs-success) !important;
    color: #fff !important;
    border: none !important;
}

/* "Mark all as read" accent */
.dropdown-menu[data-topbar-notif] .btn.btn-link.mark-all {
    color: #ff6b00 !important; /* orange */
}

.dropdown-menu[data-topbar-notif] .btn.btn-link.mark-all:hover {
    color: #e05f00 !important; /* darker orange on hover */
}