/* ==========================================================
   VOJTECHKRAL.CZ – GLOBÁLNÍ STYLY APLIKACÍ

   Platí pouze uvnitř prvku s třídou .vk-app
   na stránkách pod /aplikace/.

   Globální CSS tvoří základ.
   Konkrétní aplikace si mohou jednotlivé hodnoty přepsat.
   ========================================================== */


/* ----------------------------------------------------------
   ZÁKLAD
   ---------------------------------------------------------- */

.vk-app-page .vk-app {
    box-sizing: border-box;
    font-family: inherit;
}


/* ----------------------------------------------------------
   BOX SIZING
   ---------------------------------------------------------- */

.vk-app-page .vk-app *,
.vk-app-page .vk-app *::before,
.vk-app-page .vk-app *::after {
    box-sizing: border-box;
}


/* ----------------------------------------------------------
   NADPISY UVNITŘ APLIKACE
   ---------------------------------------------------------- */

.vk-app-page .vk-app h1 {
    font-size: clamp(2.4rem, 4vw, 3.2rem);
    line-height: 1.15;
}

.vk-app-page .vk-app h2 {
    font-size: 1.4rem;
    line-height: 1.3;
}

.vk-app-page .vk-app h3 {
    font-size: 1.2rem;
    line-height: 1.35;
}


/* ----------------------------------------------------------
   HLAVNÍ NADPIS APLIKACE

   Použití:
   class="vk-app-title"
   ---------------------------------------------------------- */

.vk-app-page .vk-app .vk-app-title {
    font-size: 2.2rem !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}


/* ----------------------------------------------------------
   BĚŽNÝ TEXT UVNITŘ APLIKACE
   ---------------------------------------------------------- */

.vk-app-page .vk-app p,
.vk-app-page .vk-app li {
    font-size: 18px;
    line-height: 1.6;
}


/* ----------------------------------------------------------
   POPISKY
   ---------------------------------------------------------- */

.vk-app-page .vk-app label {
    font-size: 18px;
    line-height: 1.3;
}


/* ----------------------------------------------------------
   INPUTY, SELECTY A TEXTAREA
   ---------------------------------------------------------- */

.vk-app-page .vk-app input,
.vk-app-page .vk-app select,
.vk-app-page .vk-app textarea {
    box-sizing: border-box;

    font-family: inherit;
    font-size: 18px;
    line-height: 1.3;
}


/* ----------------------------------------------------------
   TLAČÍTKA
   ---------------------------------------------------------- */

.vk-app-page .vk-app button {
    box-sizing: border-box;

    font-family: inherit;

    cursor: pointer;
}


/* ==========================================================
   SPOLEČNÉ TŘÍDY PRO APLIKACE
   ========================================================== */


/* ----------------------------------------------------------
   HLAVNÍ TLAČÍTKO

   Použití:
   class="vk-app-primary"
   ---------------------------------------------------------- */

.vk-app-page .vk-app .vk-app-primary {
    min-height: 62px;

    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.2;
}


/* ----------------------------------------------------------
   VÝRAZNÁ HODNOTA

   Například:
   čas
   BPM
   výsledek výpočtu
   ---------------------------------------------------------- */

.vk-app-page .vk-app .vk-app-value {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.15;
}


/* ----------------------------------------------------------
   MENŠÍ VÝRAZNÁ HODNOTA
   ---------------------------------------------------------- */

.vk-app-page .vk-app .vk-app-value-small {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}


/* ----------------------------------------------------------
   DOPLŇKOVÝ / INFORMAČNÍ TEXT
   ---------------------------------------------------------- */

.vk-app-page .vk-app .vk-app-info,
.vk-app-page .vk-app .vk-app-help {
    font-size: 15px;
    line-height: 1.5;
}


/* ==========================================================
   MOBIL
   ========================================================== */

@media (max-width: 600px) {

    /* Nadpisy */

    .vk-app-page .vk-app h1 {
        font-size: clamp(2rem, 10vw, 2.6rem);
    }

    .vk-app-page .vk-app h2 {
        font-size: 1.3rem;
    }

    .vk-app-page .vk-app h3 {
        font-size: 1.15rem;
    }


    /* Hlavní nadpis aplikace */

    .vk-app-page .vk-app .vk-app-title {
        font-size: 1.9rem !important;
        line-height: 1.15 !important;
    }


    /* Běžný text */

    .vk-app-page .vk-app p,
    .vk-app-page .vk-app li {
        font-size: 17px;
    }


    /* Popisky */

    .vk-app-page .vk-app label {
        font-size: 17px;
    }


    /* Formulářové prvky */

    .vk-app-page .vk-app input,
    .vk-app-page .vk-app select,
    .vk-app-page .vk-app textarea {
        font-size: 17px;
    }


    /* Hlavní tlačítko */

    .vk-app-page .vk-app .vk-app-primary {
        font-size: 17px;
    }


    /* Výrazné hodnoty */

    .vk-app-page .vk-app .vk-app-value {
        font-size: 27px;
    }

    .vk-app-page .vk-app .vk-app-value-small {
        font-size: 22px;
    }


    /* Doplňkové texty */

    .vk-app-page .vk-app .vk-app-info,
    .vk-app-page .vk-app .vk-app-help {
        font-size: 14px;
    }
}