/* Custom View Details Button Styling */
/* Override Bootstrap btn-dark with white background and solid border */

.view-details-btn,
.card-footer .view-details-btn,
.btn.view-details-btn,
.btn.btn-light-dark.view-details-btn,
.btn.btn-dark.view-details-btn {
    color: #1e1e2d !important;
    background-color: #ffffff !important;
    border-color: #1e1e2d !important;
    border-style: solid !important;
    border-width: 2px !important;
    box-shadow: none !important;
}

/* Icon colors for light theme */
.view-details-btn i,
.view-details-btn .svg-icon,
.view-details-btn .ki-duotone,
.card-footer .view-details-btn i,
.card-footer .view-details-btn .svg-icon,
.card-footer .view-details-btn .ki-duotone,
.btn.view-details-btn i,
.btn.view-details-btn .svg-icon,
.btn.view-details-btn .ki-duotone {
    color: #1e1e2d !important;
}

.view-details-btn:hover,
.view-details-btn:focus,
.view-details-btn:active {
    color: #ffffff !important;
    background-color: #1e1e2d !important;
    border-color: #1e1e2d !important;
}

/* Hover icon colors */
.view-details-btn:hover i,
.view-details-btn:hover .svg-icon,
.view-details-btn:hover .ki-duotone,
.view-details-btn:focus i,
.view-details-btn:focus .svg-icon,
.view-details-btn:focus .ki-duotone,
.view-details-btn:active i,
.view-details-btn:active .svg-icon,
.view-details-btn:active .ki-duotone {
    color: #ffffff !important;
}

.btn.btn-outline-custom {
    color: #1e1e2d !important;
    background-color: #ffffff !important;
    border: 2px solid #1e1e2d !important;
    border-radius: 0.475rem !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.btn.btn-outline-custom:hover,
.btn.btn-outline-custom:focus,
.btn.btn-outline-custom:active,
.btn.btn-outline-custom:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    background-color: #1e1e2d !important;
    border-color: #1e1e2d !important;
    border: 2px solid #1e1e2d !important;
    box-shadow: none !important;
}

.btn.btn-outline-custom i,
.btn.btn-outline-custom .svg-icon,
.btn.btn-outline-custom .ki-duotone {
    color: #1e1e2d !important;
}

.btn.btn-outline-custom:hover i,
.btn.btn-outline-custom:hover .svg-icon,
.btn.btn-outline-custom:hover .ki-duotone,
.btn.btn-outline-custom:focus i,
.btn.btn-outline-custom:focus .svg-icon,
.btn.btn-outline-custom:focus .ki-duotone,
.btn.btn-outline-custom:active i,
.btn.btn-outline-custom:active .svg-icon,
.btn.btn-outline-custom:active .ki-duotone {
    color: #ffffff !important;
}

/* Extra specificity to override Bootstrap */
.card-footer .btn.btn-outline-custom {
    color: #1e1e2d !important;
    background-color: #ffffff !important;
    border: 2px solid #1e1e2d !important;
}

.card-footer .btn.btn-outline-custom:hover {
    color: #ffffff !important;
    background-color: #1e1e2d !important;
    border: 2px solid #1e1e2d !important;
}

/* Dark mode support: dark text on white background with black border */
[data-bs-theme="dark"] .view-details-btn,
[data-bs-theme="dark"] .card-footer .view-details-btn,
[data-bs-theme="dark"] .btn.view-details-btn,
[data-bs-theme="dark"] .btn.btn-light-dark.view-details-btn,
[data-bs-theme="dark"] .btn.btn-dark.view-details-btn,
[data-bs-theme="dark"] .btn.btn-outline-custom,
[data-bs-theme="dark"] .card .card-footer .btn.view-details-btn {
    color: #1e1e2d !important;
    background-color: #ffffff !important;
    border-color: #1e1e2d !important;
    border-style: solid !important;
    border-width: 2px !important;
}

/* Dark mode icon colors - should be dark like text */
[data-bs-theme="dark"] .view-details-btn i,
[data-bs-theme="dark"] .view-details-btn .svg-icon,
[data-bs-theme="dark"] .view-details-btn .ki-duotone,
[data-bs-theme="dark"] .card-footer .view-details-btn i,
[data-bs-theme="dark"] .card-footer .view-details-btn .svg-icon,
[data-bs-theme="dark"] .card-footer .view-details-btn .ki-duotone,
[data-bs-theme="dark"] .btn.view-details-btn i,
[data-bs-theme="dark"] .btn.view-details-btn .svg-icon,
[data-bs-theme="dark"] .btn.view-details-btn .ki-duotone,
[data-bs-theme="dark"] .btn.btn-outline-custom i,
[data-bs-theme="dark"] .btn.btn-outline-custom .svg-icon,
[data-bs-theme="dark"] .btn.btn-outline-custom .ki-duotone,
[data-bs-theme="dark"] .card .card-footer .btn.view-details-btn i,
[data-bs-theme="dark"] .card .card-footer .btn.view-details-btn .svg-icon,
[data-bs-theme="dark"] .card .card-footer .btn.view-details-btn .ki-duotone {
    color: #1e1e2d !important;
}

[data-bs-theme="dark"] .view-details-btn:hover,
[data-bs-theme="dark"] .btn.btn-outline-custom:hover,
[data-bs-theme="dark"] .view-details-btn:focus,
[data-bs-theme="dark"] .btn.btn-outline-custom:focus,
[data-bs-theme="dark"] .view-details-btn:active,
[data-bs-theme="dark"] .btn.btn-outline-custom:active {
    color: #ffffff !important;
    background-color: #1e1e2d !important;
    border-color: #1e1e2d !important;
}

/* Dark mode hover icon colors */
[data-bs-theme="dark"] .view-details-btn:hover i,
[data-bs-theme="dark"] .view-details-btn:hover .svg-icon,
[data-bs-theme="dark"] .view-details-btn:hover .ki-duotone,
[data-bs-theme="dark"] .btn.btn-outline-custom:hover i,
[data-bs-theme="dark"] .btn.btn-outline-custom:hover .svg-icon,
[data-bs-theme="dark"] .btn.btn-outline-custom:hover .ki-duotone,
[data-bs-theme="dark"] .view-details-btn:focus i,
[data-bs-theme="dark"] .view-details-btn:focus .svg-icon,
[data-bs-theme="dark"] .view-details-btn:focus .ki-duotone,
[data-bs-theme="dark"] .btn.btn-outline-custom:focus i,
[data-bs-theme="dark"] .btn.btn-outline-custom:focus .svg-icon,
[data-bs-theme="dark"] .btn.btn-outline-custom:focus .ki-duotone,
[data-bs-theme="dark"] .view-details-btn:active i,
[data-bs-theme="dark"] .view-details-btn:active .svg-icon,
[data-bs-theme="dark"] .view-details-btn:active .ki-duotone,
[data-bs-theme="dark"] .btn.btn-outline-custom:active i,
[data-bs-theme="dark"] .btn.btn-outline-custom:active .svg-icon,
[data-bs-theme="dark"] .btn.btn-outline-custom:active .ki-duotone {
    color: #ffffff !important;
}