.container-top-a {
    background: var(--phoca-container-top-a-bg);
    color: var(--phoca-container-top-a-font-color);
    text-shadow: 0 3px 4px rgba(0,0,0,50.50); /* jemný stín pro lepší čitelnost */
}

.container-body {
    background: var(--phoca-container-body-bg);
    color: #c2e0f4;
}

.navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 2rem;
        overflow-y: visible;
    }

.awesomplete
 {
    display: flex;
    position: relative;
}

.tri-bloky {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.tri-bloky .blok {
    flex: 0 0 calc(33.333% - 20px);
    background: #fff9d6;          /* jemná světle žlutá */
    color: #000;                  /* černé písmo */
    padding: 20px;
    border: 1px solid #e6dca8;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    box-sizing: border-box;
}

/* odkazy uvnitř bloků */
.tri-bloky .blok a {
    color: #000;                  /* černá barva odkazu */
    text-decoration: underline;   /* můžeš změnit na none */
}

.tri-bloky .blok a:hover {
    color: #444;                  /* jemné ztmavení při hoveru */
}

/* pod 800 px pod sebe */
@media (max-width: 800px) {
    .tri-bloky .blok {
        flex: 0 0 100%;
    }
}