/* ==========================================================================
   mobile-tweaks.css
   Drobná mobilní vylepšení – načítá se PO basic_rwd.css.
   Needituje původní layout, jen doladí dotykové ovládání a UX.
   ========================================================================== */

/* --- 1. iOS auto-zoom fix ---
   iPhone přiblíží stránku při kliknutí do inputu s font-size < 16px.
   16px to vypne. */
.hlavamenu .hledej input[type="text"],
.hlavamenu .hledej input[type="submit"] {
    font-size: 16px;
}

/* --- 2. Vizuální odezva na tap --- */
* {
    -webkit-tap-highlight-color: rgba(0, 173, 239, 0.2);
}

a:active,
.menuitem:active,
.produktvse:active,
.adresymesta:active {
    opacity: 0.7;
}

/* --- 3. Plynulé skákání na kotvy (seznam měst v kde-koupim) --- */
html {
    scroll-behavior: smooth;
}

/* Kotvy měst neskončí schované pod horním okrajem */
.adresar .mesto,
a[name] {
    scroll-margin-top: 70px;
}

/* ==========================================================================
   Pouze mobilní zařízení (max 479px)
   ========================================================================== */
@media only screen and (max-width: 479px) {

    /* --- 4. Větší dotykové cíle v menu (min ~44px) --- */
    .hlavamenu .menu .menuitem {
        padding: 12px 10px;
        margin: 0;
        font-size: 16px;
    }

    /* --- 5. Použitelnější vyhledávání --- */
    .hlavamenu .hledej {
        width: 100%;
        display: flex;
        gap: 4px;
        padding: 6px;
        box-sizing: border-box;
    }
    .hlavamenu .hledej .hled {
        display: flex;
        width: 100%;
        gap: 4px;
    }
    .hlavamenu .hledej input[type="text"] {
        flex: 1;
        height: 40px;
        margin: 0;
        box-sizing: border-box;
    }
    .hlavamenu .hledej input[type="submit"] {
        width: auto;
        min-width: 64px;
        height: 40px;
        margin: 0;
        box-sizing: border-box;
    }

    /* --- 6. Karty prodejen v kde-koupim přes celou šířku --- */
    .adresar .pobocka {
        width: 100%;
        box-sizing: border-box;
    }

    /* --- 7. Doplňkové soubory – větší dotykové cíle --- */
    .doplnsoub .polozka {
        width: 32%;
    }
}