/* Variable defining */

:root {
    --brand-main: #35158d;
    --brand-main-dark: #271066;
}

/* btn success */
.btn-success {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
    border-radius: 6px !important;
}

.btn-success:hover {
    background-color: var(--brand-main-dark) !important;
    border-color: var(--brand-main-dark) !important;
}

/* btn primary */
.btn-primary {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
    border-radius: 6px !important;
}

.btn-primary:hover {
    background-color: var(--brand-main-dark) !important;
    border-color: var(--brand-main-dark) !important;
}

.customize-button.btn-primary {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
    color: white !important;
}

.customize-button.btn-primary:hover {
    background-color: var(--brand-main-dark) !important;
    border-color: var(--brand-main-dark) !important;
    color: white !important;
}


/* Panel */
.panel-success>.panel-heading {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.panel-primary>.panel-heading {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.panel {
    border-radius: 6px !important;
}

.panel .panel-heading {
    border-radius: 6px 6px 0px 0px !important;
}

.panel-title,
.panel-title > a {
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* Tab titles (nav-tabs) - applied globally */
.nav-tabs > li > a {
    font-weight: 600 !important;
}

/* Form field labels - applied globally */
label {
    font-weight: 600 !important;
}

/* Required field asterisk - larger */
label.required::after {
    font-size: 15px !important;
}

/* Input / select / textarea fields - applied globally */
.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="date"],
select,
textarea {
    border-radius: 6px !important;
    border: 1px solid #BE109540 !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    border-color: #BE1095 !important;
    box-shadow: none !important;
}



/* Table */
.pagination>.active>span {
    background-color: var(--brand-main) !important;
}

.btn-default {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

/* Search field with icon (input-group) */
.input-group .form-control:first-child {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.input-group-btn:last-child > .btn {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* Sidebar (organiser + admin panel) */
aside.sidebar.sidebar-left.sidebar-menu {
    background: linear-gradient(180deg, #1a0b53 0%, #2d117f 100%) !important;
}

aside.sidebar.sidebar-left.sidebar-menu .heading,
aside.sidebar.sidebar-left.sidebar-menu .events-sidebar,
aside.sidebar.sidebar-left.sidebar-menu ul.topmenu > li > a,
aside.sidebar.sidebar-left.sidebar-menu ul.topmenu > li > a .text,
aside.sidebar.sidebar-left.sidebar-menu ul.topmenu > li > a .figure {
    color: #ffffff !important;
}

aside.sidebar.sidebar-left.sidebar-menu .nav-divider {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

aside.sidebar.sidebar-left.sidebar-menu ul.topmenu > li.active > a,
aside.sidebar.sidebar-left.sidebar-menu ul.topmenu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-radius: 6px;
}

aside.sidebar.sidebar-left.sidebar-menu .heading {
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    opacity: 0.9;
}

aside.sidebar.sidebar-left.sidebar-menu .events-sidebar {
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    opacity: 0.75;
}

aside.sidebar.sidebar-left.sidebar-menu ul.topmenu > li > a .text {
    font-weight: 400 !important;
}

aside.sidebar.sidebar-left.sidebar-menu ul.topmenu > li.active > a .text {
    font-weight: 700 !important;
}

aside.sidebar.sidebar-left.sidebar-menu ul.topmenu > li > a:hover .text {
    font-weight: 600 !important;
}


.modal-header {
    background-color: var(--brand-main) !important;
}

.table:not(.table-bordered) {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.table>thead>tr>th {
    background-color: var(--brand-main) !important;
    font-weight: 600 !important;
}

.table>thead>tr>th:first-child {
    border-top-left-radius: 6px !important;
}

.table>thead>tr>th:last-child {
    border-top-right-radius: 6px !important;
}

.table td,
.table th {
    font-size: 14px !important;
}

.table-responsive {
    border-radius: 6px !important;
}

.stat-box {
    border-radius: 6px !important;
    box-shadow: 2px 2px 5px #be1095c9 !important;
}

.stat-box h3 {
    font-weight: 600 !important;
}

#header.navbar li.profile .text {
    font-weight: 600 !important;
}

.btn-danger {
    background: #be1095 !important;
    border-color: #be1095 !important;

}

/* Event card date badge (Organiser Events list) */
.event-date {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    color: var(--brand-main) !important;
    border-radius: 6px !important;
}

.event-date .day,
.event-date .month {
    color: #BE1095 !important;
    font-weight: 700 !important;
}

/* Event status badges (Public/Live, Draft, Ended) */
.visibility_live_span {
    background: #2FAE63 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
}

.visibility_draft_span {
    background: #D9536B !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
}

.panel.event .panel-body h4.nm {
    font-weight: 600 !important;
}

.panel.event .panel-footer a {
    font-weight: 600 !important;
}

/* Ticket panel/card (Customize > Tickets) */
.panel.ticket .panel-footer {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.panel.ticket .panel-body h4.nm {
    font-weight: 700 !important;
}

.panel.ticket .pauseTicketSales.label {
    border-radius: 6px !important;
}

/* Action buttons - applied globally */
.btn {
    border-radius: 6px !important;
}

/* Modal / popup window - applied globally */
.modal-content {
    border-radius: 6px !important;
}

.modal-header {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.modal-footer {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* Modal body - round bottom corners when there's no modal-footer below it */
.modal-body:last-child {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* Order status label (Orders listing) */
.table .label {
    border-radius: 6px !important;
}

/* Share event buttons (Event Dashboard) */
.rrssb-buttons li a {
    border-radius: 6px !important;
}

/* Back to top button */
.totop {
    border-radius: 6px !important;
}

/* Earnings table - status column badges */
#earnings-table .badge {
    border-radius: 999px !important;
    padding: 0px 5px !important;
}


/* Paid Out / Pending status badges - applied globally */
.badge-pill {
    border-radius: 999px !important;
}

/* Go Live button - greyed out state when event is already live */
.btn_event_gray.live {
    border-color: inherit !important;
    background-color: #d9d9d9 !important;
}

/* Sidebar no longer needs to be pushed down for the not-live banner -
   it now renders inside the body content area, not above the sidebar */
.sidebar.event_not_live {
    margin-top: 0px !important;
}