/* ============================================================
   RideOps Design System — buttons.css
   Primary: turuncu · Secondary: koyu · Ghost: şeffaf.
   Hepsi yuvarlak köşeli ve modern hover'lı.
   ============================================================ */

.fi-btn {
    border-radius: var(--ro-radius-sm) !important;
    font-weight: var(--ro-fw-semibold) !important;
    transition: background-color var(--ro-transition-fast), box-shadow var(--ro-transition-fast), transform var(--ro-transition-fast) !important;
}

.fi-btn:active {
    transform: translateY(1px);
}

/* Primary — marka turuncusu */
.fi-btn-color-primary {
    background: var(--ro-primary) !important;
    color: #ffffff !important;
    box-shadow: var(--ro-shadow-glow-primary);
}
.fi-btn-color-primary:hover {
    background: var(--ro-primary-hover) !important;
}
.fi-btn-color-primary:active {
    background: var(--ro-primary-active) !important;
}

/* Secondary — koyu zemin, ince kenarlık */
.fi-btn-color-gray:not(.fi-btn-outlined) {
    background: var(--ro-card) !important;
    color: var(--ro-text) !important;
    border: 1px solid var(--ro-border) !important;
}
.fi-btn-color-gray:not(.fi-btn-outlined):hover {
    background: var(--ro-card-hover) !important;
}

/* Ghost — şeffaf, sadece metin/ikon */
.fi-btn-outlined {
    background: transparent !important;
    border: 1px solid var(--ro-border) !important;
    color: var(--ro-text-secondary) !important;
}
.fi-btn-outlined:hover {
    background: var(--ro-card) !important;
    color: var(--ro-text) !important;
    border-color: var(--ro-primary) !important;
}

/* Semantik renkler */
.fi-btn-color-success { background: var(--ro-success) !important; }
.fi-btn-color-warning { background: var(--ro-warning) !important; }
.fi-btn-color-danger  { background: var(--ro-danger) !important; }
.fi-btn-color-info    { background: var(--ro-info) !important; }

/* İkon butonlar (tablo aksiyonları vb.) */
.fi-icon-btn {
    border-radius: var(--ro-radius-sm) !important;
    transition: background-color var(--ro-transition-fast), color var(--ro-transition-fast);
}
.fi-icon-btn:hover {
    background: var(--ro-card-hover) !important;
}

/* Buton grupları */
.fi-btn-group {
    border-radius: var(--ro-radius-sm) !important;
    overflow: hidden;
}