/*
 * Luxury Jetpack - uniwersalne podpisy obrazków wyróżniających
 */

.wp-caption-img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
}

.wp-caption-img img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.wp-caption-text-main {
    display: block;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 4px 8px;
    box-sizing: border-box;
    text-align: center;
    background-color: #f3f3f3;
    color: #666;
    font-size: 11px;
    line-height: 1.65em;
    font-weight: normal;
}

a.luxury-jetpack-has-caption {
    margin-bottom: 0 !important;
}


/*
 * Graceful Joy Blog
 *
 * Motyw ustawia aspect-ratio: 4 / 5 bezpośrednio na linku miniatury.
 * Po dodaniu podpisu prowadzi to do rezerwowania pustej przestrzeni.
 * Wyłączamy więc ratio na linku i przenosimy je na sam obszar zdjęcia.
 */

.gjb-post-thumb.gjb-thumb-grid.luxury-jetpack-has-caption {
    aspect-ratio: auto !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
}

.gjb-post-thumb.gjb-thumb-grid.luxury-jetpack-has-caption .wp-caption-img {
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

.gjb-post-thumb.gjb-thumb-grid.luxury-jetpack-has-caption .wp-caption-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gjb-image-wrap > .wp-caption-text-main {
    margin-top: 0 !important;
    margin-bottom: 1rem;
}

/*
 * Kategoria jest absolutnie pozycjonowana względem .gjb-image-wrap.
 * Po dodaniu podpisu podnosimy ją o jego faktyczną wysokość.
 */
.gjb-image-wrap.luxury-jetpack-caption-wrap .gjb-post-category {
    bottom: calc(var(--luxury-caption-height, 0px) + 10px) !important;
}