/* Kariéra – seznam pozic (kariera.php) a detail pozice (kariera-pozice.php) */

/* Seznam: dlaždice jako náhledy článků blogu, nadpis pozice bez pevné výšky */
.kariera-seznam { padding-top: 80px; }
.kariera-seznam .hp-blog-content { padding-top: 0; }
.kariera-seznam a { color: inherit; text-decoration: none; }
.kariera-seznam .hp-blog-polozka h3 { height: auto; padding-bottom: 10px; }
.kariera-seznam .hp-blog-polozka .datum { line-height: 1.5em; padding-bottom: 10px; }

/* Detail */
.kariera-zpet { max-width: 1400px; width: 90%; margin: 0 auto; padding-top: 40px; }
.kariera-zpet a { color: var(--primary-color); }
.kariera-zpet a:hover { text-decoration: underline; }
.kariera-popis { padding: 40px 0 20px; }
.kariera-popis .textace p + p { margin-top: 16px; }
.kariera-popis .textace ul { padding: 10px 0 10px 20px; }
.kariera-popis .textace li {
    background-image: url('../grafika/dot.svg');
    background-repeat: no-repeat;
    background-position: top 13px left;
    background-size: 6px auto;
    padding-left: 14px;
}

/* Co požadujeme / nabízíme / benefity – typografie jako článek blogu */
.kariera-nabidka .clanek-main {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0 40px;
}
.kariera-nabidka .clanek-main h2 { margin-bottom: 30px; margin-top: 30px; }
.kariera-nabidka .clanek-main h3 { padding-top: 20px; }

/* Kontakty v případě zájmu – výrazněji nad formulářem */
.kariera-formular .kariera-zajem {
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--primary-color);
    padding-bottom: 10px;
}
.kariera-formular .kontakty a { font-size: 1.15em; font-weight: 600; }

@media (max-width: 900px) {
    .kariera-nabidka .clanek-main { padding-top: 30px; }
}