/* ============================================================
   KOBICAR UI STANDARDI — panel geneli buton/diyalog renk düzeni.
   Kural: hover = AYNI rengin koyusu (asla pembe/açık ton yok).
   Palet: mavi rgb(var(--accent-500)) · kırmızı #c0392b · yeşil #1d9e74 · amber #d97706
   ============================================================ */

/* ---- Dolu butonlar ---- */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
    background-color: rgb(var(--accent-500)) !important;
    border-color: rgb(var(--accent-500)) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: rgb(var(--accent-600)) !important;
    border-color: rgb(var(--accent-600)) !important;
    color: #fff !important;
}

.btn-danger,
.btn-danger:not(:disabled):not(.disabled) {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
    color: #fff !important;
}
.btn-danger:hover, .btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
    background-color: #a32e22 !important;
    border-color: #a32e22 !important;
    color: #fff !important;
}

.btn-success,
.btn-success:not(:disabled):not(.disabled) {
    background-color: #1d9e74 !important;
    border-color: #1d9e74 !important;
    color: #fff !important;
}
.btn-success:hover, .btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    background-color: #17815e !important;
    border-color: #17815e !important;
    color: #fff !important;
}

.btn-warning,
.btn-warning:not(:disabled):not(.disabled) {
    background-color: #d97706 !important;
    border-color: #d97706 !important;
    color: #fff !important;
}
.btn-warning:hover, .btn-warning:focus {
    background-color: #b96405 !important;
    border-color: #b96405 !important;
    color: #fff !important;
}

.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled) {
    background-color: #5b6573 !important;
    border-color: #5b6573 !important;
    color: #fff !important;
}
.btn-secondary:hover, .btn-secondary:focus {
    background-color: #4a5260 !important;
    border-color: #4a5260 !important;
    color: #fff !important;
}

/* ---- Çerçeveli (outline) butonlar: hover = %8 renk dolgusu, metin koyulaşır ---- */
.btn-outline-primary { color: rgb(var(--accent-500)) !important; border-color: #9db9d8 !important; background: transparent; }
.btn-outline-primary:hover, .btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--accent-500) / .08) !important;
    border-color: rgb(var(--accent-500)) !important;
    color: rgb(var(--accent-600)) !important;
}

.btn-outline-danger { color: #c0392b !important; border-color: #e0a8a2 !important; background: transparent; }
.btn-outline-danger:hover, .btn-outline-danger:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active {
    background-color: rgba(192, 57, 43, .08) !important;
    border-color: #c0392b !important;
    color: #a32e22 !important;
}

.btn-outline-success { color: #1d9e74 !important; border-color: #9ed3bf !important; background: transparent; }
.btn-outline-success:hover, .btn-outline-success:focus {
    background-color: rgba(29, 158, 116, .08) !important;
    border-color: #1d9e74 !important;
    color: #17815e !important;
}

.btn-outline-secondary { color: #4a5260 !important; border-color: #cfd5e0 !important; background: transparent; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    background-color: #f3f5f9 !important;
    border-color: #aeb6c4 !important;
    color: #2b3245 !important;
}

/* ---- Ortak buton dokunuşu: odak halkası, geçiş ---- */
.btn {
    font-weight: 600;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease;
}
.btn:focus, .btn.focus { box-shadow: 0 0 0 3px rgb(var(--accent-500) / .18) !important; outline: none; }
.btn-danger:focus, .btn-outline-danger:focus { box-shadow: 0 0 0 3px rgba(192, 57, 43, .18) !important; }
.btn-success:focus, .btn-outline-success:focus { box-shadow: 0 0 0 3px rgba(29, 158, 116, .18) !important; }
.btn:disabled, .btn.disabled { opacity: .55; }

/* link-buton: tema pembesi yerine kurumsal mavi */
.btn-link { color: rgb(var(--accent-500)) !important; }
.btn-link:hover { color: rgb(var(--accent-600)) !important; text-decoration: underline; }

/* ============================================================
   KÖŞE YUVARLAKLIĞI STANDARDI: her bileşende 0.25rem (eşit).
   ============================================================ */
.btn, .card, .main-card, .card-header:first-child, .card-footer:last-child,
.form-control, .custom-select, .custom-file-label, .input-group-text,
.modal-content, .alert, .badge, .dropdown-menu, .list-group, .list-group-item,
.nav-pills .nav-link, .page-link, .popover, .tooltip-inner, .progress, .toast,
.table-bordered, img.card-img-top,
.kobicar-toast, .bc-kart, #silOverlay > div,
.bpb-kart, .bpb-input, .bpb-ekle-btn, .bpb-mini-ekle, .bpb-mini-sil, .bpb-bos,
.kobicar-rte, .kobicar-rte-btn, .kobicar-rte-format,
.kobicar-destek-kutu, #kobicarPageBuilder .card {
    border-radius: var(--radius) !important;
}
/* Yuvarlak kalması gerekenler (daire ikon/avatar) standarda dahil değil */
.rounded-circle, .bc-ikon, .bt-ikon { border-radius: 50% !important; }

/* ============================================================
   BREADCRUMB (tüm sayfalar, mobil geri dönüş)
   ============================================================ */
.kobicar-breadcrumb {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    font-size: .82rem; color: #6a7488;
    background: #fff; border: 1px solid #e3e6ee; border-radius: .25rem;
    padding: 8px 12px; margin-bottom: 14px;
}
.kobicar-breadcrumb a { color: rgb(var(--accent-500)); text-decoration: none; font-weight: 500; }
.kobicar-breadcrumb a:hover { text-decoration: underline; }
.kobicar-breadcrumb .bb-ayrac { color: #c3cad9; }
.kobicar-breadcrumb .bb-aktif { color: #1f2533; font-weight: 600; }

/* ============================================================
   MOBİL TOPBAR DÜZENİ (≤991px):
   Sol: normal logo · Orta-sağa yaslı: bildirim + avatar · En sağ: menü (sağdan açılır)
   ============================================================ */
@media (max-width: 991.98px) {
    .app-header { display: flex !important; align-items: center; }

    /* Logo solda, normal boyut, görünür */
    .app-header .app-header__logo {
        display: flex !important; visibility: visible !important;
        width: auto !important; min-width: 0 !important;
        padding: 0 0 0 4px !important; background: transparent !important;
        order: 1;
    }
    .app-header .app-header__logo .logo-src { padding-left: 8px !important; }
    .app-header .app-header__logo .logo-src svg { height: 26px !important; width: auto !important; display: block !important; }
    .app-header .app-header__logo .header__pane { display: none !important; } /* masaüstü daraltma butonu */
    .app-header .kobicar-mini-logo { display: none !important; }

    /* Header içeriği (zil + avatar) gizlenmesin; menünün soluna dizilsin */
    .app-header .app-header__content {
        display: flex !important; position: static !important;
        visibility: visible !important; opacity: 1 !important;
        flex: 1 1 auto; margin-left: auto;
        padding: 0 6px !important; background: transparent !important;
        box-shadow: none !important; transform: none !important;
        order: 2; min-width: 0;
    }
    .app-header .app-header-left { display: none !important; }   /* arama mobilde gizli */
    .app-header .app-header-right { margin-left: auto; gap: 6px !important; }
    #globalSearchWrap { display: none !important; }

    /* 3 nokta butonu tamamen kalkar */
    .app-header .app-header__menu { display: none !important; }

    /* Hamburger EN SAĞDA */
    .app-header .app-header__mobile-menu {
        display: flex !important; order: 3;
        padding: 0 8px 0 2px !important; margin-left: 0;
    }

    /* Çekmece menü SAĞDAN açılır */
    .app-sidebar {
        left: auto !important; right: 0 !important;
        transform: translateX(100%) !important;
        transition: transform .25s ease !important;
    }
    .sidebar-mobile-open .app-sidebar,
    .app-container.sidebar-mobile-open .app-sidebar {
        transform: translateX(0) !important;
        box-shadow: -8px 0 30px rgba(15,20,34,.18) !important;
    }
}

/* ============================================================
   SOL MENÜ — Hetzner tarzı: itemlar arası nefes + aktif item
   (hafif gri zemin + SOLDAN mavi çentik; yazı maviye DÖNMEZ)
   ============================================================ */
.vertical-nav-menu > li { margin-bottom: 6px; }
.vertical-nav-menu li ul li { margin-bottom: 2px; }

/* Aktif üst seviye link */
.vertical-nav-menu li a.mm-active,
.vertical-nav-menu li.mm-active > a {
    background: #f1f3f8 !important;
    color: #1f2533 !important;
    font-weight: 600;
    position: relative;
    border-radius: .25rem;
}
.vertical-nav-menu li a.mm-active::before,
.vertical-nav-menu li.mm-active > a::before {
    content: '';
    position: absolute;
    left: 0; top: 7px; bottom: 7px;
    width: 3px;
    background: rgb(var(--accent-500));
    border-radius: 0 2px 2px 0;
}
/* Aktifken ikon da maviye dönmesin, hafif koyu kalsın */
.vertical-nav-menu li a.mm-active i.metismenu-icon,
.vertical-nav-menu li.mm-active > a i.metismenu-icon {
    color: #2b3245 !important;
    opacity: .9;
}
/* Alt menü aktif öğesi: aynı dil, daha ince çentik */
.vertical-nav-menu ul li a.mm-active {
    background: #f1f3f8 !important;
    color: #1f2533 !important;
    font-weight: 600;
}
/* Hover: aktif stiliyle çakışmayan yumuşak gri */
.vertical-nav-menu li a:hover {
    background: #f6f7fb;
    color: #1f2533;
}


/* === Gorsel yukleme butonu (native file input yerine net buton) === */
.gx-upload{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;cursor:pointer}
.gx-upload-btn{display:inline-flex;align-items:center;gap:7px;background:rgb(var(--accent-500));color:#fff;border-radius:.4rem;padding:8px 16px;font-weight:600;font-size:.85rem;line-height:1;transition:background .12s;white-space:nowrap}
.gx-upload:hover .gx-upload-btn{background:rgb(var(--accent-600))}
.gx-upload-btn i{font-size:1rem}
.gx-upload input[type=file]{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}
.gx-upload-ad{font-size:.8rem;color:#6a7488}

/* ===== KARE PANEL + DEKORATIF GOLGESIZ (kullanici direktifi 30 Haz): koseler 0, golge yok.
   Daire ikon/avatar (.rounded-circle/.bc-ikon) ve :focus halkalari HARIC. ===== */
.btn, .card, .main-card, .card-header:first-child, .card-footer:last-child,
.form-control, .custom-select, .custom-file-label, .input-group-text,
.modal-content, .alert, .badge, .dropdown-menu, .list-group, .list-group-item,
.nav-pills .nav-link, .page-link, .popover, .tooltip-inner, .progress, .toast,
.table-bordered, img.card-img-top, .widget-chart, .widget-chart2,
.cat-stat, .fm-stat, .cat-stat-ikon, .fm-stat-ikon, .kobicar-toast, .bc-kart {
    border-radius: var(--radius) !important;
}
.card, .main-card, .widget-chart, .widget-chart2, [class*="card-shadow"],
.dropdown-menu, .modal-content, .popover, .toast,
.cat-stat, .fm-stat, .cat-stat-ikon, .fm-stat-ikon {
    box-shadow: none !important;
}
.card:hover, .main-card:hover, .cat-stat:hover, .fm-stat:hover, .widget-chart:hover { box-shadow: none !important; }

/* === TEK STANDART BUTON: btn-lg fazla buyuk, normallestir === */
.btn-lg, .btn-group-lg > .btn { padding: .5rem 1rem !important; font-size: .875rem !important; line-height: 1.5 !important; }