/* KLASA KONTROLNA: .title-at-bottom (musi być dodana w ustawieniach bloku) */

/* 1. Ustawiamy Główny Kafelek Posta (uagb-post-grid-item) jako Kotwicę */
.uagb-post-grid.title-at-bottom .uagb-post-grid-item {
    position: relative !important; /* Ustawia ten element jako punkt odniesienia */
    height: 100% !important; 
}

/* 2. Wymuszamy, aby Wewnętrzny Kontener (article) zajął PEŁNĄ przestrzeń kafelka */
/* To jest kluczowe, by tytuł miał się do czego odnieść. */
.uagb-post-grid.title-at-bottom article.uagb-post-inner-wrap {
    position: absolute !important; /* Wyrywamy go z normalnego przepływu */
    top: 0 !important; /* Rozciągamy od góry */
    left: 0 !important;
    width: 100% !important;
    height: 100% !important; /* Zagwarantowanie pełnej wysokości */
}

/* 3. Pozycjonujemy Tytuł na Dół Wewnętrznego Kontenera */
.uagb-post-grid.title-at-bottom article.uagb-post-inner-wrap h4.uagb-post__title {
    position: absolute !important; /* Absolutne pozycjonowanie tytułu */
    bottom: 0 !important; /* SPYCHANIE NA DÓŁ! */
    left: 0 !important;
    
    /* Ustawienia czytelności */
    width: 100% !important;
    padding: 15px !important; 
    margin: 0 !important;
    background-color: rgba(0, 0, 0, 0.7) !important; 
    color: white !important; 
    box-sizing: border-box !important;
    z-index: 10 !important; 
}

/* 4. Dodatkowe usunięcie marginesów/paddingów, które mogą przeszkadzać */
/* Usuwamy domyślny margines z samego tytułu, który może go "unosić" */
.uagb-post-grid.title-at-bottom article.uagb-post-inner-wrap .uagb-post__title a {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}