/*
 Theme Name: Welldone Child Theme
 Theme URI: https://welldone.axiomthemes.com/
 Description: Welldone is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
 Author: AxiomThemes
 Author URI:  https://axiomthemes.com/
 Template:     welldone
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  welldone
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* === Mobile: produkto galerija per visa ploti === */
@media only screen and (max-width: 767px) {
  .woo-variation-product-gallery,
  .woocommerce-product-gallery,
  .woocommerce div.product div.images {
    max-width: 100% !important;
    width: 100% !important;
    float: none !important;
  }

  .woo-variation-product-gallery {
    --wvg-gallery-width: 100% !important;
    --wvg-single-image-size: 100% !important;
  }

  .woo-variation-gallery-wrapper .woo-variation-gallery-slider img,
  .woocommerce-product-gallery img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .woocommerce div.product div.summary {
    width: 100% !important;
    float: none !important;
  }
}

/* === Tablet: produkto galerija per visa ploti === */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .woo-variation-product-gallery,
  .woocommerce-product-gallery,
  .woocommerce div.product div.images {
    max-width: 100% !important;
    width: 100% !important;
    float: none !important;
  }

  .woo-variation-product-gallery {
    --wvg-gallery-width: 100%;
    --wvg-single-image-size: 100%;
  }

  .woocommerce div.product div.summary {
    width: 100% !important;
    float: none !important;
  }
}