/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

[data-header*="type-1"] .ct-header [data-transparent-row="yes"][data-row*="top"] {
    background-color: rgb(0,0,0,.5);
    position:sticky;
}

/*	from Custom CSS	*/


/* prec breadkrumbsy */
.ct-breadcrumbs {
	display: none;
}


.hero-section[data-type="type-2"][data-parallax="desktop"] figure {
    background-attachment: fixed;
    height: 100vh; /* Optionally, set the height to full viewport height */
}

/* Change background color of the single product header menu to grey */

body.single-product nav#header-menu-1 {
    /* background-color: #808080; You can replace this with your desired grey color code */
	background: linear-gradient(to bottom, rgba(169, 169, 169, 1), rgba(169, 169, 169, 0)) fixed;
	width: 100vw
}
/*	tu konci Change background color of the single product header menu to grey*/

body.woocommerce-cart nav#header-menu-1,
body.woocommerce-checkout nav#header-menu-1 {
    background: linear-gradient(to bottom, rgba(169, 169, 169, 1), rgba(169, 169, 169, 0)) fixed;
    width: 100vw;
}

/* Change background color of the cart header menu to grey
#header > div:nth-child(1) > div:nth-child(1) > div > div {
    background-color: grey;
}
 */
p.stock.in-stock {
    display: none !important;
}






/* rozsiri galeriu na sirku obrazovky */
.ct-media-container {
    width: 100%;
    max-width: 100%;
}


.ct-media-container.woocommerce-product-gallery img {
    width: 100%;
    height: auto;
	  /*		display: none;*/
	
}

.product-entry-wrapper {
    --product-gallery-width: 100% !important;
}

/* Posunie Strucny popis produktu pod galeriu */
@media (min-width: 1000px) {
    .ct-default-gallery .product-entry-wrapper,
    .ct-stacked-gallery .product-entry-wrapper {
        display: block; /* Change from 'flex' to 'block' */
    }
		.ct-default-gallery .entry-summary, .ct-stacked-gallery .entry-summary {
    width: 100% !important;
}
}

/* Adjust margin between product main picture and title */
.woocommerce-product-gallery {
    margin-bottom: 1em; /* Adjust the margin as per your preference */
}