/* =========================================
   VIA SMM | PROFESYONEL TÜRKÇE PANEL
   Tema: Antrasit + Turuncu + Kırık Beyaz
   ========================================= */

:root {
    --via-dark: #171717;
    --via-dark-soft: #242424;
    --via-orange: #ff7900;
    --via-orange-hover: #e96b00;
    --via-cream: #fff8f2;
    --via-white: #ffffff;
    --via-text: #252525;
    --via-muted: #777777;
    --via-border: #eadfd5;
}

/* Genel sayfa */

html {
    scroll-behavior: smooth;
}

body {
    font-family: -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, Arial, sans-serif;
    background: var(--via-cream);
    color: var(--via-text);
    line-height: 1.6;
}

/* Başlıklar */

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-weight: 700;
    letter-spacing: -0.3px;
}

/* Bağlantılar */

a {
    transition: color .2s ease;
}

a:hover {
    color: var(--via-orange);
}

/* Üst menü */

.navbar {
    background: var(--via-dark);
    border-bottom: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
}

.navbar-brand {
    font-weight: 800;
    letter-spacing: -.5px;
}

.navbar .nav-link {
    font-weight: 600;
    transition: color .2s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--via-orange);
}

/* Butonlar */

.btn {
    border-radius: 10px;
    font-weight: 600;
    transition: all .2s ease;
}

.btn-primary,
.btn-success,
button[type="submit"],
input[type="submit"] {
    background: var(--via-orange);
    border-color: var(--via-orange);
    color: #ffffff;
}

.btn-primary:hover,
.btn-success:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: var(--via-orange-hover);
    border-color: var(--via-orange-hover);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(255,121,0,.2);
}

/* Formlar */

.form-control,
.form-select,
select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
    border: 1px solid var(--via-border);
    border-radius: 9px;
    background: #ffffff;
    color: var(--via-text);
}

.form-control:focus,
.form-select:focus,
select:focus,
input:focus,
textarea:focus {
    border-color: var(--via-orange);
    box-shadow: 0 0 0 3px rgba(255,121,0,.12);
    outline: none;
}

/* Kartlar */

.card {
    background: var(--via-white);
    border: 1px solid var(--via-border);
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(50,30,10,.05);
    overflow: hidden;
}

.card-header {
    background: #fff0e2;
    border-bottom: 1px solid var(--via-border);
    font-weight: 700;
}

/* Tablolar */

.table {
    background: #ffffff;
}

.table thead th {
    background: #fff0e2;
    color: var(--via-text);
    font-weight: 700;
}

.table tbody tr:hover {
    background: #fffaf5;
}

/* Bilgilendirme kutuları */

.alert {
    border-radius: 10px;
}

/* Etiketler */

.badge {
    border-radius: 6px;
    padding: 5px 8px;
}

/* Servis arama ve seçim alanları */

input::placeholder,
textarea::placeholder {
    color: #999999;
}

/* Genel içerik genişliği */

.container,
.container-fluid {
    max-width: 1440px;
}

/* Mobil uyumluluk */

@media (max-width: 768px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 27px;
    }

    h2 {
        font-size: 23px;
    }

    .container,
    .container-fluid {
        padding-left: 14px;
        padding-right: 14px;
    }

    .card {
        border-radius: 11px;
    }

    .btn {
        min-height: 42px;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .form-control,
    .form-select,
    select {
        min-height: 42px;
    }
}
/* VIA SMM - Mobil görünüm düzeltmeleri */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    background: #fff8f2;
}

/* Üst duyuru alanı */
body > .announcement,
.announcement,
.alert-announcement {
    font-size: 13px;
    line-height: 1.6;
    padding: 10px 15px;
    overflow-wrap: anywhere;
}

/* Giriş ve kayıt kartları */
.card {
    border-radius: 14px;
    box-shadow: 0 5px 20px rgba(30, 20, 10, 0.06);
}

/* Giriş alanları */
.form-control {
    min-height: 44px;
    border-radius: 9px;
}

/* Butonlar */
.btn-primary,
button[type="submit"] {
    background: #ff7900;
    border-color: #ff7900;
    color: #fff;
    border-radius: 9px;
    font-weight: 600;
}

/* Mobil düzen */
@media (max-width: 768px) {
    .container,
    .container-fluid {
        max-width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }

    h1 {
        font-size: 26px;
        line-height: 1.3;
    }

    h2 {
        font-size: 22px;
        line-height: 1.4;
    }

    .card-body {
        padding: 18px;
    }

    .btn {
        max-width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }
}
/* VIASMM: lacivert yüzeyler ve okunaklı metin */
:root {
  --smm-page: #14263f;
  --smm-card: #203650;
  --smm-card-light: #294563;
  --smm-input: #304d6d;
  --smm-orange: #d98232;
  --smm-orange-hover: #c87327;
  --smm-text: #fff4e8;
  --smm-muted: #d0d9e3;
  --smm-border: #405875;
}

/* Sayfa zemini ve temel yazı rengi */
html,
body {
  background-color: var(--smm-page) !important;
  color: var(--smm-text) !important;
}

h1, h2, h3, h4, h5, h6,
label, legend,
p, li {
  color: var(--smm-text);
}

/* Beyaz görünen standart Bootstrap kartları, paneller ve kutular */
.well,
.panel,
.panel-default,
.panel-body,
.panel-default > .panel-heading,
.panel-heading,
.card,
.card-body,
.modal-content {
  color: var(--smm-text) !important;
  background-color: var(--smm-card) !important;
  border-color: var(--smm-border) !important;
}

.panel-heading,
.panel-default > .panel-heading,
.modal-header,
.modal-footer {
  background-color: var(--smm-card-light) !important;
}

/* Sipariş ve ödeme formlarındaki yazı alanları */
.form-control,
input.form-control,
select.form-control,
textarea.form-control {
  color: var(--smm-text) !important;
  background-color: var(--smm-input) !important;
  border: 1px solid var(--smm-border) !important;
}

.form-control:focus,
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  border-color: var(--smm-orange) !important;
  box-shadow: 0 0 0 2px rgba(217, 130, 50, 0.2) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--smm-muted) !important;
  opacity: 0.85;
}

/* Açılır seçim kutuları */
.dropdown-menu,
.select2-dropdown,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  color: var(--smm-text) !important;
  background-color: var(--smm-card) !important;
  border-color: var(--smm-border) !important;
}

.dropdown-menu > li > a,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--smm-text) !important;
}

.dropdown-menu > li > a:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #ffffff !important;
  background-color: var(--smm-orange) !important;
}

/* Ödeme yöntemi ve sipariş tabloları */
.table,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  color: var(--smm-text) !important;
  background-color: transparent !important;
  border-color: var(--smm-border) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--smm-card) !important;
}

.table-hover > tbody > tr:hover {
  background-color: var(--smm-card-light) !important;
}

/* Sol menüde seçili sayfa: açık gri yerine lacivert ve turuncu vurgu */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.sidebar .active > a,
.sidebar-menu .active > a {
  color: var(--smm-text) !important;
  background-color: var(--smm-card-light) !important;
  border-left: 3px solid var(--smm-orange) !important;
}

/* Ana düğmeler turuncu kalsın */
.btn-primary,
.btn-warning,
.btn-success {
  color: #ffffff !important;
  background-color: var(--smm-orange) !important;
  border-color: var(--smm-orange) !important;
}

.btn-primary:hover,
.btn-warning:hover,
.btn-success:hover {
  background-color: var(--smm-orange-hover) !important;
  border-color: var(--smm-orange-hover) !important;
}
   body {
/* VIA SMM — servis tablosu ve beyaz satırlar için lacivert tema */
:root {
  --via-list-bg: #294563;
  --via-list-row: #203a56;
  --via-list-row-alt: #263f5b;
  --via-list-hover: #345371;
  --via-list-text: #fff4e8;
  --via-list-muted: #d2dce7;
  --via-list-border: #45617e;
  --via-list-orange: #d98232;
}

/* Servis tabloları ve tabloyu çevreleyen alanlar */
body .table,
body table,
body .table-responsive,
body .dataTables_wrapper,
body .dataTables_scroll,
body .dataTables_scrollHead,
body .dataTables_scrollBody {
  color: var(--via-list-text) !important;
  background-color: var(--via-list-bg) !important;
  border-color: var(--via-list-border) !important;
}

/* Başlık satırı */
body table thead,
body table thead tr,
body table thead th,
body .table thead th {
  color: var(--via-list-text) !important;
  background-color: #345371 !important;
  border-color: var(--via-list-border) !important;
}

/* Servis satırları ve hücreler */
body table tbody,
body table tbody tr,
body table tbody td,
body .table tbody tr,
body .table tbody td {
  color: var(--via-list-text) !important;
  background-color: var(--via-list-row) !important;
  border-color: var(--via-list-border) !important;
}

/* Alternatif satır rengi */
body .table-striped > tbody > tr:nth-of-type(odd),
body table tbody tr:nth-of-type(odd) td {
  color: var(--via-list-text) !important;
  background-color: var(--via-list-row-alt) !important;
}

/* Fareyle üzerine gelinen satır */
body .table-hover > tbody > tr:hover,
body table tbody tr:hover td {
  color: #ffffff !important;
  background-color: var(--via-list-hover) !important;
}

/* Servis tablosu içindeki bağlantı ve açıklamalar */
body table td a,
body table td span,
body table td small,
body .table td a,
body .table td span,
body .table td small {
  color: var(--via-list-text) !important;
}

/* Servis alanındaki paneller/kartlar */
body .panel,
body .panel-body,
body .panel-default,
body .well,
body .card,
body .card-body {
  color: var(--via-list-text) !important;
  background-color: var(--via-list-bg) !important;
  border-color: var(--via-list-border) !important;
}

/* Arama ve filtre alanları */
body .dataTables_wrapper input,
body .dataTables_wrapper select,
body .dataTables_wrapper .form-control,
body input[type="search"] {
  color: var(--via-list-text) !important;
  background-color: #203a56 !important;
  border-color: var(--via-list-border) !important;
}

body .dataTables_wrapper input::placeholder,
body input[type="search"]::placeholder {
  color: var(--via-list-muted) !important;
}

/* Sayfa numaraları ve servis tablosu kontrolleri */
body .dataTables_wrapper .pagination > li > a,
body .dataTables_wrapper .pagination > li > span {
  color: var(--via-list-text) !important;
  background-color: var(--via-list-bg) !important;
  border-color: var(--via-list-border) !important;
}

body .dataTables_wrapper .pagination > .active > a,
body .dataTables_wrapper .pagination > .active > span {
  color: #ffffff !important;
  background-color: var(--via-list-orange) !important;
  border-color: var(--via-list-orange) !important;
}

/* Servis tablosundaki turuncu vurgu */
body table a:hover,
body .table a:hover {
  color: #ffbd80 !important;
}
     
     /* Turuncu vurguları biraz güçlendir */
:root {
  --via-orange: #ed8a3a;
  --via-orange-hover: #d87528;
}

/* Üst menünün altında ince turuncu çizgi */
.navbar {
  border-bottom: 2px solid var(--via-orange) !important;
}

/* Aktif menü öğesi */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.sidebar .active > a,
.sidebar-menu .active > a,
.nav-pills > li.active > a {
  color: var(--via-orange) !important;
  border-left: 3px solid var(--via-orange) !important;
}

/* Kart ve panel başlıklarında ölçülü turuncu detay */
.card-header,
.panel-heading,
.panel-default > .panel-heading {
  border-left: 3px solid var(--via-orange) !important;
}

/* Önemli düğmeler */
.btn-primary,
.btn-success,
.btn-warning,
button[type="submit"],
input[type="submit"] {
  color: var(--via-navy-deep) !important;
  background: var(--via-orange) !important;
  border-color: var(--via-orange) !important;
  font-weight: 800 !important;
}

/* Fiyat ve durum etiketleri */
.badge,
.label-warning,
.label-success {
  color: var(--via-navy-deep) !important;
  background: var(--via-orange) !important;
  font-weight: 800 !important;
}

/* Bağlantılarda turuncu yalnızca üzerine gelince */
a:hover,
a:focus {
  color: #ffb36f !important;
}

/* Servis tablosu başlığında ince turuncu alt çizgi */
.table > thead > tr > th,
table thead th {
  border-bottom: 2px solid var(--via-orange) !important;
}