/**
 * Custom Buttons CSS - Override button styles after login
 */

/* Target buttons with specific classes */
body.logged-in .tw-dw-btn.tw-bg-gradient-to-r,
body.logged-in [class*="tw-bg-primary-"],
body.logged-in .btn-primary,
body.logged-in .btn-info,
body.logged-in .btn-success,
body.logged-in .btn-modal,
body.logged-in .add_btn,
body.logged-in .box-tools .btn,
body.logged-in .box-tools a {
    background-color: #CC9D6A !important;
    background-image: none !important;
    color: white !important;
    border-color: #CC9D6A !important;
    transition: background-color 0.3s ease !important;
}
@media (min-width: 640px) {
    .sm\:tw-p-3 {
        padding: 0rem .75rem !important;
    }
}
/* Hover state */
body.logged-in .tw-dw-btn.tw-bg-gradient-to-r:hover,
body.logged-in [class*="tw-bg-primary-"]:hover,
body.logged-in .btn-primary:hover,
body.logged-in .btn-info:hover,
body.logged-in .btn-success:hover,
body.logged-in .btn-modal:hover,
body.logged-in .add_btn:hover,
body.logged-in .box-tools .btn:hover,
body.logged-in .box-tools a:hover {
    background-color: #b8895a !important;
    border-color: #b8895a !important;
}

/* Focus state */
body.logged-in .tw-dw-btn.tw-bg-gradient-to-r:focus,
body.logged-in [class*="tw-bg-primary-"]:focus,
body.logged-in .btn-primary:focus,
body.logged-in .btn-info:focus,
body.logged-in .btn-success:focus,
body.logged-in .btn-modal:focus,
body.logged-in .add_btn:focus,
body.logged-in .box-tools .btn:focus,
body.logged-in .box-tools a:focus {
    box-shadow: 0 0 0 0.2rem rgba(204, 157, 106, 0.5) !important;
}

/* Active state */
body.logged-in .tw-dw-btn.tw-bg-gradient-to-r:active,
body.logged-in [class*="tw-bg-primary-"]:active,
body.logged-in .btn-primary:active,
body.logged-in .btn-info:active,
body.logged-in .btn-success:active,
body.logged-in .btn-modal:active,
body.logged-in .add_btn:active,
body.logged-in .box-tools .btn:active,
body.logged-in .box-tools a:active {
    background-color: #a67c4e !important;
    border-color: #a67c4e !important;
}

/* Ensure text color is white */
body.logged-in .tw-dw-btn.tw-bg-gradient-to-r *,
body.logged-in [class*="tw-bg-primary-"] *,
body.logged-in .btn-primary *,
body.logged-in .btn-info *,
body.logged-in .btn-success *,
body.logged-in .btn-modal *,
body.logged-in .add_btn *,
body.logged-in .box-tools .btn *,
body.logged-in .box-tools a * {
    color: white !important;
}

/* Handle buttons in modals and dynamically added content */
.modal-dialog .tw-dw-btn,
.modal-dialog [class*="tw-bg-primary-"],
.modal-dialog .btn-primary,
.modal-dialog .btn-info,
.modal-dialog .btn-success,
.modal-dialog .btn-modal,
.modal-dialog .add_btn {
    background-color: #CC9D6A !important;
    background-image: none !important;
    color: white !important;
    border-color: #CC9D6A !important;
}

/* Hover state for modal buttons */
.modal-dialog .tw-dw-btn:hover,
.modal-dialog [class*="tw-bg-primary-"]:hover,
.modal-dialog .btn-primary:hover,
.modal-dialog .btn-info:hover,
.modal-dialog .btn-success:hover,
.modal-dialog .btn-modal:hover,
.modal-dialog .add_btn:hover {
    background-color: #b8895a !important;
    border-color: #b8895a !important;
}