/* Global Admin Button Styling - Primary/Secondary Color Scheme */
/* All buttons: Primary background + White text, Secondary background on hover */

/* Define CSS variables for primary and secondary colors */
:root {
    --btn-primary-bg:  #ab2424;
    --btn-secondary-bg:#b74f4f;
    --btn-text-color: white;
}

/* All button types - standardized to primary/secondary color scheme */
.btn--primary,
.btn--secondary,
.btn--success,
.btn--danger,
.btn--warning,
.btn--info,
.btn--dark,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-dark,
.btn[class*="btn--"]:not(.btn--light):not([class*="outline"]) {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
    color: var(--btn-text-color) !important;
    transition: all 0.3s ease !important;
}

/* Hover state - secondary color background */
.btn--primary:hover,
.btn--secondary:hover,
.btn--success:hover,
.btn--danger:hover,
.btn--warning:hover,
.btn--info:hover,
.btn--dark:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-info:hover,
.btn-dark:hover,
.btn[class*="btn--"]:not(.btn--light):not([class*="outline"]):hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-bg) !important;
    color: var(--btn-text-color) !important;
}

/* Active/Focus states - also secondary color */
.btn--primary:active,
.btn--secondary:active,
.btn--success:active,
.btn--danger:active,
.btn--warning:active,
.btn--info:active,
.btn--dark:active,
.btn-primary:active,
.btn-secondary:active,
.btn-success:active,
.btn-danger:active,
.btn-warning:active,
.btn-info:active,
.btn-dark:active,
.btn--primary:focus,
.btn--secondary:focus,
.btn--success:focus,
.btn--danger:focus,
.btn--warning:focus,
.btn--info:focus,
.btn--dark:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-success:focus,
.btn-danger:focus,
.btn-warning:focus,
.btn-info:focus,
.btn-dark:focus,
.btn[class*="btn--"]:not(.btn--light):not([class*="outline"]):active,
.btn[class*="btn--"]:not(.btn--light):not([class*="outline"]):focus {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-bg) !important;
    color: var(--btn-text-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25) !important;
}

/* Light buttons - keep original styling */
.btn--light,
.btn-light {
    /* Keep original light button styling */
}

/* Outline buttons - keep original styling in normal state */
.btn-outline--primary,
.btn-outline--secondary,
.btn-outline--success,
.btn-outline--danger,
.btn-outline--warning,
.btn-outline--info,
.btn-outline--dark {
    /* Keep original outline button styling */
}

/* Outline buttons on hover/active - primary background with white text */
.btn-outline--primary:hover,
.btn-outline--secondary:hover,
.btn-outline--success:hover,
.btn-outline--danger:hover,
.btn-outline--warning:hover,
.btn-outline--info:hover,
.btn-outline--dark:hover,
.btn-outline--primary:active,
.btn-outline--secondary:active,
.btn-outline--success:active,
.btn-outline--danger:active,
.btn-outline--warning:active,
.btn-outline--info:active,
.btn-outline--dark:active,
.btn-outline--primary.active,
.btn-outline--secondary.active,
.btn-outline--success.active,
.btn-outline--danger.active,
.btn-outline--warning.active,
.btn-outline--info.active,
.btn-outline--dark.active {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
    color: var(--btn-text-color) !important;
}

/* Size variations - inherit from base button classes */
.btn-sm,
.btn--sm,
.btn-lg,
.btn--lg {
    /* Size variations inherit the color scheme from their base classes */
}

/* Disabled buttons - muted primary color with white text */
.btn--primary:disabled,
.btn--secondary:disabled,
.btn--success:disabled,
.btn--danger:disabled,
.btn--warning:disabled,
.btn--info:disabled,
.btn--dark:disabled,
.btn-primary:disabled,
.btn-secondary:disabled,
.btn-success:disabled,
.btn-danger:disabled,
.btn-warning:disabled,
.btn-info:disabled,
.btn-dark:disabled,
.btn--primary.disabled,
.btn--secondary.disabled,
.btn--success.disabled,
.btn--danger.disabled,
.btn--warning.disabled,
.btn--info.disabled,
.btn--dark.disabled,
.btn-primary.disabled,
.btn-secondary.disabled,
.btn-success.disabled,
.btn-danger.disabled,
.btn-warning.disabled,
.btn-info.disabled,
.btn-dark.disabled,
.btn[class*="btn--"]:not(.btn--light):not([class*="outline"]):disabled,
.btn[class*="btn--"]:not(.btn--light):not([class*="outline"]).disabled {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
    color: var(--btn-text-color) !important;
    opacity: 0.65 !important;
}

/* Loading state buttons - preserve styling */
.btn .btn-loading,
.btn .btn-text {
    color: inherit !important;
}