/*
 Theme Name: Digital Store by Tarun Chauhan
 Theme URI: https://tarunchauhan.com
 Description: A blank child theme of GeneratePress for customization.
 Author: Tarun Chauhan
 Author URI: https://tarunchauhan.com
 Template: generatepress
 Version: 1.0.0
*/

/*breadcrumb*/
nav.rank-math-breadcrumb a{color:darkred!important;}
nav.rank-math-breadcrumb p {margin-bottom: 2px;padding: 0; color:#a38c8c;} .last{display:none;}

.single-post figure.wp-block-image { margin-bottom: 30px !important; }

/*sticky footer menu*/
@media only screen and (min-width: 960px) {
.sticky-footer-menu{display:none!important;}
}
.sticky-footer-menu {
	position: fixed!important;
	height: 60px;
	width: 100%;
	bottom: 0;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* ---------- Header & Navigation ---------- */
.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* ---------- WP Search Box Styling ---------- */
#wp-block-search__input-1 {
	border-radius: 120px;
	border: 0px;
}
.wp-block-search__inside-wrapper {
	border-radius: 120px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* ---------- WooCommerce Shop Page ---------- */
.woocommerce .woocommerce-breadcrumb {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 20px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	padding: 10px 20px;
	font-size: 15px;
}

#wc-column-container .product {
	padding: 15px 10px;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
				rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.woocommerce ul.products li.product .button {
	transition: 0.5s;
	background-size: 200% auto;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	border-radius: 4px;
	margin: 5px;
	width: 95%;
	font-size: 14px;
}

.woocommerce ul.products li.product a img {
	border-radius: 4px;
}

.woocommerce-billing-fields label {
	display: none;
}

@supports (display:grid) {
	.woocommerce ul.products li.product {
		padding: 10px;
		box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
					rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	}
}

/* ---------- WooCommerce Product Page ---------- */
.woocommerce div.product form.cart .button {
	transition: 0.5s;
	margin: 10px 0;
	border-radius: 4px;
	width: 100%;
}

/* ---------- Related/Upsell Products ---------- */
.woocommerce .related ul.products li.product,
.woocommerce .up-sells ul.products li.product {
	padding: 15px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
				rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

/* ---------- Checkout Page Place Order Button ---------- */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	float: none;
	width: 100%;
	padding: 10px 0 !important;
	font-weight: 700;
	font-size: 18px !important;
}

.woocommerce-checkout #payment ul.payment_methods li img {
	width: 120px;
}



/* Force square 1:1 ratio on WooCommerce block product grid images */	
.wc-block-grid__product-image {
	aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
    padding: 25px 25px 0 25px;
    box-sizing: border-box;
    background: #eae278;
}

/* Wrapper: 1:1 ratio and hidden overflow */
.scroll-up-image-wrapper {
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}

/* Image: full size inside container */
.scroll-up-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transition: transform 2s ease;
}

/* Scroll-up effect on hover */
.scroll-up-image-wrapper:hover img {
  transform: translateY(-40%);
}
/* SINGLE PRODUCT IMAGE CROP + ZOOM ON HOVER */
.woocommerce div.product div.images {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
    padding: 60px 60px 0 60px; /* top right bottom left */
    box-sizing: border-box;
    background: #eae278; /* Yellow background */
}
.woocommerce div.product div.images:hover {
    padding: 3px 3px 0 3px;
	background: #fff;
}
@media (max-width: 768px) {
    .woocommerce div.product div.images {
        padding: 30px 30px 0 30px;
    }
	
/* ---------- Mobile View ---------- */
@media (max-width: 768px) {
	.woocommerce ul.products.columns-3 li.product {
		width: 100% !important;
	}
}

/*Off-canvas-Slider*/
.offcanvaslogo {margin: 10px auto;
margin-bottom: 20px;margin-top: 20px;width: 120px;}
.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {padding-right: 10px;}
#generate-slideout-menu .slideout-menu li {border-bottom: 1px solid #afafafb3;}
.offside-js--is-open .slideout-overlay{background: rgba(0,0,0,.2);-webkit-backdrop-filter: saturate(180%) blur(10px);
backdrop-filter:saturate(180%) blur(10px);}

@media (min-width: 769px){
.inside-right-sidebar{position: sticky;top: 85px;}}
#site-navigation > div > button > span.gp-icon.icon-menu-bars > svg {height: 1.6em; width: 1.6em;top: 0.5em;}

.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {padding-right: 10px;}
#generate-slideout-menu .slideout-menu li {border-bottom: 1px solid #afafafb3;}

/*join-button*/
.whatsapphighlight { animation: greenBorderPulse 1s infinite; border: 2px solid transparent; }
@keyframes greenBorderPulse { 0%,100%{border-color:transparent;} 50%{border-color:#25d366;} }
.telegramhighlight { animation: blueBorderPulse 1s infinite; border: 2px solid transparent; }
@keyframes blueBorderPulse { 0%,100%{border-color:transparent;} 50%{border-color:#0088cc;} }

/*floating-share*/
.jestify-floating-buttons { position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; border-radius: 10px 0 0 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.15); }
.jestify-floating-buttons a { display: flex; justify-content: center; align-items: center; width: 35px; height: 45px; font-size: 20px; color: #fff; text-decoration: none; }
.jestify-floating-buttons .whatsapp-btn { background: #25D366; }
.jestify-floating-buttons .share-btn { background: #D9534F; }