/*
 Theme Name:   Gorilla Spares 
 Theme URI:    https://www.gorillaspares.com
 Description:  Customized theme for Gorilla Spares
 Author:       FirstPage Marketing
 Author URI:   https://www.firstpagemarketing.com
 Template:     hello-elementor
 Version:      1.0.37
*/

/* jetMenu Back Button Fix */
.jet-mobile-menu__controls div[aria-label="Back to Prev Items"] i:before {
        content: "\f0a8";
}

.new-background {
	background-color: #000 !important;
}

/* for digital manuals */

.digital-child { 
  display: none; 
}

.digital_manuals { height: auto !important; min-height: 0 !important; }

.digital-parent { height: auto !important; min-height: 0 !important; }

.digital-parent.is-open > .digital-child { 
  display: block !important; 
}

.digital-parent .digital-icon {
  transition: transform 0.25s ease;
  transform: rotate(0deg);
}

/* “Flip vertically” (caret/chevron style) */
.digital-parent.is-open .digital-icon {
  transform: rotate(180deg);
}


.e-loop-add-to-cart-form {
	position: relative !important;
}

.elementor-583 .elementor-element.elementor-element-8969f38 .added_to_cart {
	position: absolute;
	top: 50px;
	left: 34px;
}


@media (min-width: 1025px) {
	.digital-manuals:nth-child(4n + 4) .digital-parent,
	.digital-manuals:nth-child(4n + 5) .digital-parent {
    background-color: #f2f2f2;
	}
}

@media (max-width: 1024px) {
	.digital-manuals:nth-child(even) .digital-parent {
    	background-color: #f2f2f2;
	}
}

/* Breadcrumb wrapper uses 'Small text' global font */
.my-breadcrumb {
  font-size:   18px;
  line-height: 1em;
  color: #231F20;
  display: flex; gap: .35rem; align-items: center; flex-wrap: wrap;
}

/* Links: white */
.my-breadcrumb .crumb a {
  color: #fff;
  text-decoration: none;
}
.my-breadcrumb .crumb a:hover { color: #231F20; opacity: .85; }

.my-breadcrumb .current {
  color: var(--e-global-color-primary, #0a66c2);
  font-weight: 600;
}

.my-breadcrumb .sep { color: #231F20; opacity: .6; }
.my-breadcrumb .crumb { white-space: nowrap; }

.wc-stock-status__label {
    font-family: "Mukta", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: -0.3px;
    color: var(--e-global-color-primary);
}


/* Kill underlines on sale prices everywhere */
.woocommerce .price ins,
.woocommerce div.product .price ins,
.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;      /* some themes fake underlines with shadows */
  background-image: none !important;/* some use gradient underlines */
}

/* Also remove from children inside <ins> (amount, bdi, span, etc.) */
.woocommerce .price ins *,
.woocommerce ul.products li.product .price ins * {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* If your theme links the price, prevent link underlines too */
.woocommerce .price a,
.woocommerce .price a * {
  text-decoration: none !important;
  border: 0 !important;
}

/* Optional "nuclear" line if something still slips through */
.woocommerce .price ins {
  text-decoration-line: none !important;
  text-decoration-color: transparent !important;
}

/* Optional: keep sale price visually distinct */
.woocommerce .price ins { font-weight: 600; }


/* Bottom Margin for UL and OL */
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {
	margin-bottom: 0.9em;
	text-align: left;
}

/* Inline Image Styling */
img.alignleft {
	max-width: 50% !important;
	margin: 0 30px 30px 0;
}

img.alignright {
	max-width: 50% !important;
	margin: 0 0 30px 30px;
}

img.aligncenter {
	margin: 0 auto 30px;
}

img.alignnone {
	margin: 0 0 30px 0;
}

@media (max-width: 768px) {
	img.alignleft, img.alignright, img.aligncenter, img.alignnone {
		display: block;
		margin: 0 auto 30px;
		max-width: 100% !important;
		float:none;
	}

	.elementor-583 .elementor-element.elementor-element-8969f38 .added_to_cart {
		left: 46%;
	}



}

/* Elementor Animation Improvements */
@keyframes fadeInDownFPM {
    from {
        opacity: 0;
        transform: translate3d(0,-60px,0);
    }

    to {
        opacity: 1;
        transform: none
    }
}
.fadeInDown {
    animation-name: fadeInDownFPM !important;
}

@keyframes fadeInLeftFPM {
    from {
        opacity: 0;
        transform: translate3d(-60px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeftFPM !important;
}

@keyframes fadeInRightFPM {
    from {
        opacity: 0;
        transform: translate3d(60px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRightFPM !important;
}

@keyframes fadeInUpFPM {
    from {
        opacity: 0;
        transform: translate3d(0,60px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUpFPM !important;
}