/* =============================================================================
 * JEWZA admin paneli tema — Navy + Wine Burgundy palet (2026-05-11 v2)
 * =============================================================================
 * Material Dashboard 2.1.0'ın rose pembe tonlarını JEWZA paletine çevirir.
 * Müşteri sayfası css/theme-jewza.css ile aynı palet — admin tarafı tutarlı.
 *
 * Dahil edilme sırası: material-dashboard.min.css ve demo.css'ten SONRA.
 * =============================================================================
 */

:root {
    /* Müşteri tarafıyla aynı palet (Navy + Wine Burgundy "Cesur Lüks") */
    --jz-primary: #0F1B2D;
    --jz-primary-hover: #1A2B4A;
    --jz-primary-dark: #080F1A;
    --jz-accent: #6B2737;
    --jz-accent-hover: #8B3A4B;
    --jz-accent-dark: #4A1A26;
    --jz-text: #2D3748;
    --jz-text-muted: #718096;
    --jz-text-inverse: #FFFFFF;
    --jz-bg: #FBF8F3;
    --jz-bg-alt: #FFFFFF;
    --jz-bg-soft: #F5F1E8;
    --jz-bg-pudra: #E8D5C4;
    --jz-border: #E2E8F0;
    --jz-border-soft: #EDE6D3;
    --jz-success: #38A169;
    --jz-danger: #C53030;
    --jz-info: #3182CE;
    --jz-warning: #D69E2E;
}

/* =============================================================================
 * Sidebar — siyah → koyu lacivert, rose accent → pudra altın
 * =============================================================================
 */
.sidebar[data-background-color="black"],
.off-canvas-sidebar[data-background-color="black"] {
    background: var(--jz-primary-dark) !important;
}

.sidebar[data-background-color="black"]:after,
.off-canvas-sidebar[data-background-color="black"]:after {
    background: var(--jz-primary-dark) !important;
    opacity: 0.95;
}

/* Sidebar logo başlığı — JEWZA + "Yönetim Paneli" alt başlık */
.sidebar .logo {
    border-bottom: 1px solid rgba(107, 39, 55, 0.35);
    padding: 18px 15px 14px;
}

.sidebar .logo .simple-text {
    color: var(--jz-text-inverse) !important;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    display: block;
    line-height: 1.1;
}

.sidebar .logo .logo-subtitle {
    color: var(--jz-bg-pudra);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-top: 4px;
    opacity: 0.85;
}

/* Aktif nav link — Material Dashboard rose pembe gradient'i kaldır, Wine yap.
   Hover/active state'te yazı + ikon BEYAZ (kullanıcı kararı). */
.sidebar[data-color="rose"] .nav li.active > a,
.sidebar[data-color="rose"] .nav li > a:hover,
.sidebar[data-color="rose"] .nav li > a:focus,
.off-canvas-sidebar[data-color="rose"] .nav li.active > a {
    background: var(--jz-accent) !important;
    color: #fff !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
                0 7px 10px -5px rgba(107, 39, 55, 0.45) !important;
}

.sidebar .nav li > a,
.sidebar .nav li > a i {
    color: var(--jz-text-inverse) !important;
}

/* Hover hem A üzerinde (a:hover) hem de LI üzerinde (li:hover > a) yakalanır —
 * Material Dashboard her iki selector'ı kullanıyor; ikisi için de beyaz. */
.sidebar .nav li > a:hover,
.sidebar .nav li > a:focus,
.sidebar .nav li:hover > a,
.sidebar .nav li.active > a {
    color: #fff !important;
}

.sidebar .nav li > a:hover i,
.sidebar .nav li > a:focus i,
.sidebar .nav li:hover > a i,
.sidebar .nav li.active > a i {
    color: #fff !important;
}

/* Material Dashboard nav li > a > p (text label) — :hover sırasında parent
 * <a>'dan inherit etmesi gerek ama bazen explicit color rule var. Override: */
.sidebar .nav li > a:hover p,
.sidebar .nav li:hover > a p,
.sidebar .nav li.active > a p {
    color: #fff !important;
}

/* User info dropdown */
.sidebar .user .user-info .username {
    color: var(--jz-text-inverse) !important;
}

.sidebar .user:before {
    background: rgba(200, 169, 81, 0.2) !important;
}

/* Avatar — JEWZA logosu krem çerçevede yumuşar (büyütülmüş + altın iç gölge) */
.sidebar .user {
    padding-top: 16px;
    padding-bottom: 12px;
}

.sidebar .user .photo {
    background: var(--jz-bg-alt);
    border: 2px solid var(--jz-accent);
    padding: 4px;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 0 1px rgba(200, 169, 81, 0.25), 0 4px 12px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.sidebar .user .photo img {
    object-fit: contain;
    background: var(--jz-bg-alt);
    width: 100%;
    height: 100%;
}

/* Kullanıcı adı + rol + caret icon — clean dikey blok */
.sidebar .user .user-info .username {
    text-decoration: none !important;
    padding: 8px 15px !important;
    color: var(--jz-text-inverse) !important;
    line-height: 1.3;
}

.sidebar .user .user-info .username:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--jz-bg-pudra) !important;
}

.sidebar .user .user-info .username > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    color: var(--jz-text-inverse) !important;
    font-weight: 500;
}

.sidebar .user .user-info .user-role {
    display: block;
    width: 100%;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--jz-bg-pudra);
    opacity: 0.75;
    margin-top: 1px;
}

.sidebar .user .user-info .caret-icon {
    font-size: 20px;
    color: var(--jz-bg-pudra);
    opacity: 0.7;
    transition: transform 0.25s ease;
    margin-left: auto;
}

.sidebar .user .user-info .username[aria-expanded="true"] .caret-icon {
    transform: rotate(180deg);
    opacity: 1;
}

/* Eski Bootstrap caret üçgenini gizle (kullanmıyoruz artık) */
.sidebar .user .user-info .username b.caret {
    display: none !important;
}

/* Çıkış link'i — material icon hizalı, hover'da Wine vurgusu */
.sidebar .user .nav .nav-item .nav-link {
    padding: 8px 25px !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    color: var(--jz-text-inverse) !important;
    opacity: 0.85;
    transition: all 0.2s ease;
}

.sidebar .user .nav .nav-item .nav-link:hover {
    background: var(--jz-accent) !important;
    color: var(--jz-text-inverse) !important;
    opacity: 1;
    padding-left: 30px !important;
}

.sidebar .user .nav .nav-item .nav-link .sidebar-mini {
    flex: 0 0 24px;
    text-align: center;
}

.sidebar .user .nav .nav-item .nav-link .sidebar-mini i.material-icons {
    color: var(--jz-bg-pudra);
}

.sidebar .user .nav .nav-item .nav-link:hover .sidebar-mini i.material-icons {
    color: var(--jz-text-inverse);
}

/* =============================================================================
 * Card header'lar — rose → lacivert (.card-header-rose, .card-header-primary)
 * =============================================================================
 */
.card-header-rose,
.card-header.card-header-rose {
    background: linear-gradient(60deg, var(--jz-primary-hover), var(--jz-primary)) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
                0 7px 10px -5px rgba(26, 54, 93, 0.4) !important;
}

.card-header-primary,
.card-header.card-header-primary {
    background: linear-gradient(60deg, var(--jz-primary), var(--jz-primary-dark)) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14),
                0 7px 10px -5px rgba(26, 54, 93, 0.4) !important;
}

.card-header-info {
    background: linear-gradient(60deg, var(--jz-info), #2B6CB0) !important;
}

.card-header-success {
    background: linear-gradient(60deg, var(--jz-success), #2F855A) !important;
}

.card-header-warning {
    background: linear-gradient(60deg, var(--jz-warning), #B7791F) !important;
}

.card-header-danger {
    background: linear-gradient(60deg, var(--jz-danger), #9B2C2C) !important;
}

/* Tüm card-header variant'ları içindeki başlıklar BEYAZ.
   Material Dashboard default'unda card-header-icon variant'ında .card-title
   beyaz alanda koyu gri kalıyordu; biz Navy gradient bg kullandığımız için
   beyaz yapmak şart. */
.card-header-rose .card-title,
.card-header-primary .card-title,
.card-header-info .card-title,
.card-header-success .card-title,
.card-header-warning .card-title,
.card-header-danger .card-title,
.card-header-rose h1, .card-header-rose h2, .card-header-rose h3, .card-header-rose h4, .card-header-rose h5,
.card-header-primary h1, .card-header-primary h2, .card-header-primary h3, .card-header-primary h4, .card-header-primary h5,
.card-header-info h1, .card-header-info h2, .card-header-info h3, .card-header-info h4, .card-header-info h5,
.card-header-success h1, .card-header-success h2, .card-header-success h3, .card-header-success h4, .card-header-success h5,
.card-header-warning h1, .card-header-warning h2, .card-header-warning h3, .card-header-warning h4, .card-header-warning h5,
.card-header-danger h1, .card-header-danger h2, .card-header-danger h3, .card-header-danger h4, .card-header-danger h5 {
    color: var(--jz-text-inverse) !important;
}

/* card-category / .card-description gibi alt başlıklar — yarı saydam beyaz */
.card-header-rose .card-category,
.card-header-primary .card-category,
.card-header-info .card-category,
.card-header-rose .card-description,
.card-header-primary .card-description {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Card-header-icon variant: header fonu Navy DEĞİL, WINE BURGUNDY (kullanıcı
   kararı). Beyaz yazı Wine üstünde okunaklı. */
.card.card-icon .card-header,
.card .card-header.card-header-icon {
    background: linear-gradient(60deg, var(--jz-accent-hover), var(--jz-accent)) !important;
}

/* Başlık + alt başlık + içindeki tüm metin/link BEYAZ. */
.card.card-icon .card-header .card-title,
.card .card-header.card-header-icon .card-title,
.card.card-icon .card-header h1,
.card.card-icon .card-header h2,
.card.card-icon .card-header h3,
.card.card-icon .card-header h4,
.card.card-icon .card-header h5,
.card.card-icon .card-header .card-category,
.card.card-icon .card-header .card-description,
.card .card-header.card-header-icon h1,
.card .card-header.card-header-icon h2,
.card .card-header.card-header-icon h3,
.card .card-header.card-header-icon h4,
.card .card-header.card-header-icon h5,
.card .card-header.card-header-icon .card-category,
.card .card-header.card-header-icon a {
    color: var(--jz-text-inverse) !important;
}

/* card-icon kutusu — Wine header üstünde belirgin kalsın diye koyu Wine
   (accent-dark) + BEYAZ ikon. Subtle derinlik, lüks kontrast. */
.card.card-icon .card-icon,
.card.card-icon .card-header-rose .card-icon,
.card-header.card-header-rose .card-icon,
.card-header.card-header-primary .card-icon,
.card-header.card-header-info .card-icon,
.card-header.card-header-success .card-icon,
.card .card-header.card-header-icon .card-icon {
    background: var(--jz-accent-dark) !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18),
                0 7px 10px -5px rgba(74, 26, 38, 0.5) !important;
    color: var(--jz-text-inverse) !important;
}

/* Card-icon içindeki material-icon — daima BEYAZ. */
.card-icon i.material-icons,
.card-icon .material-icons,
.card-header-rose .card-icon i,
.card-header-rose .material-icons,
.card-icon.card-header-rose i,
.card .card-header.card-header-icon .card-icon i {
    color: var(--jz-text-inverse) !important;
}

/* =============================================================================
 * Butonlar — rose → lacivert/altın
 * =============================================================================
 */
.btn.btn-rose,
.btn-fill.btn-rose,
button.btn-rose {
    background: var(--jz-primary) !important;
    color: var(--jz-text-inverse) !important;
    box-shadow: 0 2px 2px 0 rgba(26, 54, 93, 0.14),
                0 3px 1px -2px rgba(26, 54, 93, 0.2),
                0 1px 5px 0 rgba(26, 54, 93, 0.12) !important;
}

.btn.btn-rose:hover,
.btn.btn-rose:focus,
.btn.btn-rose:active {
    background: var(--jz-primary-hover) !important;
    box-shadow: 0 14px 26px -12px rgba(26, 54, 93, 0.42),
                0 4px 23px 0 rgba(0, 0, 0, 0.12),
                0 8px 10px -5px rgba(26, 54, 93, 0.2) !important;
}

.btn.btn-primary,
.btn-fill.btn-primary {
    background: var(--jz-primary) !important;
}

.btn.btn-primary:hover {
    background: var(--jz-primary-hover) !important;
}

.btn.btn-info {
    background: var(--jz-info) !important;
}

/* Link button (btn-link) ile rose — .goldbg ile birlikte kullanılmıyorsa Navy text. */
.btn-link.btn-rose:not(.goldbg),
a.btn-link.btn-rose:not(.goldbg) {
    color: var(--jz-primary) !important;
}

.btn-link.btn-rose:not(.goldbg):hover {
    color: var(--jz-primary-hover) !important;
}

/* "Gönder" gibi rose link button'lar */
.btn-fill.btn-rose.btn-lg {
    background: var(--jz-primary) !important;
    color: var(--jz-text-inverse) !important;
}

/* .goldbg ile birlikte kullanılan butonlar/linkler — Navy bg üstüne BEYAZ yazı şart.
   Önceden .btn-link.btn-rose kuralı Navy text yapıyordu, Navy bg'li goldbg butonunda
   yazı görünmez oluyordu (login sayfasındaki "GİRİŞ YAP" butonu). */
.btn.goldbg,
.btn-link.goldbg,
button.goldbg,
a.goldbg.btn,
a.goldbg.btn-link {
    color: var(--jz-text-inverse) !important;
}

.btn.goldbg:hover,
.btn-link.goldbg:hover,
button.goldbg:hover {
    color: var(--jz-text-inverse) !important;
    background: linear-gradient(135deg, #2C5282 0%, #1A2B4A 100%) !important;
}

/* =============================================================================
 * Form alanları — focus rose → lacivert
 * =============================================================================
 */
.form-control:focus,
.bmd-form-group .form-control:focus,
.form-group .form-control:focus {
    border-color: var(--jz-primary) !important;
    box-shadow: 0 0 0 0 rgba(26, 54, 93, 0.15) !important;
}

.bmd-label-floating.bmd-label-floating-active,
.bmd-form-group.is-focused .bmd-label-floating {
    color: var(--jz-primary) !important;
}

.bmd-form-group [class*=" col-form-label"],
.bmd-form-group [class^=col-form-label] {
    color: var(--jz-text);
}

/* Material Dashboard underline rose → lacivert */
.bmd-form-group.is-focused .form-control,
.bmd-form-group.is-focused .form-control + .bmd-bar:before,
.bmd-form-group.is-focused .form-control + .bmd-bar:after {
    background-image: linear-gradient(to top, var(--jz-primary) 2px, rgba(26, 54, 93, 0) 2px) !important;
}

/* =============================================================================
 * Tag/badge'ler (bootstrap-tagsinput)
 * =============================================================================
 */
/* Kategori / Yapı Taşı seçilince sağa eklenen etiketler — TÜMÜ Wine Burgundy.
   Geniş selector: parent .bootstrap-tagsinput içindeki her .tag/.badge
   (statik + JS ile dinamik eklenen) + container ID'leri. Önceki dar
   selector'lar (.tag.badge.info-badge / .info-badge .tag) HTML ile
   eşleşmediği için badge'ler Bootstrap default cyan kalıyordu. */
.bootstrap-tagsinput .tag,
.bootstrap-tagsinput .badge,
.bootstrap-tagsinput span.tag,
#urun_kategori_yeri .tag, #urun_kategori_yeri .badge,
#urun_tas_yeri .tag,      #urun_tas_yeri .badge,
#set_kategori_yeri .tag,  #set_kategori_yeri .badge,
#set_urun_yeri .tag,      #set_urun_yeri .badge,
#urun_tas_yeri .tag.badge {
    background: var(--jz-accent) !important;      /* Wine Burgundy */
    background-color: var(--jz-accent) !important;
    color: #fff !important;
    border: none !important;
    /* X ile metin arasına yer açmak için sağ padding artırıldı */
    padding-right: 22px !important;
}

/* Etiket içindeki "x" (kaldır) ikonu — metinden AYRI, sağda dursun.
   Boş inline span margin'i yutuyordu → inline-block + güçlü margin. */
.bootstrap-tagsinput .tag [data-role="remove"],
.bootstrap-tagsinput .tag span[data-role="remove"],
.bootstrap-tagsinput .badge [data-role="remove"] {
    display: inline-block !important;
    color: #fff !important;
    opacity: 0.85;
    margin-left: 14px !important;
    padding-left: 4px !important;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    opacity: 1;
}

/* =============================================================================
 * DataTables — rose pembe accent'ler
 * =============================================================================
 */
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
    border-color: var(--jz-primary) !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    color: var(--jz-primary) !important;
}

table.dataTable tbody tr.selected,
table.dataTable tbody td.selected {
    background-color: var(--jz-bg-soft) !important;
    color: var(--jz-primary-dark) !important;
}

.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
    background: var(--jz-primary) !important;
    border-color: var(--jz-primary) !important;
    color: #fff !important;
}

.pagination .page-link {
    color: var(--jz-primary) !important;
}

/* =============================================================================
 * Login sayfası (yonet/main.php) — .goldbg zaten lacivert'e güncellendi
 * Off-canvas page background image fix
 * =============================================================================
 */
/* Login arka planındaki MAVİ (navy) overlay kaldırıldı — kullanıcı kararı.
   Arka plan görseli temiz görünsün diye blend-mode + navy :before/:after
   override'ları iptal; yerine çok hafif nötr koyuluk (yazı okunaklı kalsın,
   mavi ton YOK). */
.off-canvas-sidebar .page-header.login-page,
.page-header.login-page.header-filter {
    background-blend-mode: normal !important;
}

.page-header.login-page:after,
.page-header.login-page:before {
    background: rgba(0, 0, 0, 0.18) !important;
}

/* Login card .card-header-rose — extra emphasis */
.card-login .card-header.card-header-rose.goldbg {
    background: linear-gradient(to bottom, var(--jz-primary-hover) 0%, var(--jz-primary) 100%) !important;
    color: var(--jz-text-inverse) !important;
    border: 1px solid var(--jz-primary-dark) !important;
}

/* === Login sayfaları için ortak (TEK TİP) stil — admin + müşteri ===
 * main.php (müşteri) + yonet/main.php (admin) aynı görünür: card içinde JEWZA
 * logo image, Wine Burgundy subtitle, form, footer button.
 */
.card-login .login-brand {
    text-align: center;
    padding: 28px 16px 6px;
}
.card-login .login-brand img {
    max-width: 260px;
    width: 80%;
    height: auto;
    display: inline-block;
}
.card-login .login-subtitle {
    margin-top: 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    color: var(--jz-accent); /* Wine Burgundy — tema vurgusu */
    text-transform: uppercase;
}
/* Login sayfası — dikey ortalama.
 * Page-header: column flex (container ÜSTTE, footer ALTTA).
 * Container: `margin: auto 0` ile flex auto margin sayesinde dikey center —
 * kendisi flex DEĞİL, böylece içerideki Bootstrap .row → .col-lg-4 grid'i bozulmaz.
 * Footer: doğal alta düşer. */
.page-header.login-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.page-header.login-page > .container {
    width: 100%;
    margin: auto 0;
}
.page-header.login-page > footer {
    width: 100%;
}
/* Password toggle eye ikonu (her iki login'de) */
.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    color: #555;
}

/* =============================================================================
 * Karat tablosu partial (zaten kendi inline style'ları var ama tema uyumu)
 * =============================================================================
 */
.karat-card {
    background: var(--jz-bg-soft) !important;
    border: 1px solid var(--jz-border-soft) !important;
}

.karat-card .card-header {
    background: var(--jz-primary) !important;
    color: var(--jz-text-inverse) !important;
}

.karat-table thead th {
    background: var(--jz-bg-alt) !important;
    color: var(--jz-text);
    border-color: var(--jz-border) !important;
}

.karat-toplam-carat,
.karat-toplam-fiyat {
    background: var(--jz-bg-soft) !important;
    color: var(--jz-primary-dark) !important;
}

#karatUrunToplamCarat {
    background: var(--jz-bg-pudra) !important;
    color: var(--jz-primary-dark) !important;
    font-weight: 700;
}

#karatAddRow.btn-primary {
    background: var(--jz-accent) !important;
    color: var(--jz-primary-dark) !important;
    border-color: var(--jz-accent) !important;
}

#karatAddRow.btn-primary:hover {
    background: var(--jz-accent-hover) !important;
}

/* =============================================================================
 * Renkler — sidebar arkaplan görseli üstüne lacivert overlay
 * =============================================================================
 */
.sidebar:after,
.off-canvas-sidebar:after {
    background: linear-gradient(180deg, var(--jz-primary-dark) 0%, #0B1A3A 100%) !important;
    opacity: 0.95;
}

/* =============================================================================
 * Tüm butonların yazısı + ikonları BEYAZ (kullanıcı kararı — admin tarafı).
 * Dolgu butonlar kapsanır. Outline/link butonlar HARİÇ.
 * =============================================================================
 */
.btn:not([class*="btn-outline"]):not(.btn-link):not(.btn-white),
button.btn:not([class*="btn-outline"]):not(.btn-link):not(.btn-white),
.btn.btn-rose, .btn.btn-primary, .btn.btn-info, .btn.btn-success,
.btn.btn-danger, .btn.btn-warning, .btn.btn-secondary, .btn-fill,
button[type="submit"], input[type="submit"], input[type="button"] {
    color: #fff !important;
}
.btn:not([class*="btn-outline"]):not(.btn-link):not(.btn-white):hover,
.btn:not([class*="btn-outline"]):not(.btn-link):not(.btn-white):focus,
.btn:not([class*="btn-outline"]):not(.btn-link):not(.btn-white):active {
    color: #fff !important;
}
.btn:not([class*="btn-outline"]):not(.btn-link):not(.btn-white) i,
.btn:not([class*="btn-outline"]):not(.btn-link):not(.btn-white) .material-icons {
    color: #fff !important;
}

/* btn-white (ör. sidebar minimize butonu) açık zeminli — ikon/yazı beyaz
   olunca kayboluyordu. Wine yapıp görünür kılıyoruz. */
.btn.btn-white,
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
    color: var(--jz-primary) !important;
}
.btn.btn-white i,
.btn.btn-white .material-icons {
    color: var(--jz-primary) !important;
}