/*
 * Custom button style that combines btn-custom functionality with btn-primary colors
 * This maintains the minimize/expand behavior while using primary button styling
 * Handles size reduction when aside is minimized
 */

.btn-custom-primary {
    /* Base styling from btn-primary */
    background-color: #009ef7;
    border-color: #009ef7;
    color: #ffffff;
    
    /* Inherit btn-custom functionality */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-size: 1rem;
}

/* Hover state */
.btn-custom-primary:hover {
    background-color: #0084d4;
    border-color: #0084d4;
    color: #ffffff;
}

/* Active/focus state */
.btn-custom-primary:active,
.btn-custom-primary:focus {
    background-color: #006bb3;
    border-color: #006bb3;
    color: #ffffff;
    box-shadow: 0 0 0 0.2rem rgba(0, 158, 247, 0.25);
}

/* Icon styling */
.btn-custom-primary .menu-icon {
    transition: all 0.3s ease;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
}

.btn-custom-primary .menu-icon .svg-icon {
    color: #ffffff;
}

/* Title/text styling */
.btn-custom-primary .menu-title {
    transition: all 0.3s ease;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    width: auto;
    display: inline-block;
}

/* MINIMIZED state - hide text and reduce button size */
[data-kt-aside-minimize="on"] .aside:not(:hover) .btn-custom-primary {
    padding: 0.5rem;
    width: 2.5rem !important;
    /*min-width: auto;*/
    justify-content: center;
    float: left;
    transition: all 0.5s ease;
}

[data-kt-aside-minimize="on"] .aside .btn-custom-primary .menu-title {
   display: none;
}

[data-kt-aside-minimize="on"] .aside .btn-custom-primary .menu-icon {
    margin: 0;
}

/* EXPANDED state - full size with text */
/* .aside:not([data-kt-aside-minimize="on"]) .btn-custom-primary {
    padding: 0.75rem 1rem;
    width: 100% !important;
    background-color: #15ff00;
} */

.aside:not([data-kt-aside-minimize]) .btn-custom-primary .menu-title {
    display: inline-block;
    width: auto;
    opacity: 1;
}

/* Dark theme adjustments */
.aside-dark .btn-custom-primary {
    background-color: #009ef7;
    border-color: #009ef7;
}

.aside-dark .btn-custom-primary:hover {
    background-color: #0084d4;
    border-color: #0084d4;
}

.aside-dark .btn-custom-primary:active,
.aside-dark .btn-custom-primary:focus {
    background-color: #006bb3;
    border-color: #006bb3;
}

/* Ensure proper sizing for minimized aside */
[data-kt-aside-minimize="on"] .aside-footer {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

[data-kt-aside-minimize="on"] .aside .btn-custom-primary {
    max-width: calc(100% - 0.5rem);
    margin: 0 auto;
}