/* The Oil Hand — oilfield child overrides. Do not restyle Better Messages internals. */

:root {
  --oh-steel: #1c1914;
  --oh-steel-2: #2a2620;
  --oh-panel: #2d3238;
  --oh-cream: #f3ebdc;
  --oh-orange: #e06531;
  --oh-orange-deep: #c44a1a;
  --oh-orange-hot: #9a3510;
  --oh-gold: #dd9933;
  --oh-rule: #8a5a2a;

  --bb-primary-color: #e06531;
  --bb-primary-button-background-regular: #c44a1a;
  --bb-primary-button-background-hover: #9a3510;
  --bb-primary-button-border-regular: #c44a1a;
  --bb-primary-button-border-hover: #9a3510;
  --bb-primary-button-text-regular: #f3ebdc;
  --bb-primary-button-text-hover: #ffffff;
  --bb-secondary-button-background-regular: #2a2620;
  --bb-secondary-button-background-hover: #c44a1a;
  --bb-secondary-button-border-regular: #8a5a2a;
  --bb-secondary-button-border-hover: #c44a1a;
  --bb-secondary-button-text-regular: #f3ebdc;
  --bb-secondary-button-text-hover: #ffffff;
}

/* ---------- Global BuddyBoss / Elementor buttons (not chat) ---------- */
body .button,
body .btn,
body button.button,
body a.button,
body input[type="submit"],
body .signin-button,
body .elementor-button,
body #buddypress .generic-button a,
body .buddypress-wrap .generic-button a {
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--oh-orange-deep) !important;
  border-radius: 2px !important;
  background: var(--oh-steel) !important;
  color: var(--oh-cream) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 1px 0 rgba(243, 235, 220, 0.12), 0 1px 0 #000;
  text-decoration: none !important;
}

body .button:hover,
body .btn:hover,
body button.button:hover,
body a.button:hover,
body input[type="submit"]:hover,
body .signin-button:hover,
body .elementor-button:hover,
body #buddypress .generic-button a:hover {
  background: var(--oh-orange-deep) !important;
  border-color: var(--oh-orange) !important;
  color: #fff !important;
}

body .button.small,
body .signin-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ---------- Header account dropdown ---------- */
#header-aside .user-wrap .wrapper,
#header-aside .user-wrap .sub-menu,
.bb-template-v2 .header-aside .user-wrap .sub-menu {
  min-width: 280px;
  padding: 10px 0 12px;
  background: var(--oh-panel) !important;
  border: 1px solid var(--oh-orange-deep);
  border-right-width: 6px;
  border-radius: 0 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}

#header-aside .user-wrap .sub-menu li a,
.header-aside .user-wrap .sub-menu li a,
.bb-template-v2 .header-aside .wrapper .sub-menu li a {
  display: flex !important;
  align-items: center;
  min-height: 44px;
  margin: 5px 12px;
  padding: 0 14px !important;
  border: 1px solid var(--oh-rule);
  background: var(--oh-steel);
  color: var(--oh-cream) !important;
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border-radius: 2px;
}

#header-aside .user-wrap .sub-menu li a:hover,
.header-aside .user-wrap .sub-menu li a:hover {
  background: var(--oh-orange-deep) !important;
  border-color: var(--oh-orange) !important;
  color: #fff !important;
}

#header-aside .user-wrap .sub-menu li a i,
#header-aside .user-wrap .sub-menu li a:before,
#header-aside .user-wrap .sub-menu li a:after {
  display: none !important;
}

/* ---------- Side panel (the stacked list in your screenshot) ---------- */
.buddypanel,
.bb-mobile-panel,
aside.buddypanel {
  background: var(--oh-panel) !important;
  border-right: 6px solid var(--oh-orange-deep);
}

.buddypanel-menu a,
.buddypanel .side-panel-menu a,
.bb-mobile-panel .bb-primary-menu a,
.buddypanel-menu .wp-menu-name,
.buddypanel ul li a {
  display: flex !important;
  align-items: center;
  min-height: 44px;
  margin: 6px 12px !important;
  padding: 0 14px !important;
  border: 1px solid var(--oh-rule) !important;
  background: var(--oh-steel) !important;
  color: var(--oh-cream) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 2px;
}

.buddypanel-menu a:hover,
.buddypanel .side-panel-menu a:hover,
.bb-mobile-panel .bb-primary-menu a:hover,
.buddypanel ul li a:hover {
  background: var(--oh-orange-deep) !important;
  border-color: var(--oh-orange) !important;
  color: #fff !important;
}

.buddypanel-menu a i,
.buddypanel-menu a:before,
.buddypanel .side-panel-menu a i,
.buddypanel ul li a:before,
.buddypanel ul li a .bb-icon-angle-right,
.buddypanel ul li a .bb-icon-angle-left {
  display: none !important;
}

/* Group the crew vs yard vs invite blocks a little */
.buddypanel-menu > li:nth-child(4),
.buddypanel-menu > li:nth-child(8),
.buddypanel-menu > li:nth-child(12) {
  margin-top: 10px;
}

.buddypanel .user-wrap,
.buddypanel .panel-head {
  padding: 16px 14px 8px;
  color: var(--oh-cream);
}

.buddypanel .user-wrap a,
.buddypanel .panel-head a {
  color: var(--oh-cream) !important;
}

/* Keep Better Messages chrome out of these button rules */
.bp-better-messages-container .button,
.bp-messages-wrap .button {
  min-height: unset;
  letter-spacing: normal;
  text-transform: none;
}