/**
 * Custom overrides for Velzon theme — Event CRM
 */

 /*login page cover */
.auth-bg-cover {
    background: linear-gradient(-45deg, #000000 50%, #787878) !important;
}

/* Utilize full page width */
@media (min-width: 1024.1px) {
    [data-layout="horizontal"]
        .container-fluid, [data-layout="horizontal"]
        .layout-width {
        max-width: 100%;
        margin: 0px auto;
    }
}

/* Navbar TopMenu OnHover Color */
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link:hover span,
[data-layout="horizontal"] .navbar-menu .navbar-nav .nav-link:hover i {
    color: #2563eb;
}

/* Navbar Header Padding */
.navbar-header {
    padding: 0px 1.5rem 0px 0.75rem;
}

/* Fix dropdown menus being clipped inside .table-responsive containers */
.table-responsive {
    overflow: visible !important;
}

/* On small screens, allow horizontal scroll but keep dropdowns visible */
@media (max-width: 767.98px) {
    .table-responsive {
        overflow-x: auto !important;
        overflow-y: visible !important;
    }
}

/* Ensure dropdown menus inside tables have proper z-index */
.table .dropdown-menu {
    z-index: 1050;
}

/* Topbar icon buttons hover - match nav link hover blue */
.header-item .btn-topbar:hover,
.header-item .btn-topbar:hover i {
    color: #2563eb !important;
}

/* table action column */
.table .col-action {
    width: 40px !important;
    text-align: center !important;
}

/* Active Status Switch */
.dark-form-check-input:checked {
    background-color: #090909 !important;
    border-color: #0d0d0d !important;
}

.icon-css {
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
}

.badge {
    font-size: 0.75rem !important;
    font-weight: normal !important;
}

/* Dark mode: make info icons white */
[data-bs-theme="dark"] .dark-icon {
    color: #fff !important;
}

/* For Popovers/Links */
[data-layout="horizontal"] .dashed-underline {
    border-bottom: 1px dashed #2563eb;
    cursor: pointer;
}

.text-truncate-cell-75 {
    max-width: 75px; /* Adjust this value to your needs */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-cell-100 {
    max-width: 100px; /* Adjust this value to your needs */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-cell-150 {
    max-width: 150px; /* Adjust this value to your needs */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-cell-200 {
    max-width: 200px; /* Adjust this value to your needs */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-cell-250 {
    max-width: 250px; /* Adjust this value to your needs */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}