/* ==================== TikiTaka Admin Theme Override ====================
 * Frontend renk paletini Admin panele uygular (index.css:9-25)
 * Metronic style.bundle.css'ten SONRA yüklenir.
 */

:root {
    /* TikiTaka Design System */
    --tiki-deep-navy: #0a2847;
    --tiki-sofascore: #374ef6;
    --tiki-transfermarkt: #001940;
    --tiki-transfermarkt-accent: #F59E0B;
    --tiki-deep-navy-dark: #051832;
    --tiki-deep-navy-light: #0a2847;
    --tiki-deep-navy-lighter: #153a5c;
    --tiki-accent-lime: #62f3a9;
    --tiki-accent-lime-dark: #4ade80;
    --tiki-electric-blue: #00e5ff;
    --tiki-text-inactive: #6b7280;
    --tiki-text-white: #ffffff;
    --tiki-soft-white: #F8FAFC;
}

/* Light Mode - TikiTaka paleti */
[data-bs-theme=light] {
    --bs-primary: var(--tiki-deep-navy-lighter);
    --bs-primary-rgb: 21, 58, 92;
    --bs-link-color: var(--tiki-deep-navy-lighter);
    --bs-link-hover-color: var(--tiki-deep-navy-dark);
    --bs-body-bg: #ffffff;
    --bs-body-color: var(--tiki-deep-navy-dark);
    --bs-heading-color: var(--tiki-deep-navy-dark);
}

/* #0F1014 yerine #051832 - Metronic koyu alanları */
[data-bs-theme=dark] {
    --bs-page-bg: var(--tiki-deep-navy-dark) !important;
    --bs-app-blank-bg: var(--tiki-deep-navy-dark) !important;
    --bs-header-bg-color: var(--tiki-deep-navy-dark) !important;
    --bs-footer-bg-color: var(--tiki-deep-navy-dark) !important;
}

/* Dark Mode - TikiTaka paleti (varsayılan) */
[data-bs-theme=dark] {
    --bs-body-bg: var(--tiki-deep-navy);
    --bs-body-bg-rgb: 10, 40, 71;
    --bs-secondary-bg: var(--tiki-deep-navy-light);
    --bs-secondary-bg-rgb: 10, 40, 71;
    --bs-tertiary-bg: var(--tiki-deep-navy-lighter);
    --bs-tertiary-bg-rgb: 21, 58, 92;
    --bs-primary: var(--tiki-accent-lime);
    --bs-primary-rgb: 98, 243, 169;
    --bs-link-color: var(--tiki-accent-lime);
    --bs-link-hover-color: var(--tiki-accent-lime-dark);
    --bs-link-color-rgb: 98, 243, 169;
    --bs-link-hover-color-rgb: 74, 222, 128;
    --bs-primary-text-emphasis: var(--tiki-accent-lime-dark);
    --bs-primary-bg-subtle: rgba(98, 243, 169, 0.1);
    --bs-primary-border-subtle: rgba(98, 243, 169, 0.3);
    --bs-dark-bg-subtle: var(--tiki-deep-navy-light);
    --bs-dark-border-subtle: var(--tiki-deep-navy-lighter);
    --bs-border-color: var(--tiki-deep-navy-lighter);
    --bs-focus-ring-color: rgba(98, 243, 169, 0.25);
    --bs-gray-100: var(--tiki-deep-navy-dark) !important;
    --bs-gray-200: var(--tiki-deep-navy-lighter) !important;
    --bs-gray-300: var(--tiki-deep-navy-light) !important;
    --bs-gray-400: #1e4a6e;
    --bs-gray-500: #31648c;
    --bs-gray-600: #5281a8;
    --bs-gray-700: #7ba1c2;
    --bs-gray-800: #adbed1;
    --bs-gray-900: #eff2f5;
}

[data-bs-theme=dark] {
    /* --- BOOTSTRAP ANA RENK EŞLEŞTİRMELERİ --- */
    --bs-primary: var(--tiki-electric-blue); /* Ana renk tekrar neon mavi oldu */
    --bs-secondary: var(--tiki-deep-navy-lighter);
    --bs-success: var(--tiki-accent-lime);
    --bs-info: #0dcaf0;
    --bs-warning: #F6C000; /* Transfermarkt turuncusunu çıkardık, standart uyarı sarısı */
    --bs-danger: #F8285A;
    --bs-light: var(--tiki-soft-white);
    --bs-dark: var(--tiki-deep-navy-dark);
    /* RGB Değerleri */
    --bs-primary-rgb: 0, 229, 255;
    --bs-secondary-rgb: 21, 58, 92;
    --bs-success-rgb: 98, 243, 169;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 246, 192, 0;
    --bs-danger-rgb: 248, 40, 90;
    --bs-dark-rgb: 5, 24, 50;
    /* --- ADMIN PANEL GRİ & LACİVERT SKALASI --- */
    --bs-gray-100: var(--tiki-deep-navy-dark); /* #051832 - En koyu zemin */
    --bs-gray-200: var(--tiki-deep-navy-lighter); /* #0a2847 - Kart zemini */
    --bs-gray-300: var(--tiki-deep-navy-light); /* #153a5c - Kenarlık ve hover */
    --bs-gray-400: #1e4a6e;
    --bs-gray-500: #31648c;
    --bs-gray-600: var(--tiki-text-inactive); /* #6b7280 - Pasif ikon/metin */
    --bs-gray-700: #7ba1c2;
    --bs-gray-800: #adbed1;
    --bs-gray-900: var(--tiki-soft-white); /* #F8FAFC - Metin rengi */
    /* --- GÖVDE VE ARKA PLAN --- */
    --bs-body-bg: var(--tiki-deep-navy);
    --bs-body-bg-rgb: 5, 24, 50;
    --bs-body-color: var(--tiki-soft-white);
    --bs-body-color-rgb: 248, 250, 252;
    --bs-secondary-bg: var(--tiki-deep-navy-light);
    --bs-secondary-bg-rgb: 10, 40, 71;
    --bs-tertiary-bg: var(--tiki-deep-navy-lighter);
    --bs-tertiary-bg-rgb: 21, 58, 92;
    /* --- METİN RENGİ KADEMELERİ --- */
    --bs-emphasis-color: var(--tiki-text-white);
    --bs-secondary-color: #adbed1;
    --bs-tertiary-color: var(--tiki-text-inactive);
    --bs-heading-color: var(--tiki-text-white);
    /* --- VURGU VE SUBTLE (Hafif) RENKLER --- */
    --bs-primary-bg-subtle: rgba(0, 229, 255, 0.15);
    --bs-success-bg-subtle: rgba(98, 243, 169, 0.15);
    --bs-info-bg-subtle: rgba(13, 202, 240, 0.15);
    --bs-warning-bg-subtle: rgba(246, 192, 0, 0.15);
    --bs-danger-bg-subtle: rgba(248, 40, 90, 0.15);
    --bs-secondary-bg-subtle: rgba(21, 58, 92, 0.4);
    --bs-primary-text-emphasis: #80f2ff;
    --bs-success-text-emphasis: var(--tiki-accent-lime);
    --bs-info-text-emphasis: #86e4f7;
    --bs-warning-text-emphasis: #fbe080;
    --bs-danger-text-emphasis: #fc93ad;
    /* --- LİNKLER VE ETKİLEŞİM --- */
    --bs-link-color: var(--tiki-electric-blue);
    --bs-link-color-rgb: 0, 229, 255;
    --bs-link-hover-color: var(--tiki-accent-lime);
    --bs-link-hover-color-rgb: 98, 243, 169;
    --bs-code-color: var(--tiki-accent-lime);
    --bs-highlight-bg: var(--tiki-electric-blue);
    --bs-highlight-color: var(--tiki-deep-navy-dark);
    /* --- KENARLIKLAR (BORDER) VE BÖLÜCÜLER --- */
    --bs-border-color: var(--tiki-deep-navy-lighter);
    --bs-border-color-translucent: rgba(21, 58, 92, 0.5);
    --bs-primary-border-subtle: rgba(0, 229, 255, 0.4);
    --bs-success-border-subtle: rgba(98, 243, 169, 0.4);
    --bs-info-border-subtle: rgba(13, 202, 240, 0.4);
    --bs-warning-border-subtle: rgba(246, 192, 0, 0.4);
    --bs-danger-border-subtle: rgba(248, 40, 90, 0.4);
    /* --- FORM ELEMANLARI --- */
    --bs-form-valid-color: var(--tiki-accent-lime-dark);
    --bs-form-valid-border-color: var(--tiki-accent-lime-dark);
    --bs-form-invalid-color: #F8285A;
    --bs-form-invalid-border-color: #F8285A;
}

.header .header-brand {
    background-color: var(--tiki-accent-lime) !important;
    border-bottom: 0px !important;
}
/* Aside (sidebar) - Lime */
[data-bs-theme=dark] .aside {
    background-color: var(--tiki-accent-lime) !important;
    border-right: 1px solid var(--tiki-deep-navy-dark);
}

.aside-menu .menu > .menu-item {
    margin-bottom: 2px;
}
/* Sidebar Text & Icons - Dark Navy Override */
[data-bs-theme=dark] .aside .menu-link .menu-title,
[data-bs-theme=dark] .aside .menu-link .menu-icon,
[data-bs-theme=dark] .aside .aside-user-info a,
[data-bs-theme=dark] .aside .aside-user-info span {
    color: var(--tiki-deep-navy-dark) !important;
}
/* Sidebar Nav Hover & Active States */
[data-bs-theme=dark] .aside .aside-menu .menu-link.active,
[data-bs-theme=dark] .aside .aside-menu .menu-link:hover {
    background-color: rgba(5, 24, 50, 1) !important;
}

    [data-bs-theme=dark] .aside .aside-menu .menu-link.active .menu-title,
    [data-bs-theme=dark] .aside .aside-menu .menu-link:hover .menu-title,
    [data-bs-theme=dark] .aside .aside-menu .menu-link.active .menu-icon,
    [data-bs-theme=dark] .aside .aside-menu .menu-link:hover .menu-icon {
        color: var(--tiki-text-white) !important;
    }

[data-bs-theme=dark] .aside .aside-footer .btn-custom.btn-primary {
    background-color: var(--tiki-deep-navy-dark) !important;
    color: var(--tiki-accent-lime) !important;
    border-color: var(--tiki-deep-navy-dark) !important;
}

    [data-bs-theme=dark] .aside .aside-footer .btn-custom.btn-primary i {
        color: var(--tiki-accent-lime) !important;
    }

    [data-bs-theme=dark] .aside .aside-footer .btn-custom.btn-primary:hover {
        background-color: var(--tiki-deep-navy) !important;
    }
/* User profile text overrides */
[data-bs-theme=dark] .aside .text-white,
[data-bs-theme=dark] .aside .text-gray-600 {
    color: var(--tiki-deep-navy-dark) !important;
}

[data-bs-theme=dark] .aside-toolbar .border-gray-800 {
    border-color: rgba(5, 24, 50, 0.1) !important;
}

[data-bs-theme=dark] .aside-user .symbol-label {
    background-color: var(--tiki-deep-navy-dark) !important;
    color: var(--tiki-accent-lime) !important;
}

/* Oyuncu eşleme - Sofascore & Transfermarkt marka renkleri */
.entity-mapping .mapping-header-sf {
    background-color: var(--tiki-sofascore) !important;
    color: white !important;
    border-color: var(--tiki-sofascore) !important;
}

.entity-mapping .mapping-header-tm {
    background-color: var(--tiki-transfermarkt) !important;
    color: white !important;
    border-color: var(--tiki-transfermarkt) !important;
}

.entity-mapping .mapping-pick-btn[data-provider="Sofascore"].btn-outline-sf {
    border-color: var(--tiki-sofascore) !important;
    color: white !important;
    background-color: transparent !important;
}

    .entity-mapping .mapping-pick-btn[data-provider="Sofascore"].btn-outline-sf span {
        color: white !important;
    }

.entity-mapping .mapping-pick-btn[data-provider="Sofascore"].btn-sf-selected {
    background-color: var(--tiki-sofascore) !important;
    border-color: var(--tiki-sofascore) !important;
    color: white !important;
}

    .entity-mapping .mapping-pick-btn[data-provider="Sofascore"].btn-sf-selected span,
    .entity-mapping .mapping-pick-btn[data-provider="Sofascore"].btn-sf-selected:hover,
    .entity-mapping .mapping-pick-btn[data-provider="Sofascore"].btn-sf-selected:focus {
        color: white !important;
    }

.entity-mapping .mapping-pick-btn[data-provider="Transfermarkt"].btn-outline-tm {
    border-color: var(--tiki-transfermarkt) !important;
    color: white !important;
    background-color: transparent !important;
}

    .entity-mapping .mapping-pick-btn[data-provider="Transfermarkt"].btn-outline-tm span {
        color: white !important;
    }

.entity-mapping .mapping-pick-btn[data-provider="Transfermarkt"].btn-tm-selected {
    background-color: var(--tiki-transfermarkt) !important;
    border-color: var(--tiki-transfermarkt) !important;
    color: white !important;
}

    .entity-mapping .mapping-pick-btn[data-provider="Transfermarkt"].btn-tm-selected span,
    .entity-mapping .mapping-pick-btn[data-provider="Transfermarkt"].btn-tm-selected:hover,
    .entity-mapping .mapping-pick-btn[data-provider="Transfermarkt"].btn-tm-selected:focus {
        color: white !important;
    }
/* Scraper kart kenarlık renkleri (SF/TM marka) */
.card-border-sf {
    border-left: 4px solid var(--tiki-sofascore) !important;
}

.card-border-tm {
    border-left: 4px solid var(--tiki-soft-white) !important;
}
/* Utility sınıflar - tekrarlayan inline stiller */
.loading-overlay {
    z-index: 9999;
}

.img-thumb-sm {
    max-height: 28px;
    max-width: 28px;
    border-radius: 50%;
    object-fit: cover;
}

.img-thumb-24 {
    max-height: 24px;
    width: auto;
}

.img-thumb-30 {
    max-height: 30px;
    width: auto;
}

.img-thumb-32 {
    max-height: 32px;
    max-width: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.img-thumb-md {
    max-height: 60px;
    max-width: 80px;
    object-fit: contain;
}

.img-thumb-40 {
    max-height: 40px;
    max-width: 150px;
    object-fit: contain;
}

.img-thumb-lg {
    max-height: 80px;
    border-radius: 8px;
}

.img-thumb-xl {
    max-height: 120px;
    border-radius: 12px;
}

.img-logo-100 {
    height: 100px;
    object-fit: contain;
}

.img-logo-32 {
    height: 32px;
    width: auto;
}

.size-24 {
    width: 24px;
    height: 24px;
}

.col-w-40 {
    width: 40px;
}

.col-w-50 {
    width: 50px;
}

.col-w-150 {
    width: 150px;
}

.text-truncate-90 {
    max-width: 90%;
}

.form-control.form-control-solid{
    color: var(--tiki-soft-white) !important;
}
    .form-control.form-control-solid::placeholder {
        color: var(--bs-gray-700);
    }


.btn-primary.sf, .bg-primary.sf {
    --bs-primary: #374ef6;
    --bs-primary-inverse: #ffffff;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #374ef6; /* Sofascore Ana Mavisi */
    --bs-btn-border-color: #374ef6;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #5367f7; /* Hover: Bir tık daha açık, canlı mavi */
    --bs-btn-hover-border-color: #455bf7;
    --bs-btn-focus-shadow-rgb: 55, 78, 246; /* #374ef6'nın RGB karşılığı */
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #6678f8; /* Active: Tıklama anında biraz daha açık */
    --bs-btn-active-border-color: #5367f7;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #374ef6;
    --bs-btn-disabled-border-color: #374ef6;
}

.btn-primary.tm, .bg-primary.tm {
    --bs-primary: #001940;
    --bs-primary-inverse: #ffffff;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #001940; /* Transfermarkt Ana Laciverti */
    --bs-btn-border-color: #001940;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #002868; /* Hover: Lacivertin bir tık daha açığı */
    --bs-btn-hover-border-color: #002255;
    --bs-btn-focus-shadow-rgb: 0, 25, 64; /* #001940'ın RGB karşılığı */
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #003380; /* Active: Tıklama anında belirgin bir mavi/lacivert */
    --bs-btn-active-border-color: #002868;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #001940;
    --bs-btn-disabled-border-color: #001940;
}

.btn-light.sf {
    --bs-light-inverse: #374ef6;
}

.btn.btn-light.sf:focus:not(.btn-active), .btn.btn-light.sf:hover:not(.btn-active), .btn.btn-light.sf:active:not(.btn-active) {
    --bs-btn-hover-bg: #5367f7;
    --bs-light-inverse: var(--tiki-soft-white);
    --bs-light-active: #6678f8;
}

.btn-light.tm {
    --bs-light-inverse: #001940;
}