/* HiveSupport Custom Styles */
/* Gold Button Theme */

:root {
    --gold-primary: #FFC700;
    --gold-primary-hover: #E6B300;
    --gold-primary-active: #CC9F00;
    --gold-light: rgba(255, 199, 0, 0.1);
    --gold-light-hover: rgba(255, 199, 0, 0.2);
    --gold-text-dark: #1e1e2d;
}

/* Primary Buttons - Gold */
.btn-primary {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: var(--gold-text-dark) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--gold-primary-hover) !important;
    border-color: var(--gold-primary-hover) !important;
    color: var(--gold-text-dark) !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: var(--gold-primary-active) !important;
    border-color: var(--gold-primary-active) !important;
    color: var(--gold-text-dark) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: var(--gold-text-dark) !important;
    opacity: 0.65;
}

/* Light Primary Buttons - Gold Variant */
.btn-light-primary {
    background-color: var(--gold-light) !important;
    border-color: transparent !important;
    color: var(--gold-primary) !important;
}

.btn-light-primary:hover,
.btn-light-primary:focus {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: var(--gold-text-dark) !important;
}

.btn-light-primary:active,
.btn-light-primary.active {
    background-color: var(--gold-primary-hover) !important;
    border-color: var(--gold-primary-hover) !important;
    color: var(--gold-text-dark) !important;
}

/* Success Buttons - Gold */
.btn-success {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
    color: var(--gold-text-dark) !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: var(--gold-primary-hover) !important;
    border-color: var(--gold-primary-hover) !important;
    color: var(--gold-text-dark) !important;
}

.btn-success:active,
.btn-success.active {
    background-color: var(--gold-primary-active) !important;
    border-color: var(--gold-primary-active) !important;
    color: var(--gold-text-dark) !important;
}

/* Primary Links - Gold */
.link-primary {
    color: var(--gold-primary) !important;
}

.link-primary:hover,
.link-primary:focus {
    color: var(--gold-primary-hover) !important;
}

/* Primary Text - Gold */
.text-primary {
    color: var(--gold-primary) !important;
}

/* Primary Badge - Gold */
.badge-primary,
.badge-light-primary {
    background-color: var(--gold-light) !important;
    color: var(--gold-primary) !important;
}

/* Form Check Primary - Gold */
.form-check-input:checked {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-primary) !important;
}

/* Focus Ring - Gold */
.btn-primary:focus,
.btn-success:focus,
.btn-light-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 199, 0, 0.25) !important;
}

/* Spinner on buttons - ensure visibility */
.btn-primary .spinner-border,
.btn-success .spinner-border {
    color: var(--gold-text-dark) !important;
}