.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,0.5); /* jemný stín pro lepší čitelnost */
}


/* === KARTA === */
.equal-cards .items-row .item,
.equal-cards .blog-items .item {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: rgba(255,255,255,0.6);
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1rem;
}

/* === OBRÁZEK === */
.equal-cards .item-image img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1rem;
}

/* === TITULEK – může být delší, oříznutí na 3 řádky === */
.equal-cards .item-title a {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* delší titulek */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 0.8rem;
}

/* === PROSTÝ TEXT BEZ FORMÁTOVÁNÍ === */
.equal-cards .item-content,
.equal-cards .introtext {
    flex-grow: 1;
    margin-bottom: 1rem;

    /* odstranění formátování */
    all: unset;
    display: -webkit-box;
    -webkit-line-clamp: 10; /* počet řádků textu */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* znovu nastavit základní textové vlastnosti po all: unset */
    font-size: 1rem;
    line-height: 1.4;
    color: inherit;
}

/* odstranění HTML tagů uvnitř introtextu */
.equal-cards .introtext * {
    all: unset;
}

/* === ČÍST DÁL ZAROVNAT DOLŮ === */
.equal-cards .readmore {
    margin-top: auto;
}





/* Globální pravidla pro úvodní obrázky v blogu i článcích */
.item-image img,
.article-image img,
img.full-image {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1rem;
}

/* Zrušení floatů, které používají některé šablony */
.item-image,
.article-image {
    float: none !important;
    margin: 0 0 1rem 0 !important;
}

/* Pro jistotu odstranění max-width omezení */
.item-image img,
.article-image img {
    max-width: 100% !important;
}

/* Jemné oddělení blogu */
.boxed {
    background: rgba(255, 255, 255, 0.05); /* zesvětlené podbarvení */
    border: 0px solid #ddd;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-radius: 6px;
}

/* Obrázek vždy nahoře a přes celou šířku */
.image-top .item-image img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1rem;
}

/* Pro jistotu odstranění floatů, pokud je šablona používá */
.image-top .item-image {
    float: none !important;
    margin: 0 0 1rem 0 !important;
}



/* ============================================
   RAJČE – MINIMALISTICKÝ RÁMEČEK (UPRAVENO)
   ============================================ */

.rajce-wrapper,
#content iframe[src*="rajce"] {
    display: block;
    max-width: 1100px;
    margin: 40px auto;

    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.15);

    /* Viditelné i na bílém pozadí */
    background: rgba(0, 0, 0, 0.08);

    padding: 50px;
    overflow: hidden;
}

.rajce-wrapper iframe,
#content iframe[src*="rajce"] {
    width: 100%;
    height: 600px;
    border: none;
    display: block;
}

@media (max-width: 768px) {
    .rajce-wrapper,
    #content iframe[src*="rajce"] {
        padding: 30px;
        border-radius: 14px;
    }

    .rajce-wrapper iframe,
    #content iframe[src*="rajce"] {
        height: 420px;
    }
}

@media (max-width: 480px) {
    .rajce-wrapper,
    #content iframe[src*="rajce"] {
        padding: 20px;
    }

    .rajce-wrapper iframe,
    #content iframe[src*="rajce"] {
        height: 320px;
    }
}