/* =====================================================
   PARTYTYME.NET — DARK MODE (ROLLBACK + SURGICAL FIXES)
   Goal: restore the good dark look + fix Buy/dropdown sizing,
         popup readability, button text color.
===================================================== */

:root { color-scheme: dark; }

/* ---------- Base ---------- */
html, body {
  background: #181c24 !important;
  color: #e7e9ee !important;
  font-family: verdana;
}

p { color: #cfd3dd !important; }

/* ---------- Main Shell ---------- */
.wrapper {
  background: rgba(28, 33, 45, 0.94) !important;
  border-left-color: #5E47A3 !important;
  border-right-color: #5E47A3 !important;
}

.content_container { background: #212838 !important; }

/* ---------- Navigation (keep some color, not bland, not white) ---------- */
.main_navigation {
  background: #1f2635 !important;
  border-top: 1px solid #3a445c !important;
  border-bottom: 1px solid #3a445c !important;
}
.main_navigation > a {
  background: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
  border: none !important;
}
.main_navigation > a:hover {
  background: rgba(255,255,255,0.18) !important;
}

/* ---------- Section Headers ---------- */
.box_title, .box_title_large {
  background: #2a6aa7 !important;
  border-top: 1px solid #3c7fc2 !important;
  border-bottom: 1px solid #17476e !important;
  color: #ffffff !important;
  letter-spacing: 2px;
}

/* ---------- Panels / Sidebar ---------- */
.round_box,
.cart_disc_container,
.promocontainer,
#shopping_cart_container,
#shopping_cart_container .round_box {
  background: #242b3a !important;
  border-color: #3a445c !important;
}
.round_box * , .cart_disc_container * { color: #e7e9ee !important; }

/* Right sidebar “grey” text -> white */
.cart_prices_column,
.cart_header_column,
.cart_song_title,
.cart_song_artist {
  color: #ffffff !important;
}

/* ---------- Song rows (good zebra) ---------- */
.song_row_odd,
.song_table .song_row_odd,
div.song_row_odd {
  background: #2f374c !important;
}
.song_row_even,
.song_table .song_row_even,
div.song_row_even {
  background: #252c3c !important;
}
.song_row:hover,
.song_row_odd:hover,
.song_row_even:hover,
.song_table .song_row:hover {
  background: #37415a !important;
}

/* Song title: slightly thicker */
.song_row_song_title {
  color: #f6f7fb !important;
  font-weight: 600 !important;
}

/* Softer magenta links */
a, .song_title_text_link { color: #d96acb !important; }
a:hover, .song_title_text_link:hover { color: #e28bd8 !important; text-decoration: underline; }

/* Meta lines readable */
.song_row_artist, .artist_text_link { color: #d7dbe6 !important; }
.song_row_outputname, .song_row_track_time { color: #c9cfdd !important; }

/* HD badge */
.song_row_hd_text {
  background: #ffb505 !important;
  color: #2b1a00 !important;
}

/* ---------- Inputs (keep dark) ---------- */
input, select, textarea,
.input_field, .input_field_userform, .add_select, .OrderingField {
  background: #1e2433 !important;
  color: #f0f2f7 !important;
  border: 1px solid #3a445c !important;
}

/* ---------- Light buttons with BLACK text (GO/pagination/sample) ---------- */
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.song_row_button,
button.song_row_button,
a.song_row_button {
  background: #e6ebf5 !important;
  color: #111111 !important;
  border: 1px solid #aab4c6 !important;
  box-shadow: none !important;
}
.ui-button:hover,
.ui-state-default:hover,
.song_row_button:hover {
  background: #d6deef !important;
  color: #111111 !important;
}
.ui-button *, .ui-state-default *, .song_row_button * {
  color: #111111 !important;
}

/* =====================================================
   BUY AREA (FIX THE “CRAP”)
   - dropdown and Buy same width
   - not too wide
   - shorter height
   - Buy text slightly larger
===================================================== */

/* Give the button column enough room, but not huge */
.song_row_buttons {
  min-width: 175px !important;
  white-space: nowrap !important;
}

/* Dropdown button width */
.song_row_buttons .ui-selectmenu-button,
.song_row_buttons select {
  width: 160px !important;
  min-width: 160px !important;
}

/* Keep dropdown light w/ black text so it reads and encourages selection */
.song_row_buttons .ui-selectmenu-button {
  background: #e6ebf5 !important;
  color: #111111 !important;
  border: 1px solid #aab4c6 !important;
}
.song_row_buttons .ui-selectmenu-button * { color: #111111 !important; }

/* BUY button: same width as dropdown, shorter height, softer magenta */
.song_row_buttons .ui-button,
.song_row_buttons button,
.song_row_buttons input[type="button"],
.song_row_buttons input[type="submit"],
.song_row_buttons a {
  width: 160px !important;
  min-width: 160px !important;

  background: #b85aa9 !important;   /* toned down magenta */
  color: #ffffff !important;
  border: 1px solid #6b2b62 !important;

  font-weight: 700 !important;
  font-size: 112% !important;

  padding: 5px 0 !important;        /* shorter */
  line-height: 1.05 !important;
}

.song_row_buttons .ui-button:hover,
.song_row_buttons button:hover,
.song_row_buttons input[type="button"]:hover,
.song_row_buttons input[type="submit"]:hover,
.song_row_buttons a:hover {
  background: #c876ba !important;
}

/* ---------- Popups (dropdown list) MUST be white/black ---------- */
.ui-widget-content,
.ui-dialog,
.ui-menu,
.ui-selectmenu-menu,
.ui-selectmenu-open,
.ui-autocomplete,
.fancybox-skin,
.black-on-white .jquery-msg-content {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #333 !important;
}
.ui-widget-content *,
.ui-dialog *,
.ui-menu *,
.ui-selectmenu-menu *,
.ui-autocomplete *,
.fancybox-skin * {
  color: #111111 !important;
}
.ui-widget-content a { color: #0b57d0 !important; }

/* =====================================================
   PARTYTYME.NET — LAST OVERRIDE PACK (CORRECTED)
   Replace your existing LAST OVERRIDE PACK with THIS.
===================================================== */

/* 1) BLUE BORDERS around the 3 top windows ALWAYS (not just on focus) */
.round_box {
  border: 2px solid #2a6aa7 !important;
  box-shadow: none !important;
}

/* Keep the thick focus ring on the fields */
.round_box input:focus,
.round_box select:focus,
.round_box textarea:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px #2a6aa7 !important;
  border-color: #2a6aa7 !important;
}

/* 2) LOGIN POPUP: make text WHITE (but DO NOT force white backgrounds globally) */
.fancybox-wrap,
.fancybox-wrap *,
.fancybox-inner,
.fancybox-inner *,
.fancybox-outer,
.fancybox-outer *,
.fancybox-skin,
.fancybox-skin *,
.ui-dialog,
.ui-dialog * {
  color: #ffffff !important;
}

/* Inputs in the login popup should remain dark with white typing */
.fancybox-wrap input,
.fancybox-wrap select,
.fancybox-wrap textarea,
.ui-dialog input,
.ui-dialog select,
.ui-dialog textarea {
  background: #1e2433 !important;
  color: #ffffff !important;
  border: 1px solid #3a445c !important;
}

/* 3) FORMATS accordion: force BLACK text on the light accordion panels */
.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-content {
  background: #eef1f8 !important;
  border: 1px solid #aab4c6 !important;
}

.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-header *,
.ui-accordion .ui-accordion-content,
.ui-accordion .ui-accordion-content * {
  color: #111111 !important;
}

/* 4) NAV buttons bug: clicked state going black/black — fix WITHOUT changing your nav colors */
.main_navigation > a:active,
.main_navigation > a:focus,
.main_navigation > a.ui-state-active,
.main_navigation > a.ui-state-focus {
  background: rgba(255,255,255,0.18) !important; /* same as hover */
  color: #ffffff !important;
  outline: none !important;
}
.main_navigation > a:active *,
.main_navigation > a:focus *,
.main_navigation > a.ui-state-active *,
.main_navigation > a.ui-state-focus * {
  color: #ffffff !important;
}

/* If icons are getting lost, force them white on the dark nav */
.main_navigation > a img,
.main_navigation > a i,
.main_navigation > a .icon {
  filter: brightness(0) invert(1) !important;
  color: #ffffff !important;
}

/* 5) BUY + DROPDOWN: slightly smaller than 168, but still show $2.49 on HD lines
      and increase CLOSED dropdown height (you asked for this) */
.song_row_buttons {
  min-width: 172px !important;
  white-space: nowrap !important;
}

/* Slightly smaller than 168 but not back to the clipped era */
.song_row_buttons .ui-selectmenu-button,
.song_row_buttons select {
  width: 164px !important;
  min-width: 164px !important;
}

/* Increase CLOSED dropdown control height (THIS is the “popup box” you meant) */
.song_row_buttons .ui-selectmenu-button {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: 1.15 !important;
}

/* Remove extra right padding so the label doesn’t leave big blank space after $2.49 */
.ui-selectmenu-button .ui-selectmenu-text {
  padding-right: 6px !important;
  margin-right: 0 !important;
}

/* Buy button: same width, slightly shorter height */
.song_row_buttons .ui-button,
.song_row_buttons button,
.song_row_buttons input[type="button"],
.song_row_buttons input[type="submit"],
.song_row_buttons a {
  width: 164px !important;
  min-width: 164px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: 1.0 !important;
}

/* 6) Dropdown MENU list (when opened): white bg + black text */
.ui-selectmenu-menu,
.ui-selectmenu-open,
.ui-menu,
.ui-widget-content.ui-menu {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #333 !important;
}
.ui-selectmenu-menu *,
.ui-menu * {
  color: #111111 !important;
}

/* 7) Shopping cart sidebar: force remaining grey to WHITE */
#shopping_cart_container,
#shopping_cart_container *,
.cart_disc_container,
.cart_disc_container *,
.cart_prices_column,
.cart_prices_column * {
  color: #ffffff !important;
}

/* 8) Song title: bump slightly more (subtle, not huge) */
.song_row_song_title {
  font-size: 121% !important;
  font-weight: 700 !important;
}

/* 9) Search input caret visible */
.round_box input,
.round_box textarea {
  color: #ffffff !important;
  caret-color: #ffffff !important;
}