/*
Theme Name: Maker Child
Theme URI: http://www.wpbingosite.com/maker
Author: wpbingo
Description: This is a child theme for Maker
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: maker
Text Domain: maker-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/


/* Show the first product image immediately. Slick (the gallery slider) starts only after
   all scripts have loaded, and the theme hides the gallery until then. */
body.single-product .image-additional.slick-carousel:not(.slick-initialized) { display: block; }
body.single-product .image-additional.slick-carousel:not(.slick-initialized) .img-thumbnail ~ .img-thumbnail { display: none; }
body.single-product .image-additional.slick-carousel:not(.slick-initialized) img { width: 100%; height: auto; }

/* Reserve the gallery space before Slick starts, so the page does not jump when it initializes.
   Slick sizes the gallery to the tallest image (usually square), and the thumbnail strip is 87px on mobile. */
body.single-product .image-additional.slick-carousel:not(.slick-initialized) { aspect-ratio: 1 / 1; overflow: hidden; }
@media (max-width: 767px) {
  body.single-product .image-thumbnail.slick-carousel:not(.slick-initialized) { display: block; height: 87px; overflow: hidden; visibility: hidden; }
}

.container-image-single .scroll-image { position: relative; }
.scroll-image > img.gallery-poster { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1000; pointer-events: none; }

/* Product page on phones and tablets (single-column layout): show the add-to-cart form right
   after the price, before the long description. Desktop (>= 992px) keeps the theme's order. */
@media (max-width: 991px) {
  body.single-product .summary.entry-summary { display: flex; flex-direction: column; }
  body.single-product .summary.entry-summary > * { order: 10; }
  body.single-product .summary.entry-summary > .product_title { order: 1; }
  body.single-product .summary.entry-summary > .price-single { order: 2; }
  body.single-product .summary.entry-summary > form.cart { order: 3; }
  body.single-product .summary.entry-summary > .description { order: 4; }
}

/* Product names are already written correctly in Slovenian; do not force Title Case.
   Matches any link to a product page (grids, sliders, widgets, cart, mini-cart). */
a[href*="/izdelek/"],
body .product_title,
body .product-title,
body .product-title a,
.single-product .product_title,
body .mini-cart .cart-popup .product-name a,
body .checkout .woocommerce-checkout-review-order .info-product .product-name {
  text-transform: none;
}

/* Notices and the add-to-cart popup: show normal sentence case instead of Title Case. */
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce .cart-empty.woocommerce-info,
body .content-cart-popup .content-cart-left .product-name a,
body .content-cart-popup .cart-subtotal,
body .mini-cart .cart-popup .total-cart {
  text-transform: none;
}

/* Footer: category names and block titles in normal sentence case. */
body footer .bwp-woo-categories .item-title,
body footer .elementor-element-a8bfe21 {
  text-transform: none;
}

/* Listing on phones/tablets: add-to-cart icon next to the quick-view (magnifier) icon */
@media (max-width: 1199px) {
  body .products-list.grid .product-wapper .products-thumb .btn-atc { display: block; position: absolute; right: 51px; bottom: 13px; z-index: 2; margin: 0; height: auto; opacity: 1; visibility: visible; }
  body .products-list.grid .product-wapper .products-thumb .btn-atc > div { display: block; position: static; transform: none; opacity: 1; visibility: visible; width: auto; padding: 0; }
  body .products-list.grid .product-wapper .products-thumb .btn-atc > div > a { width: 35px; height: 35px; line-height: 35px; padding: 0; font-size: 0; border-radius: 4px; border: 1px solid #f2f2f2; background: #fff; color: #0c183c; display: flex; align-items: center; justify-content: center; }
  body .products-list.grid .product-wapper .products-thumb .btn-atc > div > a span { display: none; }
  body .products-list.grid .product-wapper .products-thumb .btn-atc > div > a::before { content: "\e901"; font-family: icomoon; font-size: 16px; line-height: 1; color: #0c183c; margin: 0; }
  body .products-list.grid .product-wapper .products-thumb .btn-atc > div > a.loading::before { content: ""; }
  /* home widget: the theme puts the magnifier flush in the corner */
  body .bwp_product_list.default .products-list.grid .product-wapper .products-thumb .btn-atc { right: 41px; bottom: 3px; }
}