/* Entegrasyon MVC — Site-specific overrides */

/* HTMX loading indicator */
.htmx-indicator {
    display: none;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    display: inline-block;
}

/* Top navbar — içeriği biraz büyüt */
.page-wrapper > .navbar {
    min-height: 3.5rem;
    font-size: 0.9375rem;
}
.page-wrapper > .navbar .nav-link,
.page-wrapper > .navbar .btn-link {
    font-size: 1.125rem;
}
.page-wrapper > .navbar .form-control {
    font-size: 0.9375rem;
    height: 2.5rem;
}
.page-wrapper > .navbar .avatar-sm {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
}

/* Cursor pointer for clickable table headers */
.cursor-pointer {
    cursor: pointer;
}

/* Toast container positioning */
#toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1080;
    width: 380px;
}

/* Modal container */
#modal-container .modal {
    display: block;
}

/* Pagination overflow prevention */
.pagination {
    flex-wrap: wrap;
    gap: 0.25rem;
}

/* Dark theme badge text contrast fix */
[data-bs-theme="dark"] .badge.bg-green-lt,
[data-bs-theme="dark"] .badge.bg-orange-lt,
[data-bs-theme="dark"] .badge.bg-red-lt,
[data-bs-theme="dark"] .badge.bg-yellow-lt,
[data-bs-theme="dark"] .badge.bg-warning-lt,
[data-bs-theme="dark"] .badge.bg-info-lt,
[data-bs-theme="dark"] .badge.bg-secondary-lt,
[data-bs-theme="dark"] .badge.bg-success,
[data-bs-theme="dark"] .badge.bg-warning,
[data-bs-theme="dark"] .badge.bg-danger,
[data-bs-theme="dark"] .badge.bg-red,
[data-bs-theme="dark"] .badge.bg-green,
[data-bs-theme="dark"] .badge.bg-yellow {
    color: #fff !important;
}

/* Sidebar collapsible group chevron animation */
.sidebar-group-toggle {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.sidebar-group-toggle .sidebar-chevron {
    transition: transform 0.2s ease;
    font-size: 0.75rem;
}
.sidebar-group-toggle.collapsed .sidebar-chevron {
    transform: rotate(-90deg);
}
.sidebar-group-toggle:not(.collapsed) .sidebar-chevron {
    transform: rotate(0deg);
}

/* Wizard step indicators — Tabler tema uyumlu */
.wizard-steps {
    display: flex;
    gap: 1rem;
}
.wizard-steps .wizard-step {
    padding: 0.5rem 1rem;
    border-radius: 4px;
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-secondary);
    font-size: 0.875rem;
}
.wizard-steps .wizard-step.active {
    background: var(--tblr-primary);
    color: #fff;
    font-weight: bold;
}
.wizard-steps .wizard-step.done {
    background: var(--tblr-success);
    color: #fff;
}

/* Tom Select — fix dropdown z-index and background for Tabler UI */
.ts-dropdown {
    z-index: 1050 !important;
    background: var(--tblr-bg-surface, #fff) !important;
    border: 1px solid var(--tblr-border-color, #e6e7e9) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
[data-bs-theme="dark"] .ts-dropdown {
    background: var(--tblr-bg-surface, #1b2434) !important;
    border-color: var(--tblr-border-color, #2c3e50) !important;
}
.ts-dropdown .option {
    padding: 6px 12px;
}
.ts-dropdown .option.active {
    background: var(--tblr-primary, #206bc4);
    color: #fff;
}

/* Tom Select — control (kapalı halde görünen kutu) Bootstrap input'u ile hizala */
.ts-wrapper .ts-control {
    border: 1px solid var(--tblr-border-color, #ced4da);
    border-radius: var(--tblr-border-radius, 0.375rem);
    min-height: calc(1.5em + 0.75rem + 2px);
    background: var(--tblr-bg-forms, #fff);
    color: var(--tblr-body-color, inherit);
    box-shadow: none;
}
.ts-wrapper.focus .ts-control {
    border-color: var(--tblr-primary, #86b7fe);
    box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
    outline: 0;
}
.ts-wrapper.disabled .ts-control {
    background: var(--tblr-bg-surface-secondary, #e9ecef);
    opacity: 0.65;
}
[data-bs-theme="dark"] .ts-wrapper .ts-control {
    background: var(--tblr-bg-forms, #1b2434);
    border-color: var(--tblr-border-color, #2c3e50);
}

/* Tom Select bir .input-group içindeyken (ör. yanında "+" hızlı-ekle butonu):
   .ts-wrapper Bootstrap'ın .form-control/.form-select'i olmadığı için kendiliğinden
   esnemez ve köşe yarıçapı butonla birleşmez. Bu kuralla wrapper esner ve
   bitişik butonla aynı yükseklik/köşe hizasını yakalar. */
.input-group > .ts-wrapper {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group > .ts-wrapper:not(:last-child) .ts-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .ts-wrapper:not(:first-child) .ts-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Kart başlığı ile alt-başlığı yan yana render edildiğinde yapışık kalıyordu
   (ör. "Mağaza YayınlamaÜrünü kendi mağazanızda..."). Alt-başlığa sol boşluk. */
.card-title + .card-subtitle {
    margin-inline-start: 0.5rem;
}

/* Currency input — tarayıcı spinner'larını gizle (WebKit + Firefox) */
.currency-input::-webkit-outer-spin-button,
.currency-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.currency-input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}
/* input-group içinde ₺ prefix görünümü */
.input-group > .currency-input {
    text-align: right;
}

/* ── Ürün 360° — pazaryeri kartı hover + aktivite detay toggle ── */
.mp-card { transition: transform .12s ease, box-shadow .12s ease; cursor: pointer; }
.mp-card:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .08); }
.mp-card.is-active { box-shadow: 0 0 0 2px var(--tblr-primary); }
.tl-detail { display: none; }
.tl-detail.show { display: block; }

/* ── Tıklanabilir tablo satırı (data-href) ──────────────────────────── */
/* Satırın tamamı tıklanabilir; satır içindeki gerçek link/buton/checkbox  */
/* kendi davranışını korur (site.js'deki delegated handler hariç tutar).   */
tr.table-row-clickable {
    cursor: pointer;
}