/* =====================================================================
   GLOBAL UI THEME — proje geneli (Order/Orders gorunumu ile AYNI)
   Tek merkez: her sayfaya statik stil basmak yerine burada tanimli.
   _Layout.cshtml icinde BIR KEZ link'lenir; tum sayfalara uygulanir.
   Kaynak referans: wwwroot/assets/css/orders.css (.orders-modern)
   ===================================================================== */
:root {
    --ui-fill:  #f2f2f7;   /* input/select dolgusu (iOS systemGray6) */
    --ui-sep:   #e4e4ea;   /* hairline ayirici */
    --ui-text:  #1c1c1e;   /* ana metin */
    --ui-muted: #8a8a8e;   /* ikincil metin / placeholder */
    --ui-blue:  #3f6fb0;   /* vurgu / focus */
    --ui-h:     36px;      /* kontrol yuksekligi */
    --ui-r:     8px;       /* input/select radius */
}

/* =====================================================================
   1) MODAL HEADER — tum popuplar (Order/Orders ile ayni)
      background: linear-gradient(to right, #516395, #1f2937), beyaz metin
   ===================================================================== */
.modal-header {
    background-color: #1f2937; /* eski tarayici fallback */
    background-image: linear-gradient(to right, #516395, #1f2937) !important;
    border-bottom: none !important;
    color: #fff !important;
    position: relative;
}
.modal-header .modal-title,
.modal-header h1, .modal-header h2, .modal-header h3,
.modal-header h4, .modal-header h5, .modal-header h6 {
    color: #fff !important;
}
.modal-header .modal-title i,
.modal-header .caption,
.modal-header .caption-subject,
.modal-header > i {
    color: #fff !important;
}
.modal-header .close {
    color: #fff !important;
    opacity: .75;
    text-shadow: none;
    font-weight: 400;
}
.modal-header .close:hover {
    color: #fff !important;
    opacity: 1;
}
/* Bootstrap 5 kapatma butonu (varsa) beyazlat */
.modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: .85;
}

/* =====================================================================
   2) COMBOBOX / INPUT / SELECTPICKER — Order/Orders dolgu stili
      yumusak gri zemin, hairline yok, focus'ta mavi halka
   ===================================================================== */
.form-control,
.bootstrap-select > button.btn,
.bootstrap-select > .dropdown-toggle {
     
    background-color: #fdfdfd !important;
    border-radius: var(--ui-r) !important;
    box-shadow: none !important;
    color: var(--ui-text);
}

/* yukseklik yalniz tek-satir kontrollere (textarea/checkbox/radio/file HARIC) */
input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select.form-control:not([multiple]),
.bootstrap-select > button.btn,
.bootstrap-select > .dropdown-toggle {
    height: var(--ui-h) !important;
    min-height: var(--ui-h) !important;
    padding: 6px 8px;
}
textarea.form-control {
    height: auto !important;
    min-height: 72px;
    padding: 8px 12px;
    border-radius: var(--ui-r) !important;
}

.form-control:focus,
.bootstrap-select.open > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > button.btn:focus { 
    outline: none !important;
}
.form-control::placeholder { color: var(--ui-muted); }

/* Native <select> — tek temiz iOS chevron */
select.form-control:not([multiple]) {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    padding-right: 32px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%238a8a8e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 11px center !important;
}

/* selectpicker (bootstrap-select) */
.bootstrap-select { width: 100% !important; }
.bootstrap-select > .dropdown-toggle .filter-option,
.bootstrap-select > .dropdown-toggle .filter-option-inner,
.bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
    color: var(--ui-text); font-weight: 500; line-height: 1.2;
}
.bootstrap-select > .dropdown-toggle .caret { display: none !important; }
.bootstrap-select > .dropdown-toggle {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%238a8a8e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 11px center !important;
    padding-right: 30px !important;
}
.bootstrap-select .dropdown-menu {
    border: 1px solid var(--ui-sep);
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .10);
    font-size: 13px;
    padding: 6px;
    margin-top: 6px;
}
.bootstrap-select .dropdown-menu li a { border-radius: 7px; padding: 7px 10px; }
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li a:hover {
    background: rgba(63, 111, 176, .10);
    color: var(--ui-blue);
}
.bootstrap-select .bs-searchbox .form-control { height: 34px !important; }

/* =====================================================================
   3) BUTONLAR — proje geneli tutarli kose (Order/Orders gibi)
      Not: tek deger buradan yonetilir; 5px isteyen 8 -> 5 yapar.
      .btn-circle / .btn-icon-only (yuvarlak ikon butonlari) HARIC tutuldu.
   ===================================================================== */
.btn:not(.btn-circle):not(.btn-icon-only),
button.btn:not(.btn-circle):not(.btn-icon-only),
input[type="button"],
input[type="submit"],
input[type="reset"] {
    border-radius: 8px !important;
}
/* buton grubu: ic butonlarin da ayni koseyi almasi icin */
.btn-group > .btn:not(.btn-circle):not(.btn-icon-only),
.btn-group-vertical > .btn:not(.btn-circle):not(.btn-icon-only) {
    border-radius: 8px !important;
}

/* ============================================================
   SweetAlert2 — proje geneli modern tema
   (metronic'in global "border-radius:0 !important" resetini yenmek icin radius'lar !important)
   ============================================================ */
.swal2-overlay {
    background: rgba(10, 18, 30, .42) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
}
.swal2-modal {
    border-radius: 20px !important;
    padding: 28px 30px 24px !important;
    box-shadow: 0 30px 80px rgba(10, 18, 30, .35) !important;
    background: #ffffff !important;
    font-family: inherit !important;
}
.swal2-modal h2 {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    letter-spacing: -.01em !important;
    margin: 4px 0 2px !important;
}
.swal2-modal .swal2-content,
.swal2-modal p,
.swal2-content {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #64748b !important;
}
.swal2-icon {
    border-radius: 50% !important;
    margin: 6px auto 16px !important;
}
.swal2-icon.swal2-warning { border-color: #e0a62e !important; color: #e0a62e !important; }
.swal2-icon.swal2-info { border-color: #1f6fc4 !important; color: #1f6fc4 !important; }
.swal2-icon.swal2-question { border-color: #1f6fc4 !important; color: #1f6fc4 !important; }
.swal2-icon.swal2-success { border-color: #15924f !important; color: #15924f !important; }
.swal2-icon.swal2-success .swal2-success-ring { border-color: #15924f !important; }
.swal2-icon.swal2-error { border-color: #c0392b !important; color: #c0392b !important; }
.swal2-modal button.styled {
    border-radius: 11px !important;
    padding: 11px 24px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    font-family: inherit !important;
    box-shadow: none !important;
    margin: 0 5px !important;
    transition: filter .12s, background-color .12s !important;
}
.swal2-modal button.styled.swal2-confirm { background-color: #1f6fc4 !important; color: #fff !important; }
.swal2-modal button.styled.swal2-confirm:hover { filter: brightness(1.06) !important; }
.swal2-modal button.styled.swal2-cancel {
    background-color: #f6f8fc !important;
    color: #64748b !important;
    border: 1px solid #e4e9f1 !important;
}
.swal2-modal button.styled.swal2-cancel:hover { background-color: #eef2f7 !important; color: #1e293b !important; }