/* =============================================================================
   Vinvictus Theme GM Module
   ============================================================================= */

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

.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 {
	background-color: var(--bg-dark) !important;
	border-color: var(--bg-dark) !important;
	color: var(--primary) !important; /* Yellow #ffc107 for active state */
	box-shadow: none !important;
}

.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 {
	background-color: var(--bg-darker) !important;
	border-bottom: 1px solid var(--border-color) !important;
	color: #ffffff !important;
	padding: 0.75rem 1rem;
	border-radius: 0.375rem 0.375rem 0 0;
}

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

/* 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 {
	background-color: transparent !important;
	border: 1px solid currentColor !important;
	border-bottom: 1px solid currentColor !important;
	color: inherit !important;
	text-transform: none !important;
	font-weight: 400 !important;
	box-shadow: 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 {
	color: #f8f9fa !important;
	border-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 {
	color: #0dcaf0 !important;
	border-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 {
	color: #dc3545 !important;
	border-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 {
	color: #198754 !important;
	border-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;
}
