/*
Theme Name: AbcWeb.pl
Theme URI: http://abcweb.pl/
Description: Szablon zaprojektowany przez Grupę AbcWeb.pl
Author: AbcWeb.pl
Author URI: https://abcweb.pl
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: abcweb-pl abcweb
Text Domain: abcweb-pl
*/

/* Variables */
:root {
	--main-color: #800080;
	--bg-color: #c0c0c0;
	
	/*	Width of Woo element with all pictures, all img width are calculated based on this parameter	*/
	--woo-width: 80vw;
	--woo-width-minus: 5vw;
}

/* Site Identity */
.ast-logo-title-inline .ast-site-identity {
    padding: 0;
}

/* Page Header */
.page-header {
	position: relative;
}
.page-header::before,
.page-header::after {
	content: '';
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.page-header::before {
	width: 50%;
	height: 100%;
}
@media (min-width: 1171px){
.page-header::after {
	width: calc(100% + 2em);
	height: 100%;
	transform: skew(-30deg);
	border-right: 1em solid var(--main-color);
}
}

/* Page First Letter */
.page-text::first-letter {
	color: var(--main-color);
	font-size: 2em;
	font-weight: 700;
	line-height: 1em;
}

/* Fancy Header */
.fancy-header {
	position: relative;
	z-index: 1;
}
.fancy-header::before {
	content: '';
	width: calc(100% + 4em);
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) skew(-30deg);
	z-index: -1;
	border-left: 1em solid var(--main-color);
	border-right: 1em solid var(--main-color);
}
@media (max-width: 1140px){
.fancy-header::before {
	transform: translateX(-50%) skew(0deg);
	width: calc(100% + 3em);
}
}

/* Astra :: Primary */
#primary {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Woocommerce :: Kolumny */
.woocommerce .cols-3 li.product, 
.woocommerce.columns-3 li.product {
    width: 33%;
}
.woocommerce .cols-5 li.product, 
.woocommerce.columns-5 li.product {
    width: 20%;
}
.woocommerce .cols-6 li.product, 
.woocommerce.columns-6 li.product {
    width: 16.6666%;
}
.grid {
	max-width: 100% !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link,
li.ast-article-single.product.type-product {
    width: max-content;
}

/* Woocommerce :: Miniaturki */

@media (min-width: 1171px){
.elementor-shortcode .woocommerce {
    width: var(--woo-width);
    margin-left: auto;
    margin-right: auto;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	width: calc( ( var(--woo-width) - var( --woo-width-minus ) ) / 3);
}
}
@media (max-width: 1170px) and (min-width: 768px) {
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	width: calc( 90vw / 2);
}
}
@media (max-width: 767px){
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	width: calc( 90vw / 1);
}
}

/* Woocommerce :: Single Product */
@media screen and (min-width: 1024px){
.woocommerce div.product div.images img {
    display: block;
    width: auto !important;
    height: 80vh !important;
    box-shadow: none;
}
}

.woocommerce-product-gallery__image {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
/*.single_variation_wrap {
	display: none !important; // Add to cart
}*/

/* Contact :: Większe pole w formularzu */
#wpforms-154-field_2 {
	min-height: 200px;
}

/* WooCommerce :: In-Stock */
.woocommerce div.product .stock {
	color: var(--main-color);
	font-weight: bold;
}

/* WooCommerce :: Sold X of total Y */
.total-sold .ast-stock-avail {
	font-weight: 700;
}
.total-sold {
	margin-bottom: 20px;
}
.woocommerce-variation-availability {
	/*display: none;*/
}


/*style dla produktu z miniaturkami */
#main .ast-single-product-thumbnails
  .woocommerce-product-gallery-thumbnails__wrapper
  .ast-woocommerce-product-gallery__image
  img {
    object-fit:contain;
  height: auto !important;
    min-height: 50px;
   
}
#main .ast-single-product-thumbnails
  .woocommerce-product-gallery-thumbnails__wrapper
  .ast-woocommerce-product-gallery__image::after{
   border:none;
   
}
@media(min-width:1021px){
  #main .ast-single-product-thumbnails
  .woocommerce-product-gallery-thumbnails__wrapper
  .ast-woocommerce-product-gallery__image
  img {
    object-fit:contain;
  height: auto !important;
    min-height: 200px;   
}
   #main .ast-single-product-thumbnails
  .woocommerce-product-gallery-thumbnails__wrapper
  .ast-woocommerce-product-gallery__image
   {
     width:200px !important;
}
}

html {
	overflow-x: hidden;
}