/*
 * KargoTurk responsive düzeltmeleri.
 * Tema CSS'lerinden (responsive.css dahil) sonra yüklenir.
 * Kırılım noktaları: mobil < 768px, tablet 768-991px, masaüstü >= 992px.
 * Tema, menüyü 959px altında mobil menüye çevirir (_main.js: menu_responsive=959).
 */

/* ---------- Sayfa iskeleti (tüm sayfalar) ---------- */

/* İçerik kısa olduğunda footer ekranın altına otursun; telif satırının altında boşluk kalmasın.
   body_wrap > page_wrap > (header, main.kt-main, footer) + copyright_wrap */
.body_wrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.body_wrap > .page_wrap {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    width: 100%; /* temadaki margin: 0 auto, flex içinde kapsayıcıyı içeriği kadar daraltıyordu */
}
.page_wrap > .kt-main {
    flex: 1 0 auto;
}
/* İçerik ile footer arasındaki 50px boşluk. Footer'ın kendi margin'i olsaydı flex düzende içeriğin
   son öğesinin alt boşluğuyla birleşmez, toplanırdı (mobilde çoğu sayfada +18px). Burada
   birleşir: boşluk = en büyüğü(50px, son öğenin alt boşluğu), eski düzendeki gibi. */
.page_wrap > .kt-main::after {
    content: "";
    display: block;
    margin-top: 50px;
}

/* ---------- Header (tüm sayfalar) ---------- */

/* Tema 480-958px arasında logoyu sola sıkıştırıp hamburger butonunu ekran dışına itiyordu.
   Mobil menü açık olduğu sürece (< 959px) header tek tip: logo üstte ortada,
   altında gri bant içinde solda hamburger, sağda Kargo Takip / Giriş Yap. */
@media (max-width: 958px) {
    .top_panel_wrap .menu_main_wrap .logo {
        float: none;
        width: 100% !important; /* main_style.css 768px üstünde 35% !important veriyor */
        height: auto;
        display: block;
        position: static;
        top: auto;
        margin: 0;
        padding: 10px 0;
        text-align: center;
    }
    .top_panel_wrap .menu_main_wrap .logo_main {
        float: none;
        display: inline-block;
    }
    .top_panel_wrap .menu_main_wrap .menu_main {
        float: left;
        width: 100%;
        margin: 0;
        position: relative;
        z-index: 999;
        text-align: center;
    }
    /* Gri bant 75px; buton 43px. Bantın içinde dikeyde ortalanır. */
    .responsive_menu .top_panel_wrap .menu_main_responsive_button {
        position: absolute;
        top: -59px;
        left: 15px;
        right: auto;
        z-index: 999;
    }
}

/* Üst gri bant ve sağdaki Kargo Takip / Giriş Yap butonları.
   Bant yüksekliği 75px kalmalı: mobil menü butonunun konumu (top: -59px) buna göre. */
.kt-topbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 75px;
    margin: 0 !important;
    padding: 0 15px;
    background: #f5f5f6;
    box-sizing: border-box;
}
.kt-topbar-actions {
    display: flex;
    align-items: center;
}
.kt-topbar .kt-top-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    margin: 0 0 0 8px;
    padding: 0 16px;
    border-radius: 4px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.kt-topbar .kt-top-btn i {
    margin-right: 8px;
    font-size: 13px;
}
.kt-topbar .kt-top-btn:hover,
.kt-topbar .kt-top-btn:focus {
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
.kt-topbar .kt-top-btn:focus-visible {
    outline: 2px solid #404856;
    outline-offset: 2px;
}
.kt-topbar .kt-top-btn-track {
    background: #4c138c;
}
.kt-topbar .kt-top-btn-track:hover,
.kt-topbar .kt-top-btn-track:focus {
    background: #3a0e6b;
}
.kt-topbar .kt-top-btn-login {
    background: #ff6600;
}
.kt-topbar .kt-top-btn-login:hover,
.kt-topbar .kt-top-btn-login:focus {
    background: #e05a00;
}
@media (max-width: 767px) {
    /* Mobilde dokunma alanı en az 40px; menü butonuyla aynı hizada. */
    .kt-topbar .kt-top-btn {
        height: 40px;
        margin-left: 6px;
        padding: 0 12px;
        font-size: 13px;
    }
    .kt-topbar .kt-top-btn i {
        margin-right: 6px;
        font-size: 12px;
    }
}
@media (max-width: 399px) {
    /* Dar telefonlarda iki buton menü butonunun yanına sığsın diye ikonlar gizlenir. */
    .kt-topbar .kt-top-btn {
        padding: 0 10px;
    }
    .kt-topbar .kt-top-btn i {
        display: none;
    }
}

.kt-whatsapp {
    position: fixed;
    z-index: 9999;
    right: 0;
    bottom: 15px;
    width: 100px;
    border-radius: 10px;
    cursor: pointer;
}
@media (max-width: 767px) {
    .kt-whatsapp {
        width: 60px;
        bottom: 10px;
    }
}

/* ---------- Ana sayfa slider ---------- */

/* Slider yüksekliği görselin oranından gelir (panel: masaüstü 2400x700, mobil 767x767).
   Eskiden yükseklik sayfa açılışında JS ile bir kez sabitleniyordu; ekran boyutu
   değişince boşluk kalıyor ya da görsel kesiliyordu. Revolution Slider'ın kendi
   hesapladığı (1240x680 oranlı) yükseklik de alttaki içeriğin üzerine taşıyordu. */
.slider_wrap.slider_engine_revo {
    height: auto !important;
}
.slider_wrap #rev_slider_wrapper.rev_slider_wrapper {
    position: relative;
    height: 0 !important;
    padding-bottom: 29.1667%; /* 700 / 2400 */
    overflow: hidden !important;
}
.slider_wrap #rev_slider_wrapper .rev_slider {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
}
.slider_wrap #rev_slider_wrapper .tp-revslider-mainul,
.slider_wrap #rev_slider_wrapper .tp-revslider-slidesli {
    height: 100% !important;
}
.slider_wrap #rev_slider_wrapper .tp-revslider-slidesli img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none; /* responsive.css 400px ile sınırlayıp görseli basık gösteriyordu */
}
.slider_wrap #rev_slider_wrapper .tparrows {
    top: 50% !important;
    margin-top: -23px !important;
}
@media (max-width: 767px) {
    .slider_wrap #rev_slider_wrapper.rev_slider_wrapper {
        padding-bottom: 100%; /* 767 / 767 */
    }
}

/* ---------- Ana sayfa bölümleri ---------- */

/* İç içe .container'lar dar ekranlarda üst sütundan taşıyordu. */
.kt-section .container .container,
.kt-section .container-fluid .container {
    max-width: 100%;
}

.kt-intro {
    padding: 10px 0 0;
}

/* Kargo takip */
.kt-track {
    padding: 20px 0 10px;
}
@media (max-width: 767px) {
    /* responsive.css mobilde bölüm container'larına 40px üst/alt boşluk veriyor;
       başlık ile takip kutusu arasında büyük bir boşluk oluşuyordu. */
    .kt-intro > .container,
    .kt-track > .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    /* Alttaki bölümlerle aynı kenar boşluğu */
    .kt-track > .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.kt-track-form {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.kt-track-form .kt-track-input {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 54px;
    margin: 0;
    padding: 13px 16px;
    border: 1px solid #a5a5a5;
    background: #fff;
    color: #3c414c;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    box-sizing: border-box;
}
.kt-track-form .kt-track-button {
    flex: 0 0 33.3333%;
    height: 54px;
    margin: 0 0 0 15px;
    padding: 0 25px;
    border: 1px solid #ff6600;
    background: #ff6600;
    color: #fff;
    line-height: 52px;
    text-align: center;
    box-sizing: border-box;
}
@media (max-width: 767px) {
    .kt-track-form .kt-track-input,
    .kt-track-form .kt-track-button {
        flex: 1 1 100%;
        width: 100%;
    }
    .kt-track-form .kt-track-button {
        margin: 10px 0 0;
    }
}

/* Hızlı erişim kutuları: eskiden sabit 70px satır yüksekliği yüzünden uzun metin
   ikinci satıra düşünce kutunun dışına taşıyordu. */
.kt-quick-links {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.kt-quick-links .kt-quick-link {
    flex: 1 1 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f0f0f0;
    color: #404856;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
}
.kt-quick-links .kt-quick-link + .kt-quick-link {
    margin-left: -1px;
}
.kt-quick-links .kt-quick-link:hover {
    color: #ff6600;
}
.kt-quick-links .kt-quick-link i {
    margin-right: 6px;
    font-size: 20px;
}
@media (max-width: 767px) {
    .kt-quick-links .kt-quick-link {
        flex-basis: 100%;
    }
    .kt-quick-links .kt-quick-link + .kt-quick-link {
        margin-left: 0;
        margin-top: 10px;
    }
}

/* Resim + metin bölümleri */
.kt-feature-row:after {
    content: "";
    display: table;
    clear: both;
}
.kt-feature-row > [class*="col-"] {
    margin-top: 20px;
}
.kt-feature-row .kt-feature-media img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .kt-feature-row {
        display: flex;
        align-items: center;
    }
    .kt-feature-row .kt-pad-left {
        padding-left: 30px;
    }
}
@media (max-width: 767px) {
    .kt-feature-row .kt-feature-media {
        margin-bottom: 10px;
    }
}

/* Esnaf kurye formu */
.kt-partner-form {
    margin-top: 20px;
}
.kt-partner-form .form-control {
    width: 100%;
}
/* responsive.css yan yana sütunlara 20-30px üst boşluk ekliyordu; alanlar arası boşluk form-group'tan gelir. */
.kt-partner-form .row > [class*="col-"] {
    margin-top: 0;
}

/* Haberler */
.kt-news .post_thumb img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 767px) {
    .kt-news .column_item_1 + .column_item_1 {
        margin-top: 30px;
    }
}

/* ---------- Footer (tüm sayfalar) ---------- */

/* Masaüstü: tek satırda 4 sütun, tablet: 2x2, mobil: alt alta. Tüm sütunlar ortalı. */
.kt-footer {
    margin-top: 0; /* üstteki 50px boşluk .kt-main::after'dan gelir (Sayfa iskeleti bölümü) */
}
.kt-footer > .container {
    padding-top: 40px;
    /* Sayfa sonunda sabit WhatsApp butonu (100px + 15px) footer içeriğinin üzerine binmesin:
       içerik ile telif satırı arasında toplam 60px boşluk kalır. */
    padding-bottom: 35px;
}
@media (min-width: 992px) {
    .kt-footer > .container {
        padding-bottom: 60px;
    }
    .kt-footer .kt-footer-col.kt-footer-col {
        margin-bottom: 0;
    }
}
/* Float yerine flex: sütun yükseklikleri farklı olduğunda tablette 2x2 ızgara kaymasın. */
.kt-footer > .container > .row {
    display: flex;
    flex-wrap: wrap;
}
.kt-footer > .container > .row:before,
.kt-footer > .container > .row:after {
    display: none;
}
.kt-footer .kt-footer-col {
    float: none;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: center;
}
@media (max-width: 767px) {
    .kt-footer .kt-footer-col {
        width: 100%;
    }
}
.kt-footer .kt-footer-title {
    margin: 0 0 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}
.kt-footer .kt-membership {
    display: block;
    width: 200px;
    max-width: 100%;
    margin: 0 auto 5px;
    border: none;
}
.kt-footer .kt-membership img {
    display: block;
    width: 100%;
    height: auto;
}
.kt-footer .kt-social {
    display: flex;
    justify-content: center;
}
.kt-footer .kt-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0 4px;
}
.kt-footer .kt-social img {
    width: 30px;
    height: auto;
}
.kt-footer .kt-cargobox {
    width: 200px;
    max-width: 100%;
    height: auto;
}
/* ETBİS görselinde genişlik ve yükseklik sabitti; sütun daralınca karekod basılıyordu. */
.kt-footer .kt-etbis {
    width: 115px;
    max-width: 100%;
    height: auto;
}
@media (max-width: 767px) {
    .kt-footer > .container {
        padding-top: 30px;
        padding-bottom: 10px;
    }
}

/* Telif satırındaki yasal sayfa bağlantıları (Gizlilik ve Güvenlik, KVKK). Bağlantı rengi,
   bazı sayfaların kendi style bloğundaki ".menu-item a{color:#000}" kuralını ezecek kadar özgül. */
.kt-copyright .kt-legal-links {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.kt-copyright .kt-legal-links li {
    display: inline-block;
}
.kt-copyright .kt-legal-links li + li:before {
    content: "·";
    margin: 0 10px;
}
.kt-copyright .kt-legal-links a,
.kt-copyright .kt-legal-links a:hover,
.kt-copyright .kt-legal-links a:focus {
    color: #fff;
}
.kt-copyright .kt-legal-links a:hover,
.kt-copyright .kt-legal-links a:focus {
    text-decoration: underline !important;
}

/* Telif satırı: mobil ve tablette sabit butonlar (WhatsApp sağda, yukarı çık solda) metni kapatmasın. */
@media (max-width: 767px) {
    .kt-copyright .container p,
    .kt-copyright .kt-legal-links {
        padding: 0 60px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .kt-copyright .container p,
    .kt-copyright .kt-legal-links {
        padding: 0 110px;
    }
}

/* Telefonda iki bağlantı alt alta; dokunma alanı büyüsün diye dikey boşluk */
@media (max-width: 767px) {
    .kt-copyright .kt-legal-links li {
        display: block;
    }
    .kt-copyright .kt-legal-links li + li:before {
        content: none;
    }
    .kt-copyright .kt-legal-links a {
        display: inline-block;
        padding: 4px 0;
    }
}

/* ---------- Kargo Takip sayfası ---------- */

.kt-track-title {
    margin: 0 0 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    text-transform: none;
}
.kt-track-desc {
    clear: both;
    max-width: 760px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
}
/* Metin rengi korunur (tema a rengi #5cb9e2). Roboto'nun 500'ü yüklü değil, 700 kullanılıyor. */
.kt-track-desc a,
.kt-intro p a,
.kt-page-content p a,
.kt-news-article p a {
    color: inherit;
    font-weight: 700;
}
/* Tema a{text-decoration:none!important} kuralını ezmek için !important */
.kt-track-desc a:hover,
.kt-intro p a:hover,
.kt-page-content p a:hover,
.kt-news-article p a:hover {
    color: #ff6600;
    text-decoration: underline !important;
}

/* ---------- Kurumsal sayfaları (sol menü + içerik) ----------
   Sol menü başlığı h1'den p'ye, sayfa başlığı h2'den h1'e çevrildi; görünüm
   değişmesin diye temanın h1 / h2 satır yükseklikleri kırılımlarıyla birlikte
   aynen taşındı. */

.kt-side-title {
    margin: 20px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: 0;
    color: #404856;
    text-align: center;
}
.kt-page-title {
    font-size: 26px;
    line-height: 48px;
    text-transform: none;
}
@media (min-width: 1136px) and (max-width: 1279px) {
    .kt-side-title { line-height: 54px; }
    .kt-page-title { line-height: 44px; }
}
@media (min-width: 1024px) and (max-width: 1135px) {
    .kt-side-title { line-height: 52px; }
    .kt-page-title { line-height: 42px; }
}
@media (min-width: 960px) and (max-width: 1023px) {
    .kt-side-title { line-height: 50px; }
    .kt-page-title { line-height: 42px; }
}
@media (min-width: 768px) and (max-width: 959px) {
    .kt-side-title { line-height: 44px; }
    .kt-page-title { line-height: 38px; }
}
@media (min-width: 480px) and (max-width: 767px) {
    .kt-side-title { line-height: 32px; }
    .kt-page-title { line-height: 28px; }
}
@media (max-width: 479px) {
    .kt-side-title { line-height: 27px; }
    .kt-page-title { line-height: 34px; }
}

/* Hizmet sayfalarının altındaki "Fiyat Alın!" yönlendirmesi */
.kt-cta {
    margin: 40px 0 10px;
    padding: 24px 28px;
    border-left: 4px solid #ff6600;
    border-radius: 4px;
    background: #fafafa;
}
.kt-cta h2 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.3;
    text-transform: none;
}
.kt-cta p {
    margin: 0 0 16px;
    /* Tema mobilde paragrafı 12px'e düşürüyordu; kutu metni her ekranda okunur kalsın. */
    font-size: 15px;
    line-height: 1.6;
}
.kt-cta p:last-child {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .kt-cta {
        padding: 20px;
    }
}

/* Sayfa içi düğme (hizmet sayfalarındaki "Hemen fiyat alın") */
.kt-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 24px;
    border: 0;
    border-radius: 4px;
    background: #ff6600;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    transition: background-color 0.2s, box-shadow 0.2s;
}
.kt-btn:hover,
.kt-btn:focus {
    background: #e05a00;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
.kt-btn:focus-visible {
    outline: 2px solid #404856;
    outline-offset: 2px;
}

/* ---------- Hizmet sayfaları (kendi dosyasında yazılan içerik) ----------
   Yönetim panelinden taşınan metnin görünümü korunur: yazılar Arial, gövde 11pt,
   bölüm başlıkları turuncu 12pt. Satır yükseklikleri ve boşluklar temanın h2 / h3 / p kurallarından gelir. */

.kt-service p,
.kt-service li {
    font-family: arial, helvetica, sans-serif;
    font-size: 11pt;
    /* Temanın mobildeki 18px satır yüksekliği 11pt metin için çok sıkışıktı. */
    line-height: 1.6;
}
/* Sayfa şablonundaki ul, li { list-style: none } maddeleri işaretsiz bırakıyordu;
   adım adım anlatım numarasız, maddeler imsiz görünüyordu. */
.kt-service ul > li {
    list-style: disc outside;
}
.kt-service ol > li {
    list-style: decimal outside;
}
.kt-service h2,
.kt-service h3 {
    font-family: arial, helvetica, sans-serif;
    font-weight: 700;
    /* Temanın 34-48px satır yüksekliği iki satıra kayan başlıkları iki ayrı başlık gibi gösteriyordu. */
    line-height: 1.4;
}
.kt-service h2 {
    margin: 32px 0 16px;
    font-size: 12pt;
    color: #ff6600;
}
.kt-service h3 {
    margin: 24px 0 12px;
    font-size: 11pt;
}
.kt-service h2 + h3 {
    margin-top: 0;
}
/* Başlığın altındaki hizmet görseli (940x300 kırpılmış); width/height oranı yer ayırır. */
.kt-service-img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
}
.kt-service .kt-lead,
.kt-service .kt-accent {
    font-size: 12pt;
    font-weight: 700;
    color: #ff6600;
}

/* İçerik (yönetim panelinden gelen metin) içindeki ara başlıklar */
.kt-page-content h2 {
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 28px;
    text-transform: none;
}
@media (max-width: 767px) {
    .kt-page-content h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

/* ---------- Haberler sayfası ---------- */

/* "Haberler ve Duyurular" dar telefonlarda iki satıra iniyor; temanın bu genişlikteki
   27px satır yüksekliği 30px yazıda satırları üst üste bindiriyordu. */
@media (max-width: 479px) {
    .kt-news-heading {
        line-height: 36px;
    }
}
/* Kartların üstündeki bölüm başlığı */
.kt-news-section-title {
    margin: 0 0 20px;
    font-size: 22px;
    line-height: 1.3;
    text-transform: none;
}
/* Tablette iki sütun (col-sm-6). Kartlar float yerine flex ile dizilir: başlıklar
   farklı uzunlukta olunca alttaki kartlar boşluğa takılıp kaymasın. */
@media (min-width: 768px) {
    .kt-news-grid {
        display: flex;
        flex-wrap: wrap;
    }
    .kt-news-grid:before,
    .kt-news-grid:after {
        display: none;
    }
}
/* Kart başına tek bağlantı: görsel ve başlık aynı <a> içinde. Başlık h2'den h3'e
   çevrildi, görünümü aynı; kartın üzerine gelince başlık eskisi gibi renk değiştirir. */
.kt-news-card {
    display: block;
}
.kt-news-card:hover .entry__title,
.kt-news-card:focus .entry__title {
    color: #23527c;
}
/* Ana sayfa haber kartı: "Daha fazla bilgi" artık ayrı bağlantı değil, kartın üzerine gelince altı çizilir. */
.kt-news .kt-news-card:hover .sc_button_bg_underline,
.kt-news .kt-news-card:focus .sc_button_bg_underline {
    border-color: #ff6600 !important;
}

/* ---------- Haber detay sayfaları ---------- */

/* Haber metnindeki ara başlıklar diğer sayfalardaki gibi; temanın büyük harfli
   46px h2 ve 30px h3 boyutları metnin önüne geçiyordu. */
.kt-news-article h2 {
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 28px;
    text-transform: none;
}
.kt-news-article h3 {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 26px;
    text-transform: none;
}
@media (max-width: 767px) {
    .kt-news-article h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .kt-news-article h3 {
        font-size: 16px;
        line-height: 22px;
    }
}

/* ---------- Formlar (tüm sayfalar) ---------- */

/* reCAPTCHA kutusu 304px; 360px'ten dar telefonlarda sütuna sığması için küçültülür
   (İletişim sayfasında 320px genişlikte sayfayı yana kaydırıyordu). */
@media (max-width: 359px) {
    .g-recaptcha {
        transform: scale(0.85);
        transform-origin: 0 0;
    }
}

/* ---------- Form alanları (mobil) ----------
   viewport'ta maximum-scale yok (yakınlaştırma serbest); iPhone 16px'ten küçük yazılı form alanına
   dokunulunca sayfayı yakınlaştırıyor. Bootstrap .form-control 14px; yalnızca mobilde 16px. */
@media (max-width: 767px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    input[type="password"],
    input:not([type]),
    select,
    textarea {
        font-size: 16px !important;
    }
}

/* ---------- 404 sayfası (errors/404.blade.php) ---------- */
.kt-404 {
    padding-top: 30px;
    text-align: center;
}
.kt-404 p a,
.kt-404-linkler a {
    color: #ff6600;
}
.kt-404-linkler {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}
.kt-404-linkler li {
    display: inline-block;
    margin: 0 12px 10px;
}