/*
Theme Name: Crafto Child
Theme URI: https://crafto.themezaa.com/
Author: ThemeZaa
Author URI: https://www.themezaa.com/
Description: Child theme for Crafto theme
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.0
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/
Text Domain: crafto-child
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
Template: crafto
*/
/* Gutenberg galerija unutar Elementor predloška */


/* Ispravno prikazivanje Gutenberg galerije unutar Elementor predloška */
.wp-block-gallery.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.wp-block-gallery.is-layout-flex .wp-block-image {
  width: calc(33.333% - 1em); /* Za 3 u redu */
}

.wp-block-gallery.columns-2 .wp-block-image {
  width: calc(50% - 1em);
}
.wp-block-gallery.columns-3 .wp-block-image {
  width: calc(33.333% - 1em);
}
.wp-block-gallery.columns-4 .wp-block-image {
  width: calc(25% - 1em);
}

.wp-block-gallery img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
}

.wp-block-gallery.is-layout-flex .wp-block-image {
  overflow: hidden;
  aspect-ratio: 1 / 1; /* kvadratni oblik */
}

.wp-block-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .swiper-slide {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .blog-post-slider.swiper-wrapper {
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }

  .blog-box {
    flex-direction: column !important;
    align-items: center !important;
  }
}