/* ===========================================================
   Dr. Fixit brand — standard button styles (site-wide)
   Brand palette:
     • Primary  : #0662a1 (Fixit blue)
     • Secondary: #FFDD00 (Fixit yellow)   text #3F4254
     • Semantic : btn-success / btn-danger keep Bootstrap defaults
   =========================================================== */

.btn {
    font-weight: 600;
    border-radius: 8px;
    letter-spacing: .01em;
    border: 1px solid transparent;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.btn i { margin-right: 6px; }
.btn.btn-sm i { margin-right: 4px; }
.btn.btn-icon-only i { margin-right: 0; }

/* --- Primary (Fixit blue) ------------------------------------ */
.btn-primary,
.btn.btn-primary {
    background-color: #0662a1;
    border-color: #0662a1;
    color: #ffffff;
}
.btn-primary:hover, .btn.btn-primary:hover,
.btn-primary:focus, .btn.btn-primary:focus,
.btn-primary:active, .btn.btn-primary:active,
.btn-primary.active, .btn.btn-primary.active,
.btn-check:checked + .btn-primary {
    background-color: #FFDD00;
    border-color: #CABA3A;
    color: #3F4254;
    box-shadow: 0 0 0 0.2rem rgba(255, 221, 0, .35);
}
.btn-primary:disabled, .btn.btn-primary:disabled,
.btn-primary.disabled, .btn.btn-primary.disabled {
    background-color: #8aadc7;
    border-color: #8aadc7;
    color: #ffffff;
}

/* --- Secondary (Fixit yellow) -------------------------------- */
.btn-secondary,
.btn.btn-secondary,
.btn-warning,
.btn.btn-warning {
    background-color: #FFDD00;
    border-color: #CABA3A;
    color: #3F4254;
}
.btn-secondary:hover, .btn.btn-secondary:hover,
.btn-warning:hover, .btn.btn-warning:hover,
.btn-secondary:focus, .btn.btn-secondary:focus,
.btn-warning:focus, .btn.btn-warning:focus,
.btn-secondary:active, .btn.btn-secondary:active,
.btn-warning:active, .btn.btn-warning:active {
    background-color: #0662a1;
    border-color: #0662a1;
    color: #ffffff;
    box-shadow: 0 0 0 0.2rem rgba(6, 98, 161, .30);
}

/* --- Info (brand-aligned blue variant) ----------------------- */
.btn-info,
.btn.btn-info {
    background-color: #147abf;
    border-color: #147abf;
    color: #ffffff;
}
.btn-info:hover, .btn.btn-info:hover,
.btn-info:focus, .btn.btn-info:focus,
.btn-info:active, .btn.btn-info:active {
    background-color: #0662a1;
    border-color: #0662a1;
    color: #ffffff;
}

/* --- Outline primary (Fixit blue outline) -------------------- */
.btn-outline-primary,
.btn.btn-outline-primary {
    background-color: transparent;
    border-color: #0662a1;
    color: #0662a1;
}
.btn-outline-primary:hover, .btn.btn-outline-primary:hover,
.btn-outline-primary:focus, .btn.btn-outline-primary:focus,
.btn-outline-primary:active, .btn.btn-outline-primary:active {
    background-color: #0662a1;
    border-color: #0662a1;
    color: #ffffff;
}

/* --- Outline secondary (neutral close/cancel) ---------------- */
.btn-outline-secondary,
.btn.btn-outline-secondary {
    background-color: transparent;
    border-color: #cbd5e1;
    color: #475569;
}
.btn-outline-secondary:hover, .btn.btn-outline-secondary:hover,
.btn-outline-secondary:focus, .btn.btn-outline-secondary:focus,
.btn-outline-secondary:active, .btn.btn-outline-secondary:active {
    background-color: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a;
}
.btn-outline-secondary:hover i, .btn.btn-outline-secondary:hover i,
.btn-outline-secondary:focus i, .btn.btn-outline-secondary:focus i,
.btn-outline-secondary:active i, .btn.btn-outline-secondary:active i {
    color: #0f172a !important;
}

/* --- Success (deeper green so it sits well next to brand) ---- */
.btn-success,
.btn.btn-success {
    background-color: #047857;
    border-color: #047857;
    color: #ffffff;
}
.btn-success:hover, .btn.btn-success:hover,
.btn-success:focus, .btn.btn-success:focus,
.btn-success:active, .btn.btn-success:active {
    background-color: #065f46;
    border-color: #065f46;
    color: #ffffff;
}

/* --- Danger (keep semantic red, slight brand-aligned depth) -- */
.btn-danger,
.btn.btn-danger {
    background-color: #be123c;
    border-color: #be123c;
    color: #ffffff;
}
.btn-danger:hover, .btn.btn-danger:hover,
.btn-danger:focus, .btn.btn-danger:focus,
.btn-danger:active, .btn.btn-danger:active {
    background-color: #9f1239;
    border-color: #9f1239;
    color: #ffffff;
}