/* Import custom fonts */
@import url('fonts.css');

/* Custom styles for AdminLTE */

:root {
    --vsag-primary: #46bfe0;
}

/* Add padding to menu items with badges to prevent overlap */
.nav-sidebar .nav-item .nav-link {
    padding-right: 2.5rem !important; /* Increase right padding to make room for badges */
}

/* Ensure multi-line menu items align text to the right of the icon */
.nav-sidebar .nav-item .nav-link {
    display: flex;
    align-items: flex-start;
}

/* Target all possible icon classes in AdminLTE */
.nav-sidebar .nav-item .nav-link i.nav-icon,
.nav-sidebar .nav-item .nav-link .nav-icon,
.nav-sidebar .nav-link > i,
.nav-sidebar .nav-link > .nav-icon {
    margin-right: 0.8rem !important;
    flex-shrink: 0;
}

.nav-sidebar .nav-item .nav-link p {
    margin-bottom: 0;
    line-height: 1.2;
}

/* Survey question hierarchy styles */
.question-container {
    margin-bottom: 2rem;
    border-left: 3px solid #f8f9fa;
    padding-left: 1rem;
}

.question-item {
    margin-bottom: 1rem;
    padding: 0.75rem;
    background-color: #f8f9fa;
    border-radius: 0.25rem;
}

.children-container {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    border-left: 2px solid #e9ecef;
}

.descendants-container {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-left: 2px solid #dee2e6;
}

.answer-value {
    padding: 0.5rem;
    background-color: #ffffff;
    border-radius: 0.25rem;
    border-left: 3px solid var(--vsag-primary);
}

.no-answer {
    color: #6c757d;
    font-style: italic;
}

/* Category headers in survey answers */
.card-body h1 {
    font-size: 1.75rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--vsag-primary);
}

/* Email templates card styles */
.card.h-100 {
    display: flex;
    flex-direction: column;
}

.card.h-100 .card-body {
    flex: 1;
}

/* Custom sidebar background color */
.sidebar-dark-primary {
    background-color: #5f83a4 !important;
}

/* Custom background color for selected parent menu items */
.nav-sidebar .nav-item.menu-open > .nav-link,
.nav-sidebar .nav-item > .nav-link.active {
    background-color: #d9e4ec !important;
}

/* Custom text color for active menu items */
.nav-sidebar .nav-link.active,
.nav-sidebar .nav-item.menu-open > .nav-link,
.nav-sidebar .nav-treeview .nav-item > .nav-link.active {
    color: #5f83a4 !important;
}

/* Ensure the text inside active menu items also gets the custom color */
.nav-sidebar .nav-link.active p,
.nav-sidebar .nav-item.menu-open > .nav-link p,
.nav-sidebar .nav-treeview .nav-item > .nav-link.active p {
    color: #5f83a4 !important;
}

/* Custom badge-danger background color */
.badge-danger {
    background-color: #ee7aa2 !important;
}

/* Custom primary button color */
.btn-primary {
    background-color: var(--vsag-primary) !important;
    border-color: var(--vsag-primary) !important;
}

/* Custom success button color */
.btn-success {
    background-color: #61b55a !important;
    border-color: #61b55a !important;
}

/* Custom danger button color */
.btn-danger {
    background-color: #ee7aa2 !important;
    border-color: #ee7aa2 !important;
}

/* Custom card-primary background color */
.card-primary.card-tabs .card-header {
    background-color: var(--vsag-primary) !important;
}

/* Custom edit icon color */
.fas.fa-edit {
    color: var(--vsag-primary) !important;
}

/* Custom outline-primary button border color */
.btn-outline-primary {
    border-color: var(--vsag-primary) !important;
    color: var(--vsag-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--vsag-primary) !important;
    color: #ffffff !important;
}

.btn-outline-primary:hover .fas.fa-edit {
    color: #ffffff !important;
}

/* Custom anchor tag color */
a.font-weight-bold {
    color: var(--vsag-primary) !important;
}

/* More specific selector for email-views */
.list-group-item a.font-weight-bold {
    color: var(--vsag-primary) !important;
}

/* Custom badge-info background color */
.badge-info {
    background-color: #5f83a4 !important;
}

/* Custom badge-warning background color */
.badge-warning {
    background-color: #f7a833 !important;
}

/* Custom history icon color */
.fas.fa-history {
    color: #5f83a4 !important;
}

/* Custom outline-info button border color */
.btn-outline-info {
    border-color: #5f83a4 !important;
    color: #5f83a4 !important;
}

.btn-outline-info:hover {
    background-color: #5f83a4 !important;
    color: #ffffff !important;
}

.btn-outline-info:hover .fas.fa-history {
    color: #ffffff !important;
}

/* Override AdminLTE/Bootstrap primary color */
:root {
    --primary: var(--vsag-primary) !important;
    --blue: var(--vsag-primary) !important;
}

.text-primary {
    color: var(--vsag-primary) !important;
}

.bg-primary {
    background-color: var(--vsag-primary) !important;
}

.border-primary {
    border-color: var(--vsag-primary) !important;
}

a {
    color: var(--vsag-primary);
}

a:hover {
    color: #2da8c9;
}

/* Custom card-primary outline color */
.card-primary.card-outline {
    border-top: 3px solid var(--vsag-primary) !important;
}

/* Fix oversized pagination arrows with w-5 h-5 classes */
.w-5 {
    width: 1.25rem !important;
}

.h-5 {
    height: 1.25rem !important;
}

/* Additional pagination arrow fixes */
.pagination .w-5.h-5 {
    width: 1rem !important;
    height: 1rem !important;
}

/* Disable clicks on the logo */
.brand-link,
.navbar-brand {
    pointer-events: none !important;
    cursor: default !important;
}

/* Also disable clicks on logo children elements */
.brand-link *,
.navbar-brand * {
    pointer-events: none !important;
    cursor: default !important;
}

/* Additional selector for sidebar brand logo */
.main-sidebar .brand-link,
.main-sidebar .navbar-brand {
    pointer-events: none !important;
    cursor: default !important;
}