/**
 * Starter Aktuality - Frontend Styles
 * Verze 1.5.0 - minimální CSS, Divi styly se aplikují přirozeně
 *
 * Klonované sloupce jsou ve stejném Divi řádku jako originál,
 * takže Divi CSS selektory fungují automaticky.
 * Zde jsou jen layout overrides pro grid a utility třídy.
 */

/* ===== OBRÁZKY ===== */
.starter-aktuality-item img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ===== TLAČÍTKO LOAD MORE ===== */
.starter-aktuality-load-more-wrap {
    text-align: center;
    margin-top: 30px;
    padding: 10px 0;
    clear: both;
}

.starter-aktuality-load-more.loading {
    opacity: 0.75;
    cursor: wait;
    pointer-events: none;
}

/* ===== SPINNER ===== */
.starter-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: starter-spin 0.8s linear infinite;
}

@keyframes starter-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ===== RESPONSIVNÍ ===== */
@media (max-width: 767px) {
    .starter-aktuality-load-more-wrap {
        margin-top: 20px;
    }
}

/* ===== PŘÍSTUPNOST ===== */
@media (prefers-reduced-motion: reduce) {
    .starter-aktuality-item,
    .starter-aktuality-grid-row,
    .starter-aktuality-load-more,
    .starter-spinner {
        animation: none !important;
        transition: none !important;
    }
}