/**
 * Homepage Gutenberg Blocks CSS
 * Minimalan CSS za wp-block-heading, wp-block-gallery i wp-block-image
 * Zamenjuje: /wp-content/themes/storefront/assets/css/base/gutenberg-blocks.css
 * Veličina: ~500 bytes umesto ~15KB
 */

/* wp-block-heading - centriranje naslova */
.wp-block-heading.has-text-align-center {
    text-align: center;
}

/* wp-block-heading H1 - override Gutenberg font-weight */
h1.wp-block-heading {
    font-weight: 400 !important;
}

/* Mobilni prikaz - SAMO HOMEPAGE H1 */
@media (max-width: 768px) {
    .home h1.wp-block-heading,
    .home h1.seo-h1,
    .home .seo-h1.wp-block-heading {
        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;
        margin-top: 8px !important;
        margin-bottom: 5px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        text-align: center !important;
        color: #d1c466 !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    /* Extra specifičnost za Gutenberg heading NA HOMEPAGE */
    .home .page-description h1.wp-block-heading,
    .home .woocommerce-products-header h1.wp-block-heading {
        font-size: 44px !important;
        font-weight: 100 !important;
        line-height: 1.1 !important;
        padding-bottom: 0 !important;
    }
    
    /* Ukloni razmak između visible-h1 spana i ostatka h1 NA HOMEPAGE */
    .home .seo-h1 br,
    .home h1.seo-h1 br {
        display: none !important;
    }
    
    .home .seo-h1 .visible-h1 {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .home .seo-h1 .hidden-h1 {
        display: none !important;
    }
    
    /* Slika ne prelazi preko H1 NA HOMEPAGE */
    .home .image-top-margin,
    .home .mobile-only.image-top-margin {
        margin-top: 0 !important;
    }
}

/* wp-block-gallery - galerija slika */
.hentry .entry-content .wp-block-gallery {
    margin: 0 0 1.41575em;
}

.hentry .entry-content .wp-block-gallery .blocks-gallery-image,
.hentry .entry-content .wp-block-gallery .blocks-gallery-item {
    width: 47.8260869565%;
    margin: 0 4.347826087% 4.347826087% 0;
    flex-grow: 0;
}

.hentry .entry-content .wp-block-gallery .blocks-gallery-image:nth-of-type(even),
.hentry .entry-content .wp-block-gallery .blocks-gallery-item:nth-of-type(even) {
    margin-right: 0;
}

/* wp-block-image - pojedinačne slike */
.hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) {
    display: inline;
}

.hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) figure {
    margin-bottom: 1.41575em;
}

.hentry .entry-content figure.wp-block-image {
    margin: 0 0 1.41575em;
}

/* Specijalno za homepage full-width template */
.home.page-template-template-fullwidth .hentry .entry-content > .wp-block-image {
    margin-bottom: 4.235801032em;
}