/* Mevzuat Erken Uyari - mobil ve tablet duzeni.
   1200px ve daha genis ekranlarda buradaki hicbir kural devreye girmez;
   masaustu gorunum degismez. Hamburger dugmesini mobil.js ekler. */

.mobil-menu-dugme {
    display: none;
}

/* Tablet ve kucuk dizustu (769-1199px): menu sigmazsa ekrandan tasmak yerine
   ikinci satira gecer. Menunun sigdigi sayfalarda gorunum degismez. */
@media (min-width: 769px) and (max-width: 1199px) {
    header nav {
        flex-wrap: wrap;
        justify-content: flex-end;
        white-space: normal;
        row-gap: 8px;
    }
}

@media (max-width: 768px) {

    html {
        -webkit-text-size-adjust: 100%;
    }

    /* iPhone, 16px'ten kucuk yazili kutulara dokununca ekrani buyutur */
    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    /* ---------- Ust bar ve hamburger menu ---------- */

    header {
        padding: 12px 16px !important;
        flex-wrap: wrap;
    }

    header .logo {
        font-size: 19px !important;
    }

    header .logo img {
        height: 24px !important;
    }

    .mobil-menu-dugme {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        padding: 10px;
        margin-left: auto;
        background: #ffffff;
        border: 1px solid #d9e1ea;
        border-radius: 8px;
        cursor: pointer;
    }

    .mobil-menu-dugme span {
        display: block;
        height: 2px;
        background: #10213d;
        border-radius: 2px;
    }

    html.mobil-js header nav {
        display: none !important;
    }

    html.mobil-js header.menu-acik nav {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        margin-top: 10px;
        white-space: normal;
    }

    html.mobil-js header.menu-acik nav a {
        margin: 0 !important;
        padding: 13px 4px !important;
        font-size: 16px !important;
        border-top: 1px solid #e5edf3;
    }

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

    .hero {
        flex-direction: column;
        align-items: stretch !important;
        min-height: 0 !important;
        padding: 32px 16px !important;
        gap: 28px;
    }

    .hero h1 {
        font-size: 34px !important;
    }

    /* Bugunun Mevzuati karti: masaustunde 420px; telefonda ekrana sigar */
    .demo-box {
        width: auto !important;
        max-width: 420px;
    }

    .is-alani-kartlari {
        grid-template-columns: 1fr !important;
    }

    .nasil-calisir,
    .kimler-icin,
    .son-cagri {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    footer {
        padding: 20px 16px !important;
    }

    /* ---------- Tablolar (Yonetim) ---------- */

    table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }
}