/* X Tarzı Karanlık Tema için kök değişkenler */
html.dark-mode {
    --bg-main: #2e384d;
    --text-primary: #ffffff;
}
  html.dark-mode body {
    background-color: var(--bg-main);
    color: var(--text-primary);
  }
  .dark-mode .btn-primary {
    box-shadow: 0 5px 10px rgb(255 255 255 / 0%) !important;
}
.dark-mode footer.bg-dark.text-white.ynd .bg-dark {
    background-color: #3d4e6700 !important;
    color: #ffffff !important;
}

.dark-mode .col-lg-6.col-sm-12.mt-3.mb-3.text-left a {
    color: #f8fdff;
}
.dark-mode .menualt.shimmer-container {
    background: #636d8c;
}
.dark-mode .menualt.menualt-real {
    background: #636d8c00;
}
.dark-mode .form-group.pt-3.rememberme-style.chbs label.custom-control.custom-checkbox {
    background: transparent;
}
.dark-mode .wizard-highlight {
    outline: 1px solid #ffa22b;
    background: #3d4e67;
}
  .dark-mode .top-bar {
    background: #3d4e67 !important;
    border-bottom: 1px solid #636d8c94;
    padding-bottom: 3px;
}
.dark-mode .wizard-tooltip {
    background: #2e384d;
    color: #ffffff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
    .dark-mode div#wizard-modal {

        background: #2e384d !important;
    }
.dark-mode .wizard-tooltip::after {
    border-color: #2e384d transparent transparent;
}
.dark-mode .wizard-buttons button {
  background-color: #0d6efd;
}

.dark-mode .wizard-buttons button:hover {
  background-color: #0b5ed7;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Modal kutusu */
.dark-mode .wizard-modal {
  background: rgba(15, 15, 15, 0.85);
}

.dark-mode .modal-content {
  background: #333;
  color: #fff;
}

.dark-mode .modal-content button {
  background: #0d6efd;
  color: #fff;
}
.dark-mode #theme-toggle {
    box-shadow: none;
}
.dark-mode button.btn.btn-sm.btn-outline-danger.favorite-btn {
    background: transparent;
    border: 0px;
    box-shadow: none;
}
.dark-mode a.btn.btn-sm.btn-success.mt-2.w-100 {
    background: #636d8c;
    border-color: #636d8c;
    box-shadow: 0 5px 10px #f8424200;
}
.dark-mode .border-top {
    border-top: 1px solid #ffffff24 !important;
}
.dark-mode .card.overflow-hidden {
    border: 1px solid #636d8c;
}
.dark-mode section.sptb.ilandetay .card {
    background-color: #3d4e67;
}
.dark-mode .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    position: relative;
    height: 100%;
}
.dark-mode .card-bodyss {
    background: #2f3d53;
    border-radius: 10px;
}
.dark-mode button.afispaylsds {
    background: #636d8c !important;
}
.dark-mode a.btn.ripple.btn-light.btn-block.btn-lg {
    background: #01d277;
    color: white;
    font-size: 15px;
}
.dark-mode button.sosyalmedyaafisols {
    background: #636d8c !important;
}
.dark-mode .baloncuk-ok {
    border-top: 10px solid #33445d;
}
.dark-mode .card.mb-lg-0.service-widgets {
    background: #445869;
}
.dark-mode .item-user .item-user-icons a {
    color: white !important;
}
.dark-mode .tab-content.details-tab-content {
    border-bottom: 1px solid #3d4e67;
}
.dark-mode .border-left {
    border-left: 1px solid #3d4e67 !important;
}
.dark-mode .border-right {
    border-right: 1px solid #3d4e67 !important;
}
.dark-mode .bg-white {
    background-color: #3d4e67 !important;
}
.dark-mode a.btn.ripple.btn-light.btn-block.btn-lg.whatsd {
    background: #ffa22b;
}
.dark-mode .page-header .breadcrumb-item a {
    color: #cdd0d3;
}

.dark-mode .bg-white-gray h4.page-title {
    color: #cdd0d3;
}
.dark-mode .card-body {
    background: #3d4e67;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
    background: #636d8c;
    color: #ffffff;
    background-color: #3d4e67;

}
.dark-mode i.fa.fa-play {
    color: #ffa22b;
}
.dark-mode a.text-dark:hover, a.text-dark:focus {
    color: #ffa22b !important;
}
.dark-mode div#real-header-sticky-wrapper div#real-header {
    background: #3d4e67 !important;
}
.dark-mode .header-style.horizontal-main.bg-dark-transparent.clearfix {
    background: #3d4e6700 !important;
    border-bottom: 1px solid #4a6081;
}
.dark-mode .single-page .wrapper > form {
    background: #2e3c50;
}
.dark-mode .single-page .wrapper.wrapper2 {
    background: #3d4e67;
    color: #181818;
}
.dark-mode i.fa.fa-image.fa-lg.text-primary {
    color: #ffffff !important;
}
.dark-mode .mesaj-karti:hover {
    background-color: #636d8c;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.dark-mode .modal-header {
    border-bottom: 1px solid #2e384d;

}
.dark-mode a.btn.btn-outline-success.btn-sm.ms-3 {
    background: #f84242;
}
.dark-mode .hgytss span {
    color: white !important;
}
.dark-mode p.mb-1.text-secondaryt {
    color: #ffffff;
}
.dark-mode .mesaj-karti {
    border: 1px solid #2e384d;
    background: #2e384d;
}

.dark-mode .single-page .wrapper label {
    background: #2e384d;
    color: #fff;
}
.product-slider .carousel-item img {
    width: 100%;
    height: 540px !important;
}
img.cover-image.d-block.w-100 {
    height: 200px;
}
.tab-content.index-search-select span.select2-selection.select2-selection--single {
    background-color: white;
    border: 1px solid white !important;
}
.badge {

    padding: 5px 5px 4px;

}
.dark-mode .my-dash .side-menu li a {
    border-top: 1px solid #32405c;
    background: #2e384d;
}
.dark-mode .my-dash.app-sidebar ul li a {
    color: #ffffff;
}
.dark-mode .card.box-shadow.ktgrler {
    box-shadow: 0px 0px 20px #3d4e67 !important;
}
.dark-mode span#basic-addon1 {
    background: #2e384d;
    border: 1px solid #3d4e67;
}
.dark-mode .rc-anchor-light {
    background: #2e384d;
    color: #ffffff;
    border: 1px solid #3d4e67 !important;
}
.dark-mode .single-page .wrapper input {
    border: solid 1px #3d4e67;
}
.dark-mode .single-page .wrapper input::placeholder {
    color: #cfcece;
}
.dark-mode .headerstyle1 .top-bar {
    background: #3d4e67 !important;
}
.dark-mode .nav-tabs .nav-link {
    color: #ffffff;
}
.dark-mode .property-slide a.carousel-control-next {
    background: rgba(0, 0, 0, 0.08) !important;
}
.dark-mode .breadcrumb1 {
    background-color: #3d4e67;
}
.onizleme {

    opacity: 0.1;

}
.dark-mode li.list-group-item.position-relative {
    background: #3d4e67;
    border: 0;
}
.dark-mode .tklsifformu {
    background: #3d4e67;
    padding: 20px;
    border-radius: 10px;
}
.dark-mode span#select2-ilan_il-k1-container {
    color: white !important;
}
.dark-mode .item-search-tabs .form-control {
    background: white;
}

.dark-mode .autocomplete-box.bg-white.border.rounded.shadow-sm.mt-1 {
    background: #3d4e67 !important;
}
.dark-mode .autocomplete-item strong {
    font-weight: 600;
    color: #ffa22b;
}
    .dark-mode div#stickyHeader span.fiyatstc a {
        color: #ffffff !important;
        border: 1px solid #ffffff;
    }
    .dark-mode .horizontal-header.clearfix.show {
    border-bottom: 1px solid #636d8c;
}
.dark-mode .card-body.ilngrslds .dark-mode button.btn.ripple.btn-danger.icons {
    background-color: #fff;
    border-color: #ffffff;
    box-shadow: 0 5px 10px #3d4e6747;
    color: #000000 !important;
}
.dark-mode .card-body.ilngrslds button.btn.ripple.btn-danger.icons {
    border-color: #3d4e67;
    box-shadow: 0 5px 10px #3d4e6747;
    color: #fff !important;
}
.dark-mode div#topbar-skeleton .shimmer {
    background: linear-gradient(to right, #2e384d 8%, #636d8c 18%, #6c757d 33%);
    background-size: 1000px 100%;
    animation: shimmerAnim 1.2s infinite linear;
    margin-right: 10px;
}
.dark-mode .shimmer-box, .dark-mode .shimmer-circle {
    background: linear-gradient(90deg, #2e384d 25%, #636d8c 50%, #6c757d 75%);
    /* background: linear-gradient(to right, #2e384d 8%, #636d8c 18%, #6c757d 33%); */
}
.dark-mode .shimmer-wrapper::before {
    background: linear-gradient(to right, #2e384d 0%, #3d4e67 20%, #636d8c 40%, #2e384d 100%);
}
.dark-mode .hero-placeholder {
    background: linear-gradient(90deg, #6c757d 25%, #3d4e67 50%, #3d4e67 75%);
}
.dark-mode .shimmer {
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #2e384db3 8%, #636d8c 18%, #2e384db3 33%);
}
.dark-mode button:hover, .dark-mode .btn:hover {
    background-color: #1a8cd800 !important;
}
.dark-mode .mobile-menu {
    background: #3d4e67;
  }
.dark-mode .sidebar-menu a {
    color: #ffffff;
    background-color: #3d4e67;
}
.dark-mode .bnavbar.text-white button {
    background: #636d8c !important;
}
.dark-mode .bnavbar.text-white {
    border-top: 1px solid #3d4e67;
}
.dark-mode .sidebar-user h4 {
    color: #ffffff;
}
.dark-mode .sidebar-user p {
    color: #ffffff;
}
.dark-mode .sidebar-menu a:hover, .dark-mode .sidebar-menu a.active {
    background-color: #636d8c;
    color: #fff;
}
.dark-mode .sidebar-container {
    background: #3d4e67;
    color: #fff;
    border: 1px solid #636d8c;
}
.dark-mode .sidebar-menu li {
    border-bottom: 1px solid #46537b;
}
.dark-mode .sidebar-user {
    background: linear-gradient(135deg, #636d8c, #3d4e67);
    border-bottom: 1px solid #3d4e67;
}
.dark-mode button, .dark-mode .btn {
    background-color: #fb5c3b;
    color: white !important;
    border-color: #fb5c3b;
    box-shadow: 0 0px 0px #f8424245;
}
.dark-mode .card-bodyss {
    background: #374861;
}
.dark-mode .alert-primary {
    color: #ffffff !important;
    background-color: #636d8c !important;
    border-color: #ffffff00 !important;
}
.dark-mode .col-xl-8.col-lg-8.col-md-12.ilnadetay .col-12.mb-0 {
    background: #313e51;
    border: 1px solid #313e51;
}
.dark-mode .my-dash.app-sidebar .side-menu li a.side-menu__item.active {
    background: #252d3d !important;
    color: #0b94f7 !important;
    border-right: 2px solid #0b94f7 !important;
  }
.dark-mode .border {
    border: 1px solid #425775 !important;
}
.dark-mode .register-right .nav-tabs {
    background: #334259;
}
.dark-mode .single-page .wrapper {
    border: 1px solid #3d4e67;
}
.dark-mode .breadcrumb-item.active {
    color: #ffffff !important;
}
.dark-mode .border-bottom {
    border-bottom: 1px solid #343a40 !important;
}
:root {
    --bg-color: #ffffff;
    --text-color: #343a40;
  }
  .dark-mode .card-body.item-user .card-body {
    background: #02bf6d !important
}
 .dark-mode {
    --bg-color: #121212;
    --text-color: #e0e0e0;
  }
  .dark-mode .sptb {
    background: #2e384d;
}

.dark-mode .step-indicator .step {

    background: #2e384d;
}
.dark-mode .progress {
    background: #3d4e67;

}
.dark-mode .rowilnno {
    background: #3d4e67;
    color: white;
}
.dark-mode div#step2 {
    background: #3d4e67;
}
.dark-mode .card.text-center.p-3.alt-kategori-kutu {
    background: #636d8c;
}
.dark-mode .card.text-center.p-3.kategori-kutu {
    background: #3d4e67;
}
.dark-mode .card-body h3 {
    font-weight: 400 !important;
    color: #ffffff;
    margin-top: 0px;
    background: transparent;
    padding: 6px;
    border-radius: 10px;
}
.dark-mode .icon-service3.bg-info-transparent.text-center.mb-4 img {
    filter: sepia(1);
}
.dark-mode .bnavbar.text-white a:hover {
    color: black !important;
}
#theme-toggle svg {
    width: 28px;
    height: 28px;
    transition: transform 0.3s ease;
    fill: #ffa22b;
}
.dark-mode button#menuToggle {
    background-color: transparent;
}
.dark-mode div#stickyHeader {
    background: #2e384d !important;
    border-bottom: 1px solid #2e384d;
}
.dark-mode .bnavbar.text-white a {
    color: #fff !important;
    background: #636d8c !important;
}
.dark-mode .dropdown-menu.dropdown-menu-right.dropdown-menu-arrow.cart-dropdown.show {
    background: #3d4e67;
}
.dark-mode div#mCSB_1_container .alert.alert-warning.m-2 {
    color: #ffffff !important;

}
.dark-mode .dropdown-menu.dropdown-menu-right.dropdown-menu-arrow.noti-dropdown.animated.fadeIn.show {
    background: #3d4e67;
    border: 1px solid #636d8c;
}
.dark-mode a.noti-item.bildirim-yeni {
    border-bottom: 1px solid #636d8c;
}
.dark-mode .noti-header {
    border-bottom: 1px solid #636d8c;
    background: #3d4e67;
    color: #ffffff;
}
.dark-mode .menualt {
    background: #3d4e67;
}
.dark-mode .bilgi-baloncu {
    background-color: #35455d;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.dark-mode .bilgi-baloncu .ilan-baslik {
    color: #ffffff;
}
.dark-mode .ilan-detay-listesi li {
    color: #ffffff;
}
.dark-mode .ilan-detay-listesi i {
    color: #ffffff;
}
body.dark-mode {
    --bg-main: #000000;
    --bg-secondary: #16181c;
    --text-primary: #e7e9ea;
    --text-secondary: #8b98a5;
    --border-color: #2f3336;
    --link-color: #1d9bf0;
    --card-bg: #16181c;
    --input-bg: #1c1e22;
    --button-bg: #1d9bf0;
    --button-text: #ffffff;
  }
  .dark-mode a.btn.ripple.btn-light.btn-block.btn-lg.srsdsd {
    background: #fb5c3b;
}
  /* Ana gövde */
  body.dark-mode {
    background-color: var(--bg-main);
    color: var(--text-primary);
  }
  .dark-mode a.btn.ripple.btn-light.btn-block.btn-lg.tels {
    background: #096cf7;
    border: 1px solid #0b94f7;
}
  /* Tüm container'lar ve içerikler */
  .dark-mode .container,
  .dark-mode .card,
  .dark-mode .ilan-item,
  .dark-mode .box,
  .dark-mode .content,
  .dark-mode .panel {
    background-color: var(--card-bg);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
  }
  .dark-mode .text-dark {
    color: #f1f2f5 !important;
}
  /* Başlık ve metin */
  .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode p, .dark-mode span, .dark-mode li, .dark-mode label {
    color: #ffffff;
}
.dark-mode section.sptb.ilandetay .card {
      border: 1px solid #3b4a68;
    border-radius: 4px;
    box-shadow: 0 0 12px 0 #636d8c00;
}
.dark-mode span#select2-ilan_il-uq-container {
    color: black !important;
}
.dark-mode p.fw-bold.text-black.mb-0.px-2.py-1.rounded.fiyat-kutu {
    background: #3d4e67;
}
.dark-mode .ilan-baloncuk {
    background: linear-gradient(135deg, #3d4e6700, #556b8d1c);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
    border: 0px solid rgba(255, 255, 255, 0.15);
    color: white;
}
.dark-mode .dropdown-menu-arrow:after {
    border-bottom: 10px solid #3d4e67;

}
.dark-mode .dropdown-menu.dropdown-menu-right.dropdown-menu-arrow.p-3.show {
    background: #3d4e67 !important;
    border: 1px solid;
}
.dark-mode .popular-searches {
    background: #3d4e6700;
    border: 1px dashed #636d8c;
}
.dark-mode .dgrkluncs {
    background: #636d8c;
    border-radius: 5px;
}
.dark-mode .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
    border: 1px solid #3d4e67;
    background-color: #3d4e67;
    box-shadow: 6px 6px 17px 0 rgba(39, 55, 76, 0.06);
}
.dark-mode div#regular a {
    border-bottom: 1px solid #ffffff2b;
    color: white !important;
}
.dark-mode div#regular a:hover {
    border-bottom: 1px solid #fb5c3b;
    color: #f84242 !important;
}
  /* İkincil yazılar */
  .dark-mode .text-muted, .dark-mode .meta, .dark-mode small {
    color: #ffffff !important;
}
.dark-mode .sticky-wrapper.is-sticky .horizontal-main {
    background: #3d4e67 !important;
    border-bottom: 1px solid #3d4e67;
}
.dark-mode .card-body.classbody a {
    color: #ffffff;
}
.dark-mode .bg-background2:before, .bg-background-color:before {
    background: #3d4e67 !important;
}
  .dark-mode .alert-info {
    color: #d0ebff;
    background-color: #636d8c;
    border-color: #636d8c;
}
.dark-mode .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
    border: 1px solid #3d4e67;
    background: #636d8c;
    color: white;
}
.dark-mode .card-body.pt-3.pb-3.row {
    background: #313e51;
}
  /* Linkler */
  .dark-mode a {
    color: #ffffff;
}
.dark-mode .top-bar a:hover {
    color: #868e96;
}
.dark-mode .bg-info-transparent {
    background-color: rgb(255 255 255 / 5%);
}
.dark-mode .top-bar a {
    color: #a0a6d2;
}
.dark-mode .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active {
    background: #3d4e67 !important;
    border: 1px solid #3d4e67;
    color: white;
}

.dark-mode .ads-tabs .tabs-menus ul li a {
    border: 1px solid #4e678b;
    color: #ffffff;
    padding: 10px 20px 11px 20px;
}
.dark-mode .dropdown-divider {
    height: 0;
    margin: 0.5rem 0 !important;
    overflow: hidden;
    border-top: 1px solid #636d8c;
}
.dark-mode .card-header {
    border-bottom: 1px solid #636d8c;
}
  /* Giriş alanları */
  .dark-mode input, .dark-mode textarea, .dark-mode select {
    background-color: #2e384d;
    color: #ffffff;
    border: 1px solid var(--border-color);
}
.dark-mode .my-dash .slide.is-expanded .slide-menu {

    background: #636d8c;
}
.dark-mode .ilaneklesss {
    background: #636d8c !important;
    color: #fff;

}
.dark-mode .ilan-kutu.position-relative.card.overflow-hidden.d-flex.flex-row.flex-nowrap.p-3.shadow-sm.border.rounded.align-items-start {
    border: 1px solid #636d8c !important;
    background: #4e587a;
}
.dark-mode .dropzone:hover {
    background: #3d4e67;
}
.dark-mode .dz-default.dz-message {
    border: 2px dashed #ffffff;
    padding: 10px;
}
.dark-mode .dropzone .dz-preview.dz-file-preview .dz-image {
    background: linear-gradient(to bottom, #03a84e, #03a84e);
}
.dark-mode input[type="radio"]:checked + label > img {
    margin-bottom: -8px;
    opacity: 1;
}
.dark-mode .dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: #636d8c;
    padding: 20px 20px;
}
.dark-mode .card-footer {
    border-top: 1px solid #636d8c;
    color: #5f6877;
}
.dark-mode div#iletisim {
    border: 1px dashed #636d8c !important;
}
.dark-mode .gm-style-mtc-bbw .dark-mode .gm-style-mtc:first-of-type>button {
    color: #2e384d !important;
}
.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #636d8c !important;
}
.dark-mode .select2-dropdown {
    border: 1px solid #3d4e67;
}
.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #636d8c !important;
}
.dark-mode .card-footer:last-child {
    background: #3d4e67 !important;
}
.dark-mode div#stickyHeader .ilan-baslik {
    color: white;
}
.dark-mode button#ilgiliToggle {
    background: #ffa22b;
}
.dark-mode div#konumIlanPanel {
    background: #3d4e67;
    border: 0px solid red;
}
.dark-mode button:hover, .dark-mode .btn:hover {
    background-color: #0b94f7 !important;
}

.dark-mode .custom-checkbox-wrapper .dark-mode label {
    background: transparent !important;
}
.dark-mode .ilan-fiyat {
    color: white !important;
}

.dark-mode button#konumIlanButonu .dark-mode i.fe.fe-map-pin.me-1.anim-icon {
    color: #ffffff;
}
.dark-mode .d-flex.justify-content-between.align-items-center.border-top.pt-2.mt-auto.w-100 {
    border-top: 1px solid #636d8c !important;
}
.dark-mode .ilan-box:hover {
    background: #f84242;
}
.dark-mode .ilan-link {
    color: #ffffff;
}
.dark-mode span.text-decoration-none.smdars {
    color: #fff;
    font-weight: 400;
}
.dark-mode .ilan-baslik {
    color: white;
}
.dark-mode i.fe.fe-mic.text-danger.me-1 {
    color: white !important;
}
.dark-mode button#yanSesliBtn {
    background: #636d8c;
    color: #f5f5f5 !important;
}
.dark-mode #yanAramaKutusu {
    background-color: #3d4e67;
}
.dark-mode .ilgilenen-item {
    border-bottom: 1px solid #636d8c;

}

.dark-mode .ilgilenen-item.d-flex.align-items-center.mb-2 a.text-primary {
    color: #ffa22b !important;
}
.dark-mode .ilgili-header {
    background: #3d4e67;
    border-bottom: 1px solid #636d8c;
}
.dark-mode .ilgili-panel {
    background: #3d4e67;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);

}
.dark-mode .popular-searches li a {
    background: #fb5c3b;
    color: #ffffff;
}
.dark-mode .son-gezilen-header {
    padding: 5px;
    background: #3d4e67;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #636d8c;
    line-height: 27px;
    padding-left: 13px;
    padding-top: 9px;
}
.dark-mode .gezilen-item.d-flex.align-items-center.mb-2 {
    border-bottom: 1px solid #636d8c;
}

.dark-mode div#sonGezilenListe {
    background: #3d4e67;
}
.dark-mode .konum-panel-ust {
    padding: 7px;
    border-bottom: 1px solid #636d8c;
    background: #3d4e67;
    color: #ffffff;
    padding-left: 10px;
    padding-top: 10px;
}
.dark-mode button#sonGezilenToggle {
    background: #f84242;
}
.dark-mode div#stickyHeader {
    background: #3d4e67 !important;
    border-bottom: 1px solid #2e384d;
}
.dark-mode .sosyal-paylasim1 a {
    color: #c4c8d5;
}
.dark-mode .ilan-box {
    background: #3d4e67;
    border: 1px solid #3d4e67;

}
.dark-mode .fiyat-gecmisi-box.border.rounded.p-3.mt-3.bg-light {
    background: #2e384d !important;
}
.dark-mode span.select2-dropdown.select2-dropdown--below {
    background: #2e384d;
}
.dark-mode .mx-1.border.rounded.thumbnail-img {
    background: #636d8c;
}
.dark-mode span.adsyds {
    color: #ffffff;
}
.dark-mode button#menuClose {
    background: transparent;
}
.dark-mode .ilan-box a {
    color: #000000 !important;
}
.dark-mode .sosyal-paylasim i {
        color: #ffffff;
    }
.dark-mode .select2-container--default .select2-selection--single {
    background-color: #2e384d;
    border: 1px solid #2e384d !important;
    border-radius: 4px !important;
}
.dark-mode .d-flex.align-items-center h5 {
    color: #2e384d;
}
.dark-mode .dyrstrs small {
    color: black !important;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3d4e67 !important;
}
  /* Butonlar */
  .dark-mode button, .dark-mode .btn {
    background-color: #fb5c3b00;
    color: white !important;
    border: 0px;
}
.dark-mode .card-body + .card-body {
    border-top: 1px solid #3d4e67;
}
  .dark-mode button:hover,
  .dark-mode .btn:hover {
    background-color: #1a8cd8;
  }
  .dark-mode .card-footer.pt-3 {
    background: #4b6283;
    border-top: 1px solid #3d4e67;
    color: white !important;
}
  /* Özel bileşenler */
  .dark-mode .navbar,
  .dark-mode .footer,
  .dark-mode .sidebar {
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
  }
  .ribbon {
    width: 131px !important;
    height: 91px !important;
    overflow: hidden;
    position: absolute;
    z-index: 0;
}

.ribbon-top-left {
    top: -30px !important;
    left: -10px !important;
}
.dark-mode .hover-highlight:hover {
    background-color: #636d8c;
    border-radius: 8px;
}
  /* Modal ve popup'lar */
  .dark-mode .modal-content {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}
.dark-mode .step p {
    margin-top: 8px;
    font-size: 14px;
    color: #ffffff;
}
  @media only screen and (max-width: 991px) {
    .dark-mode .header-style.horizontal-main.bg-dark-transparent.clearfix {
        background: #3d4e6700 !important;

    }
    .dark-mode .dyrstrs h5 {
    color: red;
}
.dark-mode .dyrstrs small {
    color: black !important;
}
    .dark-mode .single-page .wrapper label {
    background: #2e384d7a;
    color: #fff;
    top: -8px;
}
.dark-mode .mb-5, .dark-mode .my-5 {
    margin-bottom: 1rem !important;
}
    .dark-mode .card-body h3 {
        font-weight: 400 !important;
        color: #ffffff;
        margin-top: 0px;
        /* background: #f84242; */
        padding: 6px;
        border-radius: 10px;
    }
    .dark-mode .d-flex.justify-content-between.align-items-center.border-top.pt-2.mt-auto.w-100 {
        border-top: 1px solid #636d8c !important;
    }
    .dark-mode .bg-white-gray h4.page-title {
        color: #cdd0d3;
        padding-top: 7px;
    }
    .dark-mode .sptb {
        padding-top: 1rem;
    }
    .dark-mode i.fe.fe-shopping-cart {
        font-size: 15px;
        color: #ffffff !important;
    }
    .dark-mode span#select2-ilan_il-pl-container {
        color: black !important;
    }
    .dark-mode .bnavbar {
        overflow: hidden;
        opacity: 1 !important;
        background-color: #3d4e67eb !important;
        color: black !important;
    }
    .dark-mode .bnavbar.text-white a {
        color: #ffffff;
    }
    .dark-mode a.geri {
        color: #ffffff !important;
    }
    .dark-mode i.fe.fe-user-plus {
        font-size: unset;
        color: #ffffff !important;
    }
    .dark-mode .sticky-wrapper.is-sticky .horizontal-header, .contact-banner .horizontal-header {
     
        background: #3d4e67 !important;
    }
    .dark-mode .horizontalMenu > .horizontalMenu-list > li > a {
          color: white !important;

        border-bottom-color: #475272;
  
    }

    .dark-mode .card-body.dyts .alert.alert-info {
        color: #ffffff;
        background-color: #3d4e67;
        border-color: #393d3b;
        font-size: 11px;
    }
    .item-card7-imgs.ilnls img.cover-image.d-block.w-100 {
        height: 165px;
    }
    img.cover-image.d-block.w-100 {
        height: 169px;
     
    }
    .product-slider .carousel-item img {
        width: 100%;
        height: 280px !important;
    }
    .dark-mode ul.horizontalMenu-list svg {

        color: #ffffff !important;
    }
    .dark-mode .horizontal-header.clearfix {
        border-bottom: 1px solid #3d4e6700;
        background: #3d4e6700;
    }
    .dark-mode .horizontal-header-shimmer {
        background-color: #3d4e67;
    }
    #theme-togglemob svg {
        width: 36px;
        height: 36px;
        transition: transform 0.3s ease;
        fill: #ffbe6a;
    }
    .dark-mode .shimmer-box, .dark-mode .shimmer-circle {
        background: linear-gradient(90deg, #2e384d 25%, #6c757d 50%, #212529 75%);
        background-size: 400% 100%;
        animation: shimmer 1.4s infinite;
    }
    .dark-mode .shimmer {
        background: linear-gradient(to right, #343a40 8%, #636d8c 18%, #3d4e67 33%);
        background-size: 1000px 100%;
        animation: shimmerAnim 1.2s infinite linear;
    }
    button#theme-togglemob {
        bottom: 7px;
        right: 42px;
        left: auto;
        z-index: 99;
        background: none;
        border: none;
        cursor: pointer;
        position: absolute;
        background: transparent !important;
        box-shadow: 0 5px 10px #0b94f700;
    }
    .dark-mode :root {
        --renk: #636d8c;
    }
    .dark-mode .sticky-wrapper.is-sticky .horizontal-main {
        background: #3d4e6700 !important;
    }
    .dark-mode .card.border.border-primary.border-2.rounded-3.p-3 {
        background: #3d4e67;
    }
    .dark-mode div#step1 .card-body {
        background: #636d8c00;
    }
    .dark-mode .bg-secondary {
        background-color: #043e8f !important;
    }

    .dark-mode .horizontal-header.clearfix {
        border-bottom: 1px solid #3d4e6700;
        background: #3d4e67;
    }
    .dark-mode button, .dark-mode .btn {
        background-color: #636d8c;
        color: white !important;
        border-color: #fb5c3b;
        box-shadow: 0 0px 0px #f8424245;
    }
    .dark-mode div#stickyHeader {
    background: #2e384d !important;
}
    .dark-mode  button.btn.ripple.btn-danger.icons {
        height: 47px;
    }
    .dark-mode .mrksdsı.infblgs a.icons, .dark-mode .mrksdsı.infblgs i {
        color: #ffffff !important;
    }
    .dark-mode .bg-white-gray {
        background-color: #3d4e67 !important;
        margin-top: 0rem !important;
    }
    .dark-mode .page-title {
        margin: 0px;

    }
    .dark-mode .item-det.mb-4.ilnbslsdk {
        /* right: 11px; */
        width: 100% !important;
        background: #ff000000;
    }
    .dark-mode .item-det.mb-4.ilnbslsdk {
        background: #3d4e67;
    }
  }

  .dark-mode .mrksdsı.infblgs a.icons, .dark-mode .mrksdsı.infblgs i {
    color: #ffffff !important;
}
.dark-mode .hero-typewriter {

    background: linear-gradient(to bottom, #3d4e67, #3d4e67);

}
.dark-mode span#select2-ilan_il-3e-container {
    color: black !important;
}

.dark-mode .bg-white-gray {
    background-color: #3d4e67 !important;
}
.dark-mode .item-det.mb-4.ilnbslsdk {
    right: 11px;
    width: 35.1%;
    background: #ff000000;
}
.dark-mode .sosyal-paylasim a {
    color: #e7eaf1;
}
html.dark-mode .hero-typewriter {
    background: linear-gradient(to bottom, #3d4e6700, #3d4e6700);
}
  .hero-inner {
    max-width: 90%;
    margin: 0 auto;
    height: 43px;
    line-height: 43px;
    text-align: center;
}

  .typewriter-text {
    font-family: 'Courier New', monospace;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid var(--color);
    color: #ffffff;
    width: fit-content;
    margin: 0 auto;
    z-index: 999;
    position: relative;
}

  html {
    --color: #1d9bf0;
  }

  html.dark-mode {
    --color: #00e676;
  }

  @media (max-width: 768px) {
    .typewriter-text {
        font-size: 16px;
    }
    .hero-inner {
        max-width: 90%;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }
    .hero-typewriter {
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to bottom, #e05252, #e05252);
        text-align: center;
    }
  }