/* ============================================================
   XUI ONE - WHMCS Custom Theme  
   Design: Dark / Pink gradient matching xui-one.com
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

:root {
    --pink:       #ee5586;
    --pink-dark:  #a5215e;
    --pink-glow:  rgba(238, 85, 134, 0.25);
    --grad-pink:  linear-gradient(-60deg, #ee5586 0%, #a5215e 100%);
    --grad-dark:  linear-gradient(240deg, #000000 50%, #3f004a 100%);
    --dark-0:     #080810;
    --dark-1:     #0e0e1a;
    --dark-2:     #131320;
    --dark-3:     #1a1a2e;
    --dark-4:     #1f1f35;
    --card-bg:    #141427;
    --border:     rgba(238, 85, 134, 0.18);
    --border-sub: rgba(255, 255, 255, 0.06);
    --text:       #dde0e8;
    --text-muted: #7b82a0;
    --text-dim:   #4e5370;
}

/* ══ CRITICAL RESETS ══ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body,
body.xui-body,
.primary-bg-color {
    background-color: var(--dark-1) !important;
    color: var(--text) !important;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65;
}

h1,h2,h3,h4,h5,h6 { color: #fff; font-weight: 700; }
p { color: var(--text); }
a { color: var(--pink); transition: color .2s; }
a:hover { color: #fff; text-decoration: none; }
hr { border-color: var(--border-sub); }

/* ══ HEADER - Force dark (override Bootstrap .navbar-light) ══ */
header#header.header,
header.header {
    background: rgba(8,8,16,.98) !important;
    border-bottom: 1px solid var(--border) !important;
    box-shadow: 0 2px 30px rgba(0,0,0,.7) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    backdrop-filter: blur(12px) !important;
}

/* navbar-light resets */
header.header .navbar,
header.header .navbar.navbar-light,
header.header .navbar-light {
    background-color: transparent !important;
    background: transparent !important;
}

/* ══ XUI NAVBAR - Single row nav ══ */
.xui-navbar {
    padding: 0 !important;
    min-height: 64px !important;
    border-bottom: none !important;
}
.xui-navbar .container {
    display: flex !important;
    align-items: center !important;
}
.xui-navbar .navbar-collapse {
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
}
.xui-navbar .navbar-nav {
    gap: 0 !important;
}

/* Icon buttons (cart, hamburger) */
.xui-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    border: 1px solid var(--border) !important;
    color: var(--text-muted) !important;
    background: transparent !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: all .2s !important;
    position: relative !important;
    cursor: pointer !important;
    padding: 0 !important;
}
.xui-icon-btn:hover {
    color: var(--pink) !important;
    border-color: var(--pink) !important;
    background: rgba(238,85,134,.08) !important;
    text-decoration: none !important;
}

/* Cart badge */
.xui-cart-badge {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: var(--pink) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* Search form */
.xui-search-form { flex-shrink: 0; }
.xui-search {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid var(--border) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    width: 220px !important;
}
.xui-search .btn,
.xui-search .form-control {
    background: transparent !important;
    border: 0 !important;
    color: var(--text) !important;
    box-shadow: none !important;
    font-size: 13px !important;
}
.xui-search .btn { color: var(--pink) !important; padding: 0 10px !important; }
.xui-search .form-control { padding: 6px 10px !important; }
.xui-search:focus-within {
    border-color: var(--pink) !important;
    box-shadow: 0 0 0 3px var(--pink-glow) !important;
}
.xui-search .form-control::placeholder { color: var(--text-dim) !important; }

/* Register button */
.xui-reg-btn {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(-60deg, #ee5586, #a5215e) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 8px 18px !important;
    border-radius: 24px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 16px rgba(238,85,134,.3) !important;
    transition: opacity .2s !important;
}
.xui-reg-btn:hover { opacity: .85 !important; color: #fff !important; text-decoration: none !important; }

/* Right nav group */
.xui-nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0;
    margin-left: auto;
}
.xui-nav-right .navbar-nav { margin: 0 !important; }

/* Topbar */
header.header .topbar {
    background: #000 !important;
    border-bottom: 1px solid var(--border-sub) !important;
    padding: 5px 0 !important;
    color: var(--text-muted) !important;
}
header.header .topbar .btn,
header.header .topbar .active-client .btn {
    color: var(--text-muted) !important;
    font-size: 13px;
}
header.header .topbar .active-client .input-group-text {
    color: var(--text-muted) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 12px;
}
header.header .topbar .active-client .btn.btn-active-client span {
    border-bottom: 1px dashed var(--pink) !important;
    color: var(--pink) !important;
}
header.header .topbar .btn:hover { color: var(--pink) !important; }

/* Logo */
header.header .logo-img {
    max-height: 44px !important;
    width: auto !important;
}
header.header .navbar-brand { padding: 0 !important; }

/* Legacy search selectors (kept for compatibility) */
header.header .search {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid var(--border) !important;
    border-radius: 25px !important;
    overflow: hidden;
    width: 220px;
}
header.header .search .btn,
header.header .search .form-control {
    background: transparent !important;
    border: 0 !important;
    color: var(--text) !important;
    box-shadow: none !important;
}
header.header .search .btn { color: var(--pink) !important; }
header.header .search:focus-within {
    border-color: var(--pink) !important;
    box-shadow: 0 0 0 3px var(--pink-glow) !important;
}
header.header .search .form-control::placeholder { color: var(--text-dim) !important; }

/* Fix collapsable-dropdown-menu peek — hide when not active */
header.header .collapsable-dropdown-menu:empty,
header.header .collapsable-dropdown-menu:not(.show) {
    display: none !important;
}
header.header li.collapsable-dropdown:not(.show) .collapsable-dropdown-menu {
    display: none !important;
}

/* Nav list items — fix d-block class from navbar.tpl */
header.header .navbar-nav > li,
header.header #nav > li,
header.header ul.navbar-nav li.d-block {
    display: flex !important;
    align-items: stretch !important;
    position: relative;
}

/* Nav links */
header.header .navbar-nav .nav-link,
header.header #nav .nav-link {
    color: var(--text-muted) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    padding: 14px 18px !important;
    transition: color .2s !important;
    border-radius: 0 !important;
    position: relative;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap;
}
header.header .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 18px;
    right: 18px;
    height: 2px;
    background: var(--pink);
    border-radius: 2px 2px 0 0;
    opacity: 0;
    transform: scaleX(0);
    transition: opacity .2s, transform .2s;
}
header.header .navbar-nav .nav-link:hover,
header.header .navbar-nav .nav-link:focus {
    color: var(--pink) !important;
    background: transparent !important;
}
header.header .navbar-nav .nav-link:hover::after,
header.header .navbar-nav .nav-link:focus::after {
    opacity: 1;
    transform: scaleX(1);
}
/* Active nav item */
header.header .navbar-nav li.active > .nav-link,
header.header .navbar-nav li.current > .nav-link {
    color: var(--pink) !important;
    font-weight: 600 !important;
}
header.header .navbar-nav li.active > .nav-link::after,
header.header .navbar-nav li.current > .nav-link::after {
    opacity: 1;
    transform: scaleX(1);
}

/* Dropdown toggle arrow — override nav-link::after underline */
header.header .navbar-nav .dropdown-toggle.nav-link::after,
header.header .dropdown-toggle::after {
    content: '' !important;
    position: static !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    border-top: 4px solid var(--text-dim) !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
    border-bottom: 0 !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    transform: none !important;
    transition: transform .2s, border-color .2s !important;
}
header.header .navbar-nav .dropdown.show > .dropdown-toggle.nav-link::after,
header.header .dropdown.show > .dropdown-toggle::after {
    transform: rotate(180deg) !important;
    border-top-color: var(--pink) !important;
}

/* Dropdown menu */
header.header .dropdown-menu {
    background: #0d0d1e !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(238,85,134,.08) !important;
    padding: 8px !important;
    margin-top: 4px !important;
    min-width: 200px !important;
    z-index: 9999 !important;
    display: none;
}
header.header .dropdown-menu.show {
    display: block !important;
}
header.header .dropdown-item {
    color: var(--text-muted) !important;
    padding: 9px 14px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    transition: all .15s !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
header.header .dropdown-item i { color: var(--pink) !important; width: 16px; text-align: center; }
header.header .dropdown-item:hover,
header.header .dropdown-item:focus {
    background: rgba(238,85,134,.1) !important;
    color: #fff !important;
}
header.header .dropdown-item.active,
header.header .dropdown-item:active {
    background: rgba(238,85,134,.18) !important;
    color: var(--pink) !important;
}
.dropdown-divider { border-color: var(--border-sub) !important; margin: 4px 8px !important; }

/* ══ BREADCRUMB ══ */
.master-breadcrumb {
    background: var(--dark-2) !important;
    border-bottom: 1px solid var(--border-sub) !important;
}
.master-breadcrumb .breadcrumb {
    background: transparent !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    font-size: 13px;
}
.breadcrumb-item a { color: var(--pink) !important; }
.breadcrumb-item.active { color: var(--text-muted) !important; }
.breadcrumb-item+.breadcrumb-item::before { color: var(--text-dim) !important; }

/* ══ MAIN AREA ══ */
#main-body { background: var(--dark-1) !important; }
.xui-main { background: var(--dark-1); min-height: calc(100vh - 280px); padding: 36px 0 60px; }

/* ══ CARDS ══ */
.card, .mc-promo-manage, .mc-promo-login {
    background: var(--card-bg) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,.3) !important;
    color: var(--text);
    margin-bottom: 16px;
}
.card-header {
    background: rgba(238,85,134,.1) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 14px 20px !important;
}
.card-header h3,.card-header .card-title,.card-title { color: #fff !important; font-weight: 700 !important; }
.card-body { color: var(--text); }
.card-footer {
    background: rgba(255,255,255,.03) !important;
    border-top: 1px solid var(--border-sub) !important;
    border-radius: 0 0 12px 12px !important;
    padding: 12px 20px !important;
}
.card:hover { box-shadow: 0 8px 32px rgba(238,85,134,.12) !important; transition: box-shadow .25s; }

/* Card accents */
.card-accent-gold    { border-top: 3px solid #f0ad4e !important; }
.card-accent-green   { border-top: 3px solid #5cb85c !important; }
.card-accent-red     { border-top: 3px solid #d9534f !important; }
.card-accent-blue    { border-top: 3px solid #5bc0de !important; }
.card-accent-pink    { border-top: 3px solid var(--pink) !important; }
.card-accent-purple  { border-top: 3px solid #a5215e !important; }
.card-accent-teal    { border-top: 3px solid #00aba9 !important; }
.card-accent-midnight-blue { border-top: 3px solid var(--pink) !important; }
.card-accent-sun-flower    { border-top: 3px solid #f1c40f !important; }
.card-accent-pomegranate   { border-top: 3px solid #c0392b !important; }

/* ══ CLIENT HOME TILES ══ */
.tiles {
    border-radius: 12px; overflow: hidden;
    border: 1px solid var(--border);
    box-shadow: 0 4px 24px rgba(0,0,0,.3);
    margin-bottom: 24px;
}
.tiles .tile {
    background: var(--card-bg) !important;
    border-right: 1px solid var(--border) !important;
    padding: 20px 24px !important;
    text-decoration: none !important;
    transition: background .2s !important;
    position: relative; overflow: hidden;
}
.tiles .tile:hover { background: rgba(238,85,134,.06) !important; cursor: pointer; }
.tiles .tile .stat {
    font-size: 40px !important; font-weight: 700 !important;
    line-height: 1.1 !important; color: #fff !important; margin-top: 16px !important;
}
.tiles .tile .title {
    font-weight: 600 !important; color: var(--text-muted) !important;
    text-transform: uppercase !important; font-size: 11px !important; letter-spacing: .08em;
}
.tiles .tile .highlight { height: 3px !important; border-radius: 3px !important; margin-top: 10px !important; }
.tiles .tile i {
    position: absolute !important; top: 16px !important; right: 20px !important;
    font-size: 50px !important; color: rgba(255,255,255,.05) !important;
    transition: all .3s !important; line-height: 1 !important;
}
.tiles .tile:hover i { font-size: 65px !important; color: rgba(238,85,134,.1) !important; }
.tiles .row>div:last-child .tile { border-right: 0 !important; }
@media (max-width:1199.98px) {
    .tiles div:nth-child(2)>.tile { border-right: 0 !important; }
    .tiles div:nth-child(1)>.tile,.tiles div:nth-child(2)>.tile { border-bottom: 1px solid var(--border) !important; }
}

/* ══ SIDEBAR ══ */
.sidebar .card,.sidebar .mc-promo-manage { background: var(--dark-3) !important; }
.sidebar .card .card-header { background: var(--grad-pink) !important; border-radius: 10px 10px 0 0 !important; border-bottom: none !important; }
.sidebar .card .card-header h3,.sidebar .card .card-header .card-title { color: #fff !important; font-size: 14px !important; }
.sidebar .list-group-item { background: transparent !important; border-color: var(--border-sub) !important; color: var(--text) !important; font-size: 13px; padding: 10px 16px; }
.sidebar .list-group-item.active { background: rgba(238,85,134,.18) !important; color: var(--pink) !important; border-color: var(--border) !important; font-weight: 600; }
.sidebar .list-group-item-action:hover,.sidebar .list-group-item-action:focus { background: rgba(238,85,134,.08) !important; color: var(--pink) !important; }

/* ══ FORMS ══ */
.form-control {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 8px !important; color: #fff !important;
    transition: border-color .2s, box-shadow .2s;
}
.form-control:focus {
    background: rgba(255,255,255,.09) !important;
    border-color: var(--pink) !important;
    box-shadow: 0 0 0 3px var(--pink-glow) !important;
    color: #fff !important;
}
.form-control::placeholder { color: var(--text-dim) !important; }
.form-control:disabled,.form-control[readonly] { background: rgba(255,255,255,.03) !important; color: var(--text-muted) !important; }
select.form-control option { background: var(--dark-3); color: var(--text); }
.input-group-text {
    background: rgba(238,85,134,.15) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: var(--pink) !important;
}
label,.form-control-label,.col-form-label { color: var(--text) !important; font-weight: 600; font-size: 13px; }
.input-group .btn-reveal-pw {
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-left: 0 !important; color: var(--text-muted) !important;
    border-radius: 0 8px 8px 0 !important;
}
.input-group .btn-reveal-pw:hover { color: var(--pink) !important; background: rgba(255,255,255,.08) !important; }

/* ══ BUTTONS ══ */
.btn { font-family: 'Open Sans',sans-serif; font-weight: 600; font-size: 14px; border-radius: 8px !important; transition: all .2s; }
.btn-primary {
    background: var(--grad-pink) !important; border: none !important; color: #fff !important;
    box-shadow: 0 4px 15px rgba(238,85,134,.3);
}
.btn-primary:hover,.btn-primary:focus { opacity: .9; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(238,85,134,.4) !important; color: #fff !important; }
.btn-success { background: linear-gradient(-60deg,#ee5586,#a5215e) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 15px rgba(238,85,134,.3) !important; }
.btn-success:hover { opacity: .9; transform: translateY(-1px); color: #fff !important; }
.btn-danger { background: linear-gradient(135deg,#c0392b,#e74c3c) !important; border: none !important; color: #fff !important; }
.btn-warning { background: linear-gradient(135deg,#e67e22,#f39c12) !important; border: none !important; color: #fff !important; }
.btn-info { background: linear-gradient(135deg,#2980b9,#3498db) !important; border: none !important; color: #fff !important; }
.btn-default {
    background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.14) !important; color: var(--text) !important;
}
.btn-default:hover,.btn-default:focus { background: rgba(255,255,255,.1) !important; border-color: var(--pink) !important; color: var(--pink) !important; }
.btn-outline-primary { border: 1px solid var(--pink) !important; color: var(--pink) !important; background: transparent !important; }
.btn-outline-primary:hover { background: var(--pink) !important; color: #fff !important; }
.btn-link { color: var(--pink) !important; }
.btn-link:hover { color: #fff !important; }
.btn.bg-color-gold { background: #f0ad4e !important; color: #fff !important; }
.btn.bg-color-blue { background: #5bc0de !important; color: #fff !important; }
.btn.bg-color-green { background: #5cb85c !important; color: #fff !important; }
.btn.bg-color-red { background: #d9534f !important; color: #fff !important; }

/* ══ ALERTS ══ */
.alert { border-radius: 10px !important; font-size: 14px; padding: 14px 18px; }
.alert-success { background: rgba(0,166,62,.12) !important; border-color: rgba(0,166,62,.35) !important; color: #6fcf97 !important; }
.alert-danger,.alert-error { background: rgba(231,0,11,.12) !important; border-color: rgba(231,0,11,.35) !important; color: #ff7070 !important; }
.alert-warning { background: rgba(243,156,18,.12) !important; border-color: rgba(243,156,18,.35) !important; color: #f6c05a !important; }
.alert-info { background: rgba(52,152,219,.12) !important; border-color: rgba(52,152,219,.35) !important; color: #74b9ff !important; }
.network-issue-alert { background: rgba(231,0,11,.12) !important; border: 0 !important; border-left: 4px solid #d9534f !important; border-radius: 0 !important; color: #ff7070 !important; }

/* ══ TABLES ══ */
.table { color: var(--text) !important; }
.table thead th { background: rgba(238,85,134,.1) !important; color: var(--pink) !important; border-color: var(--border) !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; padding: 12px 16px; }
.table td,.table th { border-color: var(--border-sub) !important; vertical-align: middle; padding: 12px 16px; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(255,255,255,.02) !important; }
.table-hover tbody tr:hover { background: rgba(238,85,134,.05) !important; }
.table-bordered { border-color: var(--border) !important; }
.table-responsive { border-radius: 10px; border: 1px solid var(--border); overflow: hidden; }

/* ══ BADGES ══ */
.badge { border-radius: 20px !important; font-weight: 700; font-size: 10px; letter-spacing: .03em; padding: 4px 10px; }
.badge-primary,.badge-info { background: var(--pink) !important; color: #fff !important; }
.badge-success { background: #00a63e !important; color: #fff !important; }
.badge-danger { background: #d9534f !important; color: #fff !important; }
.badge-warning { background: #f0ad4e !important; color: #fff !important; }
.badge-secondary { background: var(--text-dim) !important; color: #fff !important; }
.status-active,.status-open,.status-completed { background: #00a63e !important; }
.status-pending { background: #d9534f !important; }
.status-suspended { background: #e67e22 !important; }
.status-cancelled,.status-terminated { background: #7f8c8d !important; }

/* ══ LIST GROUPS ══ */
.list-group-item { background: rgba(255,255,255,.03) !important; border-color: var(--border-sub) !important; color: var(--text) !important; transition: background .15s, color .15s; }
.list-group-item:first-child { border-radius: 10px 10px 0 0 !important; }
.list-group-item:last-child { border-radius: 0 0 10px 10px !important; }
.list-group-item.active { background: rgba(238,85,134,.2) !important; border-color: rgba(238,85,134,.3) !important; color: var(--pink) !important; font-weight: 600; }
.list-group-item-action:hover,.list-group-item-action:focus { background: rgba(238,85,134,.08) !important; color: var(--pink) !important; text-decoration: none !important; }

/* ══ PAGINATION ══ */
.page-item .page-link { background: var(--dark-3) !important; border-color: var(--border) !important; color: var(--text) !important; border-radius: 6px !important; margin: 0 3px; transition: all .2s; }
.page-item.active .page-link { background: var(--grad-pink) !important; border-color: transparent !important; color: #fff !important; }
.page-item .page-link:hover { background: rgba(238,85,134,.2) !important; color: var(--pink) !important; border-color: var(--pink) !important; }

/* ══ NAV TABS / PILLS ══ */
.nav-pills .nav-link { color: var(--text-muted); border-radius: 8px; transition: all .2s; }
.nav-pills .nav-link.active,.nav-pills .show>.nav-link { background: var(--grad-pink) !important; color: #fff !important; }
.nav-tabs { border-bottom: 1px solid var(--border-sub) !important; }
.nav-tabs .nav-link { color: var(--text-muted); border: none !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: 10px 18px; }
.nav-tabs .nav-link:hover { color: var(--pink); border-bottom-color: rgba(238,85,134,.4) !important; }
.nav-tabs .nav-link.active { background: transparent !important; color: var(--pink) !important; border-bottom-color: var(--pink) !important; font-weight: 700; }

/* ══ MODALS ══ */
.modal-content { background: var(--dark-3) !important; border: 1px solid var(--border) !important; border-radius: 14px !important; box-shadow: 0 20px 60px rgba(0,0,0,.7) !important; color: var(--text); }
.modal-header { background: rgba(238,85,134,.1) !important; border-bottom: 1px solid var(--border) !important; border-radius: 14px 14px 0 0 !important; padding: 18px 24px !important; }
.modal-title { color: #fff !important; font-weight: 700; }
.modal-footer { border-top: 1px solid var(--border-sub) !important; }
.modal-body { padding: 24px !important; }
.close { color: var(--text-muted) !important; opacity: 1 !important; text-shadow: none !important; }
.close:hover { color: #fff !important; }
.modal-localisation .modal-content { background: #111120 !important; }
.modal-localisation .modal-body { background: var(--dark-3) !important; }
.modal-localisation .item-selector .item { border: 1px solid var(--border) !important; color: var(--text) !important; border-radius: 6px; padding: 6px 10px !important; text-align: center; font-size: 13px; }
.modal-localisation .item-selector .item:hover { background: rgba(238,85,134,.15) !important; color: var(--pink) !important; }
.modal-localisation .item-selector .item.active { background: rgba(238,85,134,.2) !important; border-color: var(--pink) !important; color: var(--pink) !important; }

/* ══ POPOVER / TOOLTIP ══ */
.popover { background: var(--dark-3) !important; border: 1px solid var(--border) !important; border-radius: 10px !important; }
.popover-header { background: rgba(238,85,134,.12) !important; border-bottom: 1px solid var(--border) !important; color: #fff !important; border-radius: 10px 10px 0 0 !important; }
.popover-body { color: var(--text) !important; }
.tooltip-inner { background: var(--dark-3) !important; border: 1px solid var(--border) !important; color: var(--text) !important; }
#accountNotificationsContent { min-width: 300px; }
.client-alerts { list-style: none; padding: 0; margin: 0; }
.client-alerts li { border-bottom: 1px solid var(--border-sub); }
.client-alerts li:last-child { border-bottom: none; }
.client-alerts li a { display: flex; align-items: flex-start; gap: 10px; padding: 11px 16px; color: var(--text) !important; font-size: 13px; text-decoration: none; transition: background .15s; }
.client-alerts li a:hover { background: rgba(238,85,134,.08); color: var(--pink) !important; }
.client-alerts li.none { padding: 12px 16px; color: var(--text-muted); font-size: 13px; }

/* ══ PROGRESS ══ */
.progress { background: rgba(255,255,255,.08) !important; border-radius: 20px !important; height: 8px !important; }
.progress-bar { background: var(--grad-pink) !important; border-radius: 20px !important; }

/* ══ FOOTER - Force dark ══ */
footer#footer.footer,
footer.footer {
    background: #050508 !important;
    border-top: 1px solid var(--border) !important;
    color: var(--text-muted) !important;
    padding: 50px 0 20px !important;
}
footer.footer .nav-link,
footer.footer .nav a,
footer.footer a { color: var(--text-muted) !important; transition: color .2s; }
footer.footer .nav-link:hover,
footer.footer a:hover { color: var(--pink) !important; }
footer.footer .btn { background: rgba(255,255,255,.08) !important; color: var(--text) !important; border: 1px solid var(--border) !important; }
footer.footer .copyright,footer.footer p { color: var(--text-dim) !important; font-size: 13px; }
footer.footer .border-top { border-top-color: var(--border-sub) !important; }

/* Footer custom components */
.xui-footer-logo { height: 38px; width: auto; display: block; }
.xui-footer-desc { color: var(--text-muted); font-size: 13px; line-height: 1.7; }
.xui-footer-heading { color: var(--pink); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 16px; }
.xui-footer-links { list-style: none; padding: 0; margin: 0; }
.xui-footer-links li { margin-bottom: 9px; }
.xui-footer-links a { color: var(--text-muted) !important; font-size: 13px; transition: color .2s; }
.xui-footer-links a:hover { color: var(--pink) !important; }
.xui-bitcoin { font-size: 2.2rem; color: #f7931a; }
.xui-lang-btn { color: var(--text-muted) !important; background: transparent; border: 1px solid var(--border) !important; border-radius: 6px; font-size: 12px; padding: 4px 10px; }
.xui-lang-btn:hover { border-color: var(--pink) !important; color: var(--pink) !important; }

/* ══ UTILITIES ══ */
.text-primary { color: var(--pink) !important; }
.text-muted { color: var(--text-muted) !important; }
.text-success { color: #6fcf97 !important; }
.text-danger { color: #ff7070 !important; }
.text-warning { color: #f6c05a !important; }
.text-info { color: #74b9ff !important; }
.text-dark { color: var(--text) !important; }
.bg-primary { background: var(--grad-pink) !important; }
.bg-light { background: var(--dark-3) !important; color: var(--text) !important; }
.bg-dark { background: var(--dark-0) !important; }
.bg-white { background: var(--card-bg) !important; }
.border { border-color: var(--border) !important; }
.border-top { border-top-color: var(--border-sub) !important; }
.border-bottom { border-bottom-color: var(--border-sub) !important; }
.select-account { border-top: 1px solid var(--border); }
.select-account a { border-bottom: 1px solid var(--border); color: var(--text); }
.select-account a:hover { background: rgba(238,85,134,.06); color: var(--pink); }
.continue-container,.invite-box { background: var(--dark-3); border: 1px solid var(--border); border-radius: 10px; }
#fullpage-overlay { background: rgba(8,8,16,.92) !important; }
.btn-return-to-admin { background: var(--grad-pink) !important; color: #fff !important; border: none !important; }
.btn-return-to-admin:hover { opacity: .9; color: #fff !important; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--dark-2); }
::-webkit-scrollbar-thumb { background: var(--pink-dark); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--pink); }
code { background: rgba(238,85,134,.12); color: var(--pink); border-radius: 4px; padding: 2px 6px; }
pre { background: var(--dark-3); border: 1px solid var(--border); border-radius: 8px; color: var(--text); padding: 16px; }

/* ══ HERO ══ */
.xui-hero {
    background: var(--grad-dark);
    padding: 60px 20px 50px;
    text-align: center;
    border-bottom: 1px solid var(--border);
    position: relative; overflow: hidden;
}
.xui-hero::before {
    content: '';
    position: absolute;
    width: 700px; height: 700px;
    background: radial-gradient(circle, rgba(238,85,134,.15) 0%, transparent 70%);
    top: -250px; left: 50%; transform: translateX(-50%);
    pointer-events: none;
}
.xui-hero-logo { height: 90px; width: auto; filter: drop-shadow(0 4px 20px rgba(238,85,134,.4)); }
.xui-hero-title { color: #fff; font-size: 2.2rem; font-weight: 700; margin: 16px 0 8px; }
.xui-hero-sub { color: var(--text-muted); font-size: .95rem; margin: 0; }

/* ══ PAGE HEADER ══ */
.xui-page-header { background: var(--dark-2); border-bottom: 1px solid var(--border-sub); padding: 12px 0; }

/* ══ MAIN WRAP ══ */
.xui-main { background: var(--dark-1); min-height: calc(100vh - 300px); padding: 36px 0 60px; }

/* ══ TOPBAR ══ */
.xui-topbar { background: var(--dark-0); border-bottom: 1px solid var(--border-sub); padding: 6px 0; font-size: 13px; }
.xui-topbar-btn { color: var(--text-muted) !important; background: transparent; border: none; padding: 4px 8px; transition: color .2s; }
.xui-topbar-btn:hover { color: var(--pink) !important; }
.xui-user-link { color: var(--pink) !important; font-weight: 600; }
.xui-user-link:hover { color: #fff !important; }
.xui-user-info { color: var(--text-muted); font-size: 13px; }

/* ══ HOMEPAGE MARKETING SECTIONS ══ */

/* Products section */
.xui-products-section { background: var(--dark-1); padding: 60px 0; }
.xui-section-label {
    display: inline-block;
    background: rgba(238,85,134,.12);
    color: var(--pink);
    font-size: 11px; font-weight: 700;
    letter-spacing: .15em; text-transform: uppercase;
    padding: 5px 14px; border-radius: 20px;
    border: 1px solid rgba(238,85,134,.3);
    margin-bottom: 16px;
}
.xui-section-title {
    font-size: 2rem; font-weight: 700; color: #fff;
    margin-bottom: 12px; line-height: 1.2;
}
.xui-section-sub { color: var(--text-muted); font-size: .95rem; margin-bottom: 0; max-width: 600px; margin-left: auto; margin-right: auto; }

/* Product card */
.xui-product-card {
    background: var(--card-bg) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    overflow: hidden;
    transition: transform .3s, box-shadow .3s, border-color .3s;
    height: 100%;
    display: flex; flex-direction: column;
}
.xui-product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(238,85,134,.2) !important;
    border-color: var(--pink) !important;
}
.xui-product-card.featured {
    border-color: var(--pink) !important;
    box-shadow: 0 0 0 1px var(--pink), 0 8px 40px rgba(238,85,134,.2) !important;
}
.xui-product-badge {
    position: absolute; top: 16px; right: 16px;
    background: var(--grad-pink);
    color: #fff; font-size: 10px; font-weight: 700;
    padding: 4px 12px; border-radius: 20px;
    letter-spacing: .05em; text-transform: uppercase;
}
.xui-product-img { 
    display: flex; align-items: center; justify-content: center;
    padding: 30px 20px 20px;
    background: linear-gradient(180deg, rgba(238,85,134,.06) 0%, transparent 100%);
    position: relative;
}
.xui-product-img img { height: 100px; width: auto; filter: drop-shadow(0 4px 20px rgba(238,85,134,.3)); }
.xui-product-body { padding: 10px 24px 24px; flex: 1; display: flex; flex-direction: column; }
.xui-product-name { font-size: 1.3rem; font-weight: 700; color: #fff; margin-bottom: 6px; }
.xui-product-desc { color: var(--text-muted); font-size: 13px; line-height: 1.6; margin-bottom: 20px; }
.xui-feature-list { list-style: none; padding: 0; margin: 0 0 24px; flex: 1; }
.xui-feature-list li {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-sub);
    color: var(--text); font-size: 13px;
}
.xui-feature-list li:last-child { border-bottom: none; }
.xui-feature-list li i { color: var(--pink); font-size: 12px; flex-shrink: 0; }
.xui-product-btn {
    display: block; width: 100%; text-align: center;
    background: var(--grad-pink) !important;
    color: #fff !important; font-weight: 700;
    padding: 13px 24px; border-radius: 10px !important;
    border: none !important; font-size: 14px;
    transition: opacity .2s, transform .2s;
    box-shadow: 0 4px 20px rgba(238,85,134,.3);
    text-decoration: none;
}
.xui-product-btn:hover { opacity: .9; transform: translateY(-2px); color: #fff !important; }

/* Divider */
.xui-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--pink), transparent);
    margin: 0;
    opacity: .4;
}

/* Features strip */
.xui-features-strip { background: var(--dark-2); padding: 50px 0; }
.xui-feature-item { text-align: center; padding: 20px 10px; }
.xui-feature-icon {
    width: 64px; height: 64px;
    background: rgba(238,85,134,.1);
    border: 1px solid rgba(238,85,134,.25);
    border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 16px;
    font-size: 1.6rem; color: var(--pink);
    transition: all .2s;
}
.xui-feature-item:hover .xui-feature-icon {
    background: var(--grad-pink);
    color: #fff;
    border-color: transparent;
    transform: translateY(-3px);
    box-shadow: 0 8px 24px var(--pink-glow);
}
.xui-feature-item h5 { color: #fff; font-size: 15px; font-weight: 700; margin-bottom: 6px; }
.xui-feature-item p { color: var(--text-muted); font-size: 13px; margin: 0; }

/* CTA section */
.xui-cta { background: var(--grad-dark); padding: 70px 0; text-align: center; position: relative; overflow: hidden; }
.xui-cta::before {
    content: '';
    position: absolute; width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(238,85,134,.12) 0%, transparent 70%);
    top: -200px; left: 50%; transform: translateX(-50%);
}
.xui-cta h2 { font-size: 2rem; color: #fff; font-weight: 700; margin-bottom: 16px; }
.xui-cta p { color: var(--text-muted); font-size: 1rem; margin-bottom: 32px; }
.xui-cta-btn {
    display: inline-flex; align-items: center; gap: 10px;
    background: var(--grad-pink);
    color: #fff !important; font-weight: 700; font-size: 15px;
    padding: 15px 36px; border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 8px 30px rgba(238,85,134,.4);
    transition: opacity .2s, transform .2s;
}
.xui-cta-btn:hover { opacity: .9; transform: translateY(-2px); color: #fff !important; }
.xui-cta-btn-outline {
    display: inline-flex; align-items: center; gap: 10px;
    background: transparent;
    color: var(--pink) !important; font-weight: 700; font-size: 15px;
    padding: 14px 36px; border-radius: 30px;
    border: 2px solid var(--pink);
    text-decoration: none;
    transition: all .2s;
    margin-left: 12px;
}
.xui-cta-btn-outline:hover { background: var(--pink); color: #fff !important; }

/* Quick-action buttons (for logged-in homepage) */
.xui-quick-btn {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 12px; padding: 28px 12px;
    border-radius: 12px; background: var(--card-bg);
    border: 1px solid var(--border); color: var(--text);
    text-decoration: none; font-size: 13px; font-weight: 600;
    text-align: center; transition: all .25s; width: 100%;
}
.xui-quick-btn i { font-size: 2rem; color: var(--pink); transition: transform .2s; }
.xui-quick-btn:hover { border-color: var(--pink); color: var(--pink); transform: translateY(-3px); box-shadow: 0 10px 30px var(--pink-glow); text-decoration: none; }
.xui-quick-btn:hover i { transform: scale(1.15); }

/* ══ RESPONSIVE ══ */
@media (max-width: 767px) {
    .xui-hero { padding: 40px 16px; }
    .xui-hero-title { font-size: 1.5rem; }
    .xui-hero-logo { height: 70px; }
    .xui-main { padding: 20px 0 40px; }
    .xui-section-title { font-size: 1.5rem; }
    .xui-product-card { margin-bottom: 20px; }
    .tiles .tile .stat { font-size: 30px !important; }
    h2 { font-size: 1.3rem; }
    .xui-cta-btn-outline { margin-left: 0; margin-top: 12px; }
}

/* ══ STORE / CART PAGES ══ */

/* Force dark on all white utility classes */
.bg-white,
.bg-light,
.store-domain-tab-content,
.tab-content,
.tab-pane {
    background: var(--dark-2) !important;
    color: var(--text) !important;
}

/* Store order form */
.store-order-container { padding: 24px 0; }
.store-order-container h2 { color: #fff !important; font-size: 1.6rem; font-weight: 700; margin-bottom: 8px; }
.store-order-container h4 { color: var(--text-muted) !important; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; }
.store-order-container p { color: var(--text-muted); }

/* Payment term / billing cycle select */
.payment-term { background: var(--dark-3); border: 1px solid var(--border); border-radius: 12px; padding: 20px 24px; margin-bottom: 24px; }
.payment-term h4 { color: var(--pink) !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 12px; }

/* Domain tabs */
.store-domain-tabs { border-bottom: 1px solid var(--border) !important; }
.store-domain-tabs .nav-link { background: transparent !important; color: var(--text-muted) !important; }
.store-domain-tabs .nav-link.active,
.store-domain-tabs .nav-link:focus { background: rgba(238,85,134,.08) !important; color: var(--pink) !important; border-bottom: 2px solid var(--pink) !important; }
.store-domain-tab-content { background: var(--dark-3) !important; border: 1px solid var(--border) !important; border-top: none !important; border-radius: 0 0 10px 10px !important; padding: 20px !important; }

/* Domain validation */
.domain-validation.ok { color: #6fcf97 !important; font-size: 13px; font-weight: 600; }
.responsive-tabs-sm-connector { display: none !important; }

/* Standard WHMCS product listing (package/product cards) */
.package,
.product-info {
    background: var(--dark-2) !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    color: var(--text) !important;
    transition: border-color .25s, box-shadow .25s;
}
.package:hover,
.product-info:hover {
    border-color: var(--pink) !important;
    box-shadow: 0 8px 32px rgba(238,85,134,.15) !important;
}
.package .price,
.product-info .price,
.package .cost,
.package-price { color: var(--pink) !important; font-weight: 700; }
.package .price .currency,
.package-price .currency { color: var(--text-muted) !important; font-size: 13px; }

/* Order summary / checkout panels */
.order-summary,
.checkout-container,
.panel,
.panel-body,
.panel-default {
    background: var(--dark-2) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    color: var(--text) !important;
}
.panel-heading,
.panel-default .panel-heading { background: rgba(238,85,134,.08) !important; border-bottom: 1px solid var(--border) !important; color: #fff !important; border-radius: 12px 12px 0 0 !important; }

/* Cart summary / order list */
.cart-container table,
.order-container table { background: transparent !important; color: var(--text) !important; }
.cart-container table td,
.order-container table td { border-color: var(--border-sub) !important; color: var(--text) !important; padding: 12px 16px !important; }
.cart-container table th,
.order-container table th { border-color: var(--border) !important; color: var(--text-muted) !important; background: rgba(255,255,255,.03) !important; }

/* Product listing in store (standard cart) */
.product-list li,
.product-list .product-item { background: var(--dark-2) !important; border: 1px solid var(--border) !important; border-radius: 12px !important; }

/* "Order Now" / Add to cart buttons in product listing */
a.btn-order-now,
.btn-order,
.btn[href*="addtocart"],
.btn[href*="order"] { background: var(--grad-pink) !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; box-shadow: 0 4px 16px rgba(238,85,134,.3) !important; transition: opacity .2s, transform .2s !important; }
a.btn-order-now:hover,
.btn-order:hover { opacity: .88 !important; transform: translateY(-2px) !important; color: #fff !important; }

/* Promo / upsell cards */
.store-promoted-product { background: var(--dark-3) !important; }
.store-promoted-product h3 { color: #fff !important; }
.store-promoted-product h4 { color: var(--pink) !important; }
.store-promoted-product p { color: var(--text-muted) !important; }
.store-promoted-product .features { list-style: none; padding: 0; }
.store-promoted-product .features li { color: var(--text); padding: 4px 0; font-size: 13px; }
.store-promoted-product .features li i { color: var(--pink); margin-right: 6px; }

/* Configurable option fields */
.form-group label { color: var(--text) !important; font-size: 13px; font-weight: 600; }
.form-text.text-muted { color: var(--text-muted) !important; font-size: 12px; }

/* Order confirmation / completion page */
.order-complete { text-align: center; padding: 48px 0; }
.order-complete h2 { color: #fff !important; }
.order-complete .order-number { color: var(--pink); font-size: 1.2rem; font-weight: 700; }
.invoice-total { color: var(--pink) !important; font-size: 1.2rem; font-weight: 700; }

/* Breadcrumb for store pages */
.master-breadcrumb { background: var(--dark-0) !important; border-bottom: 1px solid var(--border-sub) !important; padding: 10px 0 !important; }
.breadcrumb { background: transparent !important; margin: 0 !important; padding: 0 !important; }
.breadcrumb-item a { color: var(--text-muted) !important; font-size: 13px; }
.breadcrumb-item a:hover { color: var(--pink) !important; }
.breadcrumb-item.active { color: var(--text-dim) !important; font-size: 13px; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--text-dim) !important; }

/* ══ STANDARD CART (orderforms/standard_cart) ══ */

/* Product listing card (.products .product) */
#order-standard_cart .products .product {
    background: var(--dark-2) !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    overflow: hidden;
    margin-bottom: 20px;
    transition: border-color .25s, box-shadow .25s;
}
#order-standard_cart .products .product:hover {
    border-color: var(--pink) !important;
    box-shadow: 0 8px 32px rgba(238,85,134,.15) !important;
}
#order-standard_cart .products .product header {
    background: rgba(238,85,134,.07) !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 14px 18px !important;
    color: #fff !important;
}
#order-standard_cart .products .product header span { color: #fff !important; font-weight: 700 !important; font-size: 15px !important; }
#order-standard_cart .products .product div.product-desc { color: var(--text-muted) !important; }
#order-standard_cart .products .product div.product-desc ul li { color: var(--text) !important; }
#order-standard_cart .products .product div.product-pricing { color: var(--text) !important; }
#order-standard_cart .products .product div.product-pricing span.price {
    color: var(--pink) !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
}
#order-standard_cart .products .product footer { background: transparent !important; }

/* Order Now button — override green btn-success */
#order-standard_cart .btn-order-now,
#order-standard_cart a.btn-order-now,
.btn-order-now {
    background: linear-gradient(-60deg, #ee5586, #a5215e) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(238,85,134,.3) !important;
    transition: opacity .2s, transform .2s !important;
}
#order-standard_cart .btn-order-now:hover,
.btn-order-now:hover { opacity: .88 !important; transform: translateY(-2px) !important; color: #fff !important; }

/* Section title */
#order-standard_cart .header-lined { border-bottom: 1px solid var(--border) !important; padding-bottom: 16px !important; margin-bottom: 24px !important; }
#order-standard_cart .header-lined h1 { color: #fff !important; font-size: 1.6rem !important; font-weight: 700 !important; }
#order-standard_cart .header-lined p { color: var(--text-muted) !important; }

/* ── View Cart (checkout review) ── */

/* Table header: blue → dark pink */
#order-standard_cart .view-cart-items-header {
    background: linear-gradient(-60deg, rgba(238,85,134,.25), rgba(165,33,94,.25)) !important;
    border: 1px solid var(--border) !important;
    border-bottom: none !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}
#order-standard_cart .view-cart-items {
    border: 1px solid var(--border) !important;
    border-top: none !important;
    border-radius: 0 0 10px 10px !important;
    border-bottom: 2px solid var(--pink) !important;
    margin-bottom: 20px !important;
}
#order-standard_cart .view-cart-items .item {
    background: var(--dark-2) !important;
    border-bottom: 1px solid var(--border-sub) !important;
    color: var(--text) !important;
}
#order-standard_cart .view-cart-items .item:nth-child(even) { background: var(--dark-3) !important; }
#order-standard_cart .view-cart-items .item:last-child { border-bottom: none !important; border-radius: 0 0 8px 8px !important; }
#order-standard_cart .view-cart-items .item-title { color: #fff !important; font-weight: 600 !important; font-size: 1em !important; }
#order-standard_cart .view-cart-items .item-group { color: var(--text-muted) !important; font-size: .9em !important; }
#order-standard_cart .view-cart-items .item-domain { color: var(--pink) !important; }
#order-standard_cart .view-cart-items .item-price span { color: var(--pink) !important; font-weight: 700 !important; }
#order-standard_cart .view-cart-items .item-price .cycle { color: var(--text-muted) !important; font-size: .85em !important; }
#order-standard_cart .view-cart-items .item span:not(.caret):not(.renewal-price) { color: var(--text) !important; }
#order-standard_cart .btn-remove-from-cart { color: var(--text-dim) !important; }
#order-standard_cart .btn-remove-from-cart:hover { color: #ff7070 !important; }

/* Empty cart button */
#order-standard_cart .empty-cart .btn { background: rgba(238,85,134,.12) !important; border: 1px solid var(--border) !important; color: var(--pink) !important; border-radius: 0 0 6px 6px !important; }
#order-standard_cart .empty-cart .btn:hover { background: rgba(238,85,134,.25) !important; }

/* Apply promo code section */
#order-standard_cart .promo-code { background: var(--dark-3) !important; border: 1px solid var(--border) !important; border-radius: 10px !important; padding: 16px !important; margin-bottom: 16px !important; }

/* Order Summary sidebar (right panel) */
#order-standard_cart .order-summary {
    background: var(--dark-2) !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    border-bottom: 2px solid var(--pink) !important;
    overflow: hidden;
}
#order-standard_cart .order-summary h2 {
    background: linear-gradient(-60deg, rgba(238,85,134,.2), rgba(165,33,94,.2)) !important;
    border-bottom: 1px solid var(--border) !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    padding: 14px 18px !important;
}
#order-standard_cart .summary-container {
    background: transparent !important;
    color: var(--text) !important;
    padding: 16px !important;
}
#order-standard_cart .order-summary .product-name { color: #fff !important; font-weight: 700 !important; }
#order-standard_cart .order-summary .product-group { color: var(--text-muted) !important; }
#order-standard_cart .order-summary .summary-totals {
    border-top: 1px solid var(--border-sub) !important;
    border-bottom: 1px solid var(--border-sub) !important;
    color: var(--text-muted) !important;
    padding: 10px 0 !important;
}
#order-standard_cart .order-summary .total-due-today span { color: var(--text-muted) !important; font-size: 12px !important; }
#order-standard_cart .order-summary .total-due-today .amt {
    color: var(--pink) !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
}
#order-standard_cart .order-summary .pull-left,
#order-standard_cart .order-summary .float-left { color: var(--text-muted) !important; font-size: 13px; }
#order-standard_cart .order-summary .pull-right,
#order-standard_cart .order-summary .float-right { color: var(--text) !important; font-size: 13px; font-weight: 600; }

/* Checkout button — override green btn-success */
#order-standard_cart .btn-success,
#order-standard_cart .btn-checkout,
.secondary-cart-sidebar .btn-success {
    background: linear-gradient(-60deg, #ee5586, #a5215e) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 20px rgba(238,85,134,.35) !important;
    transition: opacity .2s, transform .2s !important;
    padding: 13px 24px !important;
    font-size: 15px !important;
}
#order-standard_cart .btn-success:hover,
.secondary-cart-sidebar .btn-success:hover { opacity: .88 !important; transform: translateY(-2px) !important; color: #fff !important; }

/* Continue shopping / secondary links */
#order-standard_cart .secondary-cart-sidebar a:not(.btn) { color: var(--pink) !important; font-size: 13px; }

/* Product info banner */
#order-standard_cart .product-info {
    background: var(--dark-3) !important;
    border-top: 1px solid var(--border) !important;
    border-bottom: 1px solid var(--border) !important;
    color: var(--text) !important;
}
#order-standard_cart .product-info .product-title { color: #fff !important; }

/* Addon panels */
#order-standard_cart .panel-addon .panel-body { background: var(--dark-3) !important; border: 1px solid var(--border) !important; }
#order-standard_cart .panel-addon .panel-body label { color: var(--text) !important; }
#order-standard_cart .panel-addon .panel-price { background: rgba(238,85,134,.08) !important; color: var(--pink) !important; border-top: 1px solid var(--border) !important; }
#order-standard_cart .panel-addon .panel-add { background: linear-gradient(-60deg, #ee5586, #a5215e) !important; color: #fff !important; }
#order-standard_cart .panel-addon-selected { border-color: var(--pink) !important; }

/* Apply credit / cc input */
#order-standard_cart .apply-credit-container { background: var(--dark-3) !important; border: 1px solid var(--border) !important; border-radius: 10px !important; color: var(--text) !important; }
#order-standard_cart .cc-input-container { background: var(--dark-3) !important; border: 1px solid var(--border) !important; border-radius: 10px !important; }

/* Sidebar in cart */
#order-standard_cart .cart-sidebar .card { margin-bottom: 16px; }
#order-standard_cart .cart-sidebar .list-group-item:last-child { border-radius: 0 0 10px 10px !important; }