/* ===========================================================================
   Seyahat & Ulaşım modülü — modern koyu (#151515) tema + modal düzeltmeleri
   Sayfa stilleri  .seyahat-page  altında; MODAL stilleri modalın KENDİ sınıfı
   .seyahat-modal üzerinde (Bootstrap modalı DOM'da taşısa bile stil bağlı kalır).
   Diğer modülleri (Stok vb.) ETKİLEMEZ.
   =========================================================================== */

/* =========================== SAYFA (liste) =============================== */
.seyahat-page .sk-head-ico { background: linear-gradient(135deg, #151515 0%, #2e2e2e 100%); }

.seyahat-page .btn-success { background: #151515; border-color: #151515; }
.seyahat-page .btn-success:hover, .seyahat-page .btn-success:focus, .seyahat-page .btn-success:active { background: #2e2e2e; border-color: #2e2e2e; }
.seyahat-page .btn-primary { background: #151515; border-color: #151515; }
.seyahat-page .btn-primary:hover, .seyahat-page .btn-primary:focus { background: #2e2e2e; border-color: #2e2e2e; }
.seyahat-page .sk-searchbtn { background: #151515; border-color: #151515; }
.seyahat-page .sk-searchbtn:hover { background: #2e2e2e; }

.seyahat-page .sk-pager { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 14px; }
.seyahat-page .sk-pnum {
    min-width: 34px; height: 34px; line-height: 32px; text-align: center; border-radius: 8px;
    border: 1px solid #e3e8ec; background: #fff; color: #5a6772; cursor: pointer; font-size: 13px; transition: all .15s;
}
.seyahat-page .sk-pnum:hover { background: #f2f5f8; border-color: #d7dde3; }
.seyahat-page .sk-pnum.act { background: #151515; color: #fff; border-color: #151515; box-shadow: 0 2px 6px rgba(21,21,21,.30); }
.seyahat-page .sk-pnum.dots { border: none; background: transparent; cursor: default; }
.seyahat-page .sk-pnum[disabled] { opacity: .45; cursor: not-allowed; }

/* =========================== MODAL (kendi sınıfı) ======================== */
.seyahat-modal .modal-dialog { margin: 34px auto; }
@media (min-width: 992px) { .seyahat-modal.modal .modal-dialog.modal-lg, .seyahat-modal .modal-lg { width: 860px; } }

.seyahat-modal .modal-content {
    border: none; border-radius: 14px; overflow: hidden;
    box-shadow: 0 24px 70px rgba(10, 12, 16, .40);
}

/* KOYU başlık */
.seyahat-modal .modal-header {
    background: linear-gradient(135deg, #151515 0%, #2e2e2e 100%);
    border-bottom: none; padding: 15px 22px; position: relative;
}
.seyahat-modal .modal-header .modal-title { color: #fff; font-size: 16px; font-weight: 700; }
.seyahat-modal .modal-header .modal-title .fa { margin-right: 7px; color: #fff; opacity: .92; }
.seyahat-modal .modal-header .close { color: #fff; opacity: .8; text-shadow: none; font-size: 24px; margin-top: 2px; }
.seyahat-modal .modal-header .close:hover { opacity: 1; }
.seyahat-modal .modal-header .modal-title .sk-pill { color: #34404a; vertical-align: middle; }

/* Uzun formlar taşmasın: gövde kaydırılır, header/footer sabit kalır */
.seyahat-modal .modal-body { padding: 20px 22px; max-height: calc(100vh - 240px); overflow-y: auto; }
.seyahat-modal .modal-body::-webkit-scrollbar { width: 8px; }
.seyahat-modal .modal-body::-webkit-scrollbar-thumb { background: #cfd5db; border-radius: 8px; }

.seyahat-modal .modal-footer { background: #f7f8fa; border-top: 1px solid #eceef0; padding: 13px 22px; margin-top: 0; }
.seyahat-modal .modal-footer .btn { border-radius: 8px; font-weight: 600; padding: 7px 16px; }
.seyahat-modal .modal-footer .btn-success { background: #151515; border-color: #151515; }
.seyahat-modal .modal-footer .btn-success:hover, .seyahat-modal .modal-footer .btn-success:focus { background: #2e2e2e; border-color: #2e2e2e; }
.seyahat-modal .modal-footer .btn-primary { background: #151515; border-color: #151515; }
.seyahat-modal .modal-footer .btn-primary:hover { background: #2e2e2e; border-color: #2e2e2e; }

/* ---- Form alanları (premium) ---- */
.seyahat-modal .modal-body { background: #fcfdfe; }
.seyahat-modal .form-group { margin-bottom: 16px; }
.seyahat-modal label {
    font-weight: 600; color: #7c858e; font-size: 11px; text-transform: uppercase; letter-spacing: .4px;
    margin-bottom: 6px; display: block;
}
.seyahat-modal .form-control {
    border-radius: 10px; border: 1.5px solid #e6ebf0; background: #fff; font-size: 13.5px; color: #222;
    height: 42px; padding: 0 13px; box-shadow: none; transition: border-color .15s, box-shadow .15s, background .15s;
}
.seyahat-modal textarea.form-control { height: auto; min-height: 74px; padding: 10px 13px; line-height: 1.5; }
.seyahat-modal .form-control::-webkit-input-placeholder { color: #aeb6bf; }
.seyahat-modal .form-control::placeholder { color: #aeb6bf; }
.seyahat-modal .form-control:hover { border-color: #d3dae1; }
.seyahat-modal .form-control:focus { border-color: #151515; background: #fff; box-shadow: 0 0 0 3.5px rgba(21,21,21,.09); }

/* Özel açılır menü oku */
.seyahat-modal select.form-control {
    -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 34px; cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23566' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");
    background-repeat: no-repeat; background-position: right 12px center;
}

/* Özel koyu onay kutuları — chip görünümlü etiketler */
.seyahat-modal .checkbox { margin: 4px 0 0; padding: 0; }
.seyahat-modal .checkbox label {
    display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; margin: 0 8px 0 0;
    border: 1.5px solid #e6ebf0; border-radius: 10px; background: #fff; cursor: pointer;
    font-weight: 600; color: #4a5560; font-size: 13px; transition: all .15s; min-height: 40px;
}
.seyahat-modal .checkbox label:hover { border-color: #cdd5dd; background: #fafbfc; }
.seyahat-modal .checkbox label .fa { color: #8a929a; }
.seyahat-modal input[type="checkbox"] {
    -webkit-appearance: none; appearance: none; margin: 0; flex: 0 0 auto;
    width: 19px; height: 19px; border: 1.5px solid #cdd5dd; border-radius: 6px; background: #fff;
    position: relative; cursor: pointer; transition: all .15s;
}
.seyahat-modal input[type="checkbox"]:checked { background: #151515; border-color: #151515; }
.seyahat-modal input[type="checkbox"]:checked:after {
    content: ''; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px;
    border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.seyahat-modal small.text-muted { font-size: 11.5px; display: inline-block; margin-top: 4px; }

/* Onay kutusu chip grubu — düzenli hizalı, esnek sarmalı */
.seyahat-modal .sk-check-group { display: flex; flex-wrap: wrap; gap: 10px; margin: 2px 0 0; padding: 0; }
.seyahat-modal .sk-check-group label { margin: 0; flex: 1 1 auto; justify-content: flex-start; }
.seyahat-modal .checkbox label.sk-chk-on { border-color: #151515; background: #f2f3f5; color: #151515; box-shadow: 0 1px 4px rgba(21,21,21,.08); }
.seyahat-modal .checkbox label.sk-chk-on .fa { color: #151515; }

/* Satır/kolon: iki alan yan yana dikey hizalı, tutarlı boşluk */
.seyahat-modal .modal-body .row { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; }
.seyahat-modal .modal-body .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.seyahat-modal .modal-body .row > [class*="col-"] > .form-group { margin-bottom: 16px; }

/* Dosya ekle alanı + liste hizası */
.seyahat-modal .sk-filelist { margin-top: 8px; }
.seyahat-modal .sk-filelist li { background: #fff; }

/* Bölüm başlığı / zorunlu işareti */
.seyahat-modal .sk-section {
    font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
    color: #151515; margin: 4px 0 14px; padding-bottom: 7px;
    border-bottom: 1px solid #eceef0; display: flex; align-items: center; gap: 7px;
}
.seyahat-modal .sk-section:before { content: ''; width: 3px; height: 13px; border-radius: 3px; background: #151515; }
.seyahat-modal .sk-req { color: #e05c4a; font-weight: 700; }

/* Detay: bilgi ızgarası */
.seyahat-modal .trk-info {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px 22px;
    background: #f7f9fb; border: 1px solid #eceef0; border-radius: 10px; padding: 13px 16px; margin-bottom: 15px;
}
.seyahat-modal .trk-info div { font-size: 13px; color: #3a4148; }
.seyahat-modal .trk-info b { color: #8a929a; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: .3px; display: block; margin-bottom: 1px; }

/* Detay: işlem geçmişi zaman çizelgesi */
.seyahat-modal .trk-timeline { list-style: none; padding: 4px 0 0 4px; margin: 0; }
.seyahat-modal .trk-timeline li { position: relative; padding: 0 0 15px 20px; border-left: 2px solid #eceef0; }
.seyahat-modal .trk-timeline li:last-child { border-left-color: transparent; padding-bottom: 2px; }
.seyahat-modal .trk-timeline li:before {
    content: ''; position: absolute; left: -6px; top: 2px; width: 11px; height: 11px;
    border-radius: 50%; background: #151515; box-shadow: 0 0 0 3px rgba(21,21,21,.12);
}
.seyahat-modal .trk-timeline b { color: #34404a; font-size: 13px; }
.seyahat-modal .trk-timeline small { color: #9aa3ab; font-size: 11.5px; }

/* Modal içi mini tablo (bağlı kayıtlar) */
.seyahat-modal .sk-table thead th { font-size: 10.5px; padding: 8px 8px; }
.seyahat-modal .sk-table tbody td { padding: 8px 8px; font-size: 12.5px; }

/* Uyarı kutuları (karar notu) */
.seyahat-modal .alert { border-radius: 9px; border: none; font-size: 13px; }
.seyahat-modal .alert-success { background: #eef0f2; color: #1f2933; }
.seyahat-modal .alert-warning { background: #fff5e6; color: #b7791a; }
.seyahat-modal .alert-danger { background: #fdecea; color: #c0392b; }