/* ========== FALLBACK CARDS — automatické karty pre články bez obrázka ========== */
/* Gradient + ikona podľa kategórie (7 farieb × 3 ikony × 5 smerov = 105 kombinácií) */

/* Base fallback container */
.zsmh-fallback-card {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* Subtle dot pattern overlay */
.zsmh-fallback-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(
        circle at 2px 2px,
        rgba(255, 255, 255, 0.08) 1px,
        transparent 0
    );
    background-size: 24px 24px;
    z-index: 0;
    pointer-events: none;
}

/* Icon wrapper */
.zsmh-fallback-icon {
    z-index: 1;
    opacity: 0.85;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.zsmh-fallback-icon svg {
    width: 100%;
    height: 100%;
    color: #fff;
}


/* ---- Archive card context (.zsmh-card-image) ---- */
.zsmh-card-image .zsmh-fallback-card {
    height: 100%;
    min-height: 180px;
    aspect-ratio: 16 / 10;
}


/* ---- Sidebar thumbnail context (.suv2-event-thumb) ---- */
.suv2-event-thumb .zsmh-fallback-card {
    width: 60px;
    height: 60px;
    min-height: unset;
    border-radius: 6px;
    aspect-ratio: unset;
}
.suv2-event-thumb .zsmh-fallback-icon {
    width: 24px !important;
    height: 24px !important;
}


/* ---- Widget gallery context ---- */
.widget-udalosti .zsmh-fallback-card {
    border-radius: 4px;
    min-height: unset;
    aspect-ratio: unset;
}
/* male-galerie-9 (75×75px squares) */
.widget-udalosti a > .zsmh-fallback-card.zsmh-fallback-widget-galeria {
    width: 75px;
    height: 75px;
    display: inline-flex;
}
/* najvacsie-ikony */
.widget-udalosti a > .zsmh-fallback-card.zsmh-fallback-widget-najvacsie {
    width: 100%;
    height: 150px;
}
/* male-ikony, stredne-ikony */
.widget-udalosti a > .zsmh-fallback-card.zsmh-fallback-widget-mensie {
    width: 45px;
    height: 45px;
    display: inline-flex;
}
.widget-udalosti a > .zsmh-fallback-card.zsmh-fallback-widget-stredne {
    width: 80px;
    height: 80px;
    display: inline-flex;
}
/* ikona-nadpis */
.widget-udalosti .widget-udalosti-row .zsmh-fallback-card {
    width: 45px;
    height: 45px;
    display: inline-flex;
}


/* ---- Hero (single article) context ---- */
.suv2-featured-image .zsmh-fallback-card {
    width: 100%;
    min-height: 300px;
    border-radius: 12px;
    aspect-ratio: unset;
}


/* ---- [zsmh_galeria] shortcode context ---- */
.zsmh-galeria-card-image .zsmh-fallback-card {
    height: 100%;
    aspect-ratio: 16 / 10;
    min-height: 150px;
}


/* ---- Print: jednoduchý sivý box ---- */
@media print {
    .zsmh-fallback-card {
        background: #f0f0f0 !important;
        border: 1px solid #ddd;
    }
    .zsmh-fallback-card::after {
        display: none;
    }
    .zsmh-fallback-icon svg {
        color: #999;
    }
}
