/* =============================================================================
   HeroWoW Theme GM Module
   ============================================================================= */

/* GM Navigation - Main Website Style: Dark Hover with Yellow Text */
.gm-nav .list-group-item {
  transition: all 0.3s ease;
  border-color: var(--bg-darker) !important;
  border: none !important;
  background-color: var(--bg-darker) !important;
  color: #ffffff !important;
}

.gm-nav .list-group-item:hover {
  background-color: var(--bg-dark) !important;
  color: var(--primary) !important; /* Yellow #ffc107 on hover */
}

.gm-nav .list-group-item.active {
  box-shadow: none !important;
  border-color: var(--bg-dark) !important;
  background-color: var(--bg-dark) !important;
  color: var(--primary) !important; /* Yellow #ffc107 for active state */
}

.gm-nav .list-group-item.active:hover {
  background-color: var(--bg-darker) !important;
  color: var(--primary) !important; /* Maintain yellow on active hover */
}

/* Additional specificity for GM navigation override */
body .container-fluid .gm-nav .list-group-item {
  background-color: var(--bg-darker) !important;
  color: #ffffff !important;
}

body .container-fluid .gm-nav .list-group-item:hover {
  background-color: var(--bg-dark) !important;
  color: var(--primary) !important; /* Force yellow on hover */
}

body .container-fluid .gm-nav .list-group-item.active {
  background-color: var(--bg-dark) !important;
  color: var(--primary) !important; /* Force yellow on active */
}

/* GM Card Header Override - Prevent Yellow Background */
.gm-card-header {
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0.375rem 0.375rem 0 0;
  background-color: var(--bg-darker) !important;
  padding: 0.75rem 1rem;
  color: #ffffff !important;
}

.gm-card-header .card-title {
  margin-bottom: 0;
  color: #ffffff !important;
}

/* Override ALL HeroWoW button styling in GM module - Most Specific Selectors */
body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-light,
body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-info,
body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-danger,
body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-success,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-light,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-info,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-danger,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-success,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-light,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-info,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-danger,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-success,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-light,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-info,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-danger,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-success {
  box-shadow: none !important;
  border: 1px solid currentColor !important;
  border-bottom: 1px solid currentColor !important;
  background-color: transparent !important;
  color: inherit !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-light,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-light,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-light,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-light {
  border-color: #f8f9fa !important;
  color: #f8f9fa !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-info,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-info,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-info,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-info {
  border-color: #0dcaf0 !important;
  color: #0dcaf0 !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-danger,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-danger,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-danger,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-danger {
  border-color: #dc3545 !important;
  color: #dc3545 !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-success,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-success,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-success,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-success {
  border-color: #198754 !important;
  color: #198754 !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn:hover,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn:hover,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn:hover,
body .container .row .col-md-8 .card.bg-darker .card-body .btn:hover {
  color: #000000 !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-light:hover,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-light:hover,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-light:hover,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-light:hover {
  background-color: #f8f9fa !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-info:hover,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-info:hover,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-info:hover,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-info:hover {
  background-color: #0dcaf0 !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-danger:hover,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-danger:hover,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-danger:hover,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-danger:hover {
  background-color: #dc3545 !important;
}

body .container-fluid .row .col-xl-10 .card.bg-darker .gm-card-header .btn.btn-outline-success:hover,
body .container-fluid .row .col-xl-10 .card.bg-darker .card-body .btn.btn-outline-success:hover,
body .container .row .col-md-8 .card.bg-darker .gm-card-header .btn.btn-outline-success:hover,
body .container .row .col-md-8 .card.bg-darker .card-body .btn.btn-outline-success:hover {
  background-color: #198754 !important;
}

/* HeroWoW Patch menu/button */
.herowow-patch-menu{
    position:fixed;
    top:110px;
    right:24px;
    z-index:9999;
}
.herowow-patch-menu a,
a[href*="1vsJbFrxwCGoIkYicVFeMK0aw95MD3zY4"]{
    display:inline-block !important;
    padding:12px 24px !important;
    margin:4px !important;
    border-radius:12px !important;
    background:linear-gradient(90deg,#f59e0b,#facc15) !important;
    color:#111827 !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    box-shadow:0 0 18px rgba(250,204,21,.55) !important;
}

/* HeroWoW fixed theme style */
body { background:#070b14 !important; color:#fff !important; }
a[href*="discord.gg"] { color:#fff !important; }
a[href*="1vsJbFrxwCGoIkYicVFeMK0aw95MD3zY4"] {
    background:linear-gradient(90deg,#f59e0b,#facc15)!important;
    color:#111827!important;
    padding:10px 18px!important;
    border-radius:10px!important;
    font-weight:bold!important;
}