/* Custom button styles for Positeens */

/* Primary button - normal state */
.btn-primary {
    background-color: #594d45 !important;
    border-color: #594d45 !important;
    color: #ffffff !important;
}

/* Primary button - hover state */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #493f39 !important; /* Darker shade for hover */
    border-color: #493f39 !important;
    color: #ffffff !important;
}

/* Primary button - active/clicked state */
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #3e3631 !important; /* Even darker for active state */
    border-color: #3e3631 !important;
    color: #ffffff !important;
}

/* Primary button outline variant */
.btn-outline-primary {
    color: #594d45 !important;
    border-color: #594d45 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    background-color: #594d45 !important;
    color: #ffffff !important;
}

/* Study button (for posistudy.com) - normal state */
.btn-study {
    background-color: #6C9BCF !important;
    border-color: #6C9BCF !important;
    color: #ffffff !important;
}

/* Study button - hover state */
.btn-study:hover,
.btn-study:focus,
.btn-study:not(:disabled):not(.disabled):active {
    background-color: #5a88b8 !important; /* Darker shade for hover */
    border-color: #5a88b8 !important;
    color: #ffffff !important;
}

/* Study button - active/clicked state */
.btn-study:not(:disabled):not(.disabled).active,
.btn-study:not(:disabled):not(.disabled):active {
    background-color: #4a76a1 !important; /* Even darker for active state */
    border-color: #4a76a1 !important;
    color: #ffffff !important;
}

/* Study button outline variant */
.btn-outline-study {
    color: #6C9BCF !important;
    border-color: #6C9BCF !important;
    background-color: transparent !important;
}

.btn-outline-study:hover,
.btn-outline-study:not(:disabled):not(.disabled):active,
.btn-outline-study:not(:disabled):not(.disabled).active {
    background-color: #6C9BCF !important;
    border-color: #6C9BCF !important;
    color: #ffffff !important;
}