/* ===================================================================
style_contact.css
Last revision -------------------------------------------- 15.10.2026
Zatím jsem to jen vyndal ze style.css
*/

/* ===== hlavní strana projektu =================================== */

.hero {
    margin-top: 40px;
    margin-bottom: 40px;
}

.hero .h1 {
    margin-bottom: 6px;
}

.hero .h3 {
    margin-bottom: 4px;
}

.hero .h4 {
    margin-top: 0;
    color: var(--text-muted);
}

/* ===== CTA (vedle sebe, stabilní pozadí) ===== */
.cta {
    display: flex;
    gap: 20px;              /* mezera mezi tlačítky */
    margin-top: 20px;
    margin-bottom: 20px;
}

.cta div a {
    display: block;
    padding: 10px 16px;
    background: var(--bg-table);   /* tvoje projektová barva */
    border-radius: 4px;
    text-decoration: none;
    color: var(--link);       /* stejná barva jako ostatní odkazy */
}

/* Hover NEMĚNÍ pozadí, jen text může lehce ztmavnout */
.cta div a:hover {
    color: var(--link-hover); /* stejný hover jako ostatní odkazy */
    text-decoration: underline;
}

/* ===== BENEFITS SECTION ===== */

.benefits {
    margin-top: 40px;
    margin-bottom: 40px;
}

.benefits h2 {
    margin-bottom: 12px;
    font-size: 1.4rem;
    font-weight: 600;
}

/* ===== BENEFIT LIST (dvousloupec) ===== */

.benefit_list {
    display: flex;
    gap: 40px;
    align-items: stretch;      /* stejné chování jako feature_list */
}

.benefit_list .column {
    flex: 1;
    min-width: 250px;
    background: var(--bg-table);   /* stejné podbarvení jako feature_list */
    padding: 16px;
    border-radius: 4px;
}

.benefit_list ul {
    margin: 0;
    padding-left: 20px;
}

.benefit_list li {
    margin-bottom: 6px;
    line-height: 1.4;
}

/* ===== FEATURE LIST (dvousloupec) ===== */

/*
.features {

}
*/

.feature_list {
    display: flex;
    gap: 40px;              /* mezera mezi sloupci */
    /* align-items: flex-start; */
    align-items: stretch;
    margin-top: 0px;
}


/* Každý sloupec */
.feature_list .column {
    background: var(--bg-table);
    flex: 1;
    padding: 16px;
    min-width: 300px;       /* aby se to nerozbíjelo na menších monitorech */
    border-radius: 4px;                /* jen jemné zaoblení, můžeš odstranit */
}

/* Nadpisy sekcí */
.feature_list h2 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 1.2rem;
    font-weight: 600;
}

.feature_list .column h2:first-of-type {
    margin-top: 0;
}

/* Seznamy */
.feature_list ul {
    margin: 0 0 16px 0;
    padding-left: 20px;
}

.feature_list li {
    margin-bottom: 4px;
    line-height: 1.4;
}

/* ===== RESPONSIVE =============================================== */
@media (max-width: 800px) {
    .feature_list {
        flex-direction: column;
        gap: 20px;
    }
        .benefit_list {
        flex-direction: column;
        gap: 20px;
    }
}