/* =============================================================================
   Vinvictus 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 Vinvictus 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;
}