/* ClubPass365 Rebuild v1.0.180 — customer My Account dashboard night-mode finishing.
   Scoped to the WordPress customer dashboard to avoid changing checkout, public
   events, admin financial controls, or the daytime palette. The existing theme
   controller sets html[data-cp365-theme=dark] at night. No JS/state changes. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site {
  --cp365-account-bg: #081120;
  --cp365-account-surface: #111d33;
  --cp365-account-raised: #182740;
  --cp365-account-border: #2c3a55;
  --cp365-account-primary: #f5f8ff;
  --cp365-account-muted: #a8b7cf;
  --cp365-account-link: #93a7ff;
  background: var(--cp365-account-bg) !important;
  color: var(--cp365-account-primary);
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-shell {
  background:var(--cp365-account-bg) !important;
  color:var(--cp365-account-primary) !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-v2-head h1,.cp365-cd-v2-head time,.cp365-cd-sidebar-title,.cp365-cd-v2-panel-head h2,.cp365-cd-upgrade h2,.cp365-cd-staff-upgrade h3,.cp365-cd-overview-empty strong,.cp365-cd-following-card strong,.cp365-od-heading h1) {
  color:var(--cp365-account-primary) !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-v2-head p,.cp365-cd-upgrade-copy>p,.cp365-cd-staff-upgrade p,.cp365-cd-overview-empty span,.cp365-cd-following-card small,.cp365-od-heading p) {
  color:var(--cp365-account-muted) !important;
}
/* Sidebar/nav: the customer menu should not fade into the night background. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-sidebar-v2,.cp365-od-sidebar) {
  background:var(--cp365-account-surface) !important;
  border-color:var(--cp365-account-border) !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-menu-divider { background:var(--cp365-account-border) !important; }
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-menu a {color:#afbed8 !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-menu a:hover,
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-menu a:focus-visible {
  color:#fff !important;background:#1d2b49 !important;outline-color:#8295fa;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-menu a.active {
  color:#fff !important;
  background:linear-gradient(100deg,rgba(48,80,207,.33),rgba(106,50,205,.24)) !important;
  box-shadow:inset 3px 0 0 #6779ff !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-menu a.active svg {stroke:#a8b5ff !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-organizer-mini {
  background:linear-gradient(120deg,#16243f,#221c45) !important;
  border-color:#364376 !important;color:#f5f8ff !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-organizer-mini :is(strong,b) {color:#f5f8ff !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-organizer-mini small {color:#acbad3 !important;}
/* Existing gradients in organizer/credit banners remain; all embedded content stays legible. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-upgrade,.cp365-cd-staff-upgrade) {
  background:linear-gradient(115deg,#11213d,#161c3a 58%,#22163b) !important;
  border-color:#34416c !important;
  color:var(--cp365-account-primary) !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-staff-upgrade.is-pending,
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-upgrade.is-pending {border-color:#63543b !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-upgrade-features :is(strong,small) {color:#f1f5ff !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-upgrade-features small {color:#afbed8 !important;}
/* Rewards membership metric cards: previous white/white-on-white issue. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-member-points>div {
  background:#182943 !important; border-color:#334566 !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-member-points>div strong {color:#fff !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-member-points>div :is(small,span) {color:#aabbd6 !important;}
/* Four overview KPI tiles: use a dark native card even when the legacy component
   has a hardcoded white background. Preserve SVG icon gradients and numeric data. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-v2-kpis>a {
  background:var(--cp365-account-surface) !important;
  border-color:var(--cp365-account-border) !important;
  color:var(--cp365-account-primary) !important;
  box-shadow:0 7px 20px rgba(0,0,0,.11);
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-v2-kpis>a:hover,
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-v2-kpis>a:focus-visible {border-color:#6975e8 !important;background:#192a4a !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-v2-kpis :is(strong) {color:#f7f9ff !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-v2-kpis small {color:#b0bed4 !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-v2-kpis b,.cp365-cd-v2-panel-head a,.cp365-cd-overview-empty a) {color:#99a7ff !important;}
/* The four overview panels and their own section separators. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-v2-panel {
  background:var(--cp365-account-surface) !important;
  border-color:var(--cp365-account-border) !important;
  color:var(--cp365-account-primary) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.10);
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-v2-panel-head,.cp365-cd-event-row,.cp365-cd-recent-order) {border-color:var(--cp365-account-border) !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-overview-empty {background:transparent !important;color:var(--cp365-account-muted) !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-overview-wishlist .cp365-wishlist-loading {color:var(--cp365-account-muted) !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-event-date strong,.cp365-cd-event-copy strong,.cp365-cd-recent-main strong,.cp365-cd-recent-money strong) {color:var(--cp365-account-primary) !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-event-copy small,.cp365-cd-recent-main small,.cp365-cd-recent-money small) {color:var(--cp365-account-muted) !important;}
/* Actual event artwork remains intact; darken only card body, not background images. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-reco-grid,.cp365-cd-overview-wishlist) .cp365-event-card {
  background:#17263e !important;border-color:#33425f !important;color:#f5f8ff !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-reco-grid,.cp365-cd-overview-wishlist) :is(.cp365-event-copy,.cp365-event-body,.cp365-event-card-body) {background:#17263e !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-reco-grid,.cp365-cd-overview-wishlist) :is(.cp365-event-title,.cp365-event-card-title) {color:#f7f9ff !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-reco-grid,.cp365-cd-overview-wishlist) :is(.cp365-muted,.cp365-event-meta,.cp365-event-card-meta) {color:#b1bdd0 !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-reco-grid,.cp365-cd-overview-wishlist) .cp365-event-image {background-color:#0e1c31 !important;}
/* Other customer dashboard tabs: tickets, orders, following, rewards, profile/settings. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(
 .cp365-cd-following-card,.cp365-cd-ticket-card,.cp365-rewards-earn-grid article,
 .cp365-rewards-ref,.cp365-redeem-action,.cp365-redeem-locked,
 .cp365-referral-stats>div,.cp365-rewards-note,.cp365-rewards-table,.cp365-rewards-table .th,
 .cp365-rewards-table .tr,.cp365-reward-campaign-grid article,
 .cp365-od-panel,.cp365-cd-security,.cp365-od-kpis article,.cp365-od-status,
 .cp365-reward-credit-checkout
) {
  background:var(--cp365-account-surface) !important;
  border-color:var(--cp365-account-border) !important;
  color:var(--cp365-account-primary) !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(
 .cp365-cd-following-card strong,.cp365-cd-ticket-main h3,.cp365-cd-ticket-bottom>strong,
 .cp365-rewards-earn-grid strong,.cp365-rewards-table strong,.cp365-rewards-note strong,
 .cp365-od-panel-head h2,.cp365-redeem-rate strong,.cp365-redeem-locked strong,
 .cp365-cd-setting-list strong,.cp365-reward-campaign-grid strong
) {color:var(--cp365-account-primary) !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(
 .cp365-cd-following-card small,.cp365-cd-ticket-meta,.cp365-rewards-earn-grid p,
 .cp365-rewards-note p,.cp365-rewards-table .tr,.cp365-reward-campaign-grid p,
 .cp365-redeem-locked span,.cp365-cd-setting-list small,
 .cp365-od-panel-head p,.cp365-cd-ticket-code
) {color:var(--cp365-account-muted) !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-ticket-bottom,.cp365-cd-setting-list label,.cp365-rewards-table .tr) {border-color:var(--cp365-account-border) !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site :is(.cp365-cd-following-card,.cp365-od-panel) a:not(.cp365-btn):focus-visible {outline:2px solid #869cff;outline-offset:3px;}
/* Inputs/controls stay fully legible in the dark account section. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-shell :is(input:not([type="checkbox"]),textarea,select) {
  background:#182943 !important; border-color:#384a69 !important;color:#f5f8ff !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-shell :is(input,textarea)::placeholder {color:#a9b8d0 !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-od-form label {color:#c9d5e9 !important;}
/* Keep functional bright state badges and call-to-action buttons intact. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-recent-status,
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-ticket-status {background:#12442e !important;color:#79f0b4 !important;}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-btn-outline {background:#1a2b47 !important;border-color:#40557b !important;color:#f5f8ff !important;}
@media(max-width:800px){
  /* The legacy desktop sidebar has a more specific 610px min-height rule. */
  html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-sidebar-v2 {
    position:static !important;
    min-height:0 !important;
    height:auto !important;
    padding:10px !important;
    margin-bottom:16px !important;
  }
  html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-organizer-mini {display:none !important;}
}
@media(max-width:620px){
  html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-sidebar-v2 {border-radius:16px;}
  html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-menu {scrollbar-color:#455377 transparent;}
  html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-cd-v2-panel {padding:16px;}
}

/* Account sidebar is horizontally scrollable on small screens in either theme.
   Override the legacy 610px desktop min-height without changing card colors. */
@media(max-width:800px){
  .cp365-customer-dashboard-site .cp365-cd-sidebar-v2 {min-height:0 !important;height:auto !important;position:static !important;}
}


/* v1.0.181 — Account Following & Rewards visibility/contrast fix.
   HTML's [hidden] attribute was being overridden by the grid component display
   declarations, exposing unpublished false 'Following' UI alongside the empty
   message. Hidden elements must stay hidden regardless of component layout. */
.cp365-customer-dashboard-site .cp365-cd-following-card[hidden],
.cp365-customer-dashboard-site [data-cp365-following-empty][hidden] {
  display: none !important;
}

/* v1.0.181 — Legible headings on all account tab empty states, including
   'No points activity yet' and 'You're not following anyone yet'. */
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-od-empty h3,
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-od-coming h2 {
  color: #f5f8ff !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-od-empty p,
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-od-coming p {
  color: #b4c1d9 !important;
}
html[data-cp365-theme="dark"] .cp365-customer-dashboard-site .cp365-od-empty-icon {
  background: #222d5b !important;
  color: #a1adff !important;
}