/*
Theme Name: Hello Prime
Template: hello-elementor
Author: Prime LLC
Description: Hello Prime is a Child Theme of Hello Elementor, created and used by Prime LLC.
Version: 3.2
Updated: 2025-02-18 10:18

*/
/*Shop Page - Start*/
	/*Shop Page - Search Bar*/
	input#woocommerce-product-search-field-0.search-field{
		margin-bottom:20px;
	}
		/*Shop Page - Categories*/
			/*Categories - Lists*/
	ul.product-categories, ul.children{
		list-style-type: none;
	}
	ul.product-categories{
		padding-inline-start:10px;
	}
			/*Categories - Colors*/
	h2.widgettitle{
		font-family:var(--e-global-typography-primary-font-family);
		font-weight:var(--e-global-typography-primary-font-family);
		font-size:30px;
	}
	.cat-item a{
		font-family:var(--e-global-typography-secondary-font-family);
		font-weight:var(--e-global-typography-secondary-font-weight);
	}
	figcaption{
		font-family:var(--e-global-typography-secondary-font-family);
		font-weight:var(--e-global-typography-secondary-font-weight);
		font-size:var(--e-global-typography-secondary-font-size);
		color:var(--e-global-color-accent);
		line-height: 1.4;
	}
		/*Shop Page - Result Count & Order by*/
	.woocommerce .woocommerce-result-count{
		font-family:var(--e-global-typography-primary-font-family);
	}
	select.orderby{
		font-family:var(--e-global-typography-primary-font-family);
		font-size:16px;
	}
		/*Shop Page - Products*/
			/*Products - Thumbnails*/
	.woocommerce ul.products li.product .woocommerce-placeholder{
		border-radius:10px;
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;
		width:226px;
	}
	.elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link:hover, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title:hover, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price:hover, .woocommerce ul.products li.product .woocommerce-LoopProduct-link h2:hover, ul.products li.product .price ins .amount:hover{
		color:var(--e-global-color-secondary)!important;
	}
	.woocommerce ul.products li.product a img{
		height:auto;
		object-fit:cover;
	}
			/*Products - Colors*/
	.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-LoopProduct-link h2{
		height:85px;
		overflow:hidden;
		padding:5px;
	}
	.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{
		padding:5px;
	}
	.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins, 
	.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{
		color:#85BB65;
	}
	.elementor-kit-6 img:hover{
		opacity:0.6;
	}
	.woocommerce div.product form.cart .button{
		background-color:var(--e-global-color-accent);
	}
	
		/*Shop Page - Buttons*/
	.woocommerce ul.products li.product .button {
		width: 100%;
		text-align: center;
	}
	button,
	[type=submit],
	[type=button]{
	  display: inline-block;
	  padding: 0.5rem 1rem;
	  transition: all 0.3s;
	}
			/*Buttons - Colors*/
	a{
	  background-color: transparent;
	  text-decoration: none;
	  color:var(--e-global-color-accent);
	}
	a:hover, 
	a:active{
	  color:var(--e-global-color-accent);
	}
	a:not([href]):not([tabindex]){
	  color:var(--e-global-color-accent);
	}
	a:not([href]):not([tabindex]):hover, 
	a:not([href]):not([tabindex]):focus{
	  color:var(--e-global-color-accent);
	}
	a:not([href]):not([tabindex]):focus{
	  outline: 0;
	}
	
	/*Shop Page - End*/
	
	/*Single Product Page - Start*/
		/*Single Product Page - Title*/
	h1.entry-title{
		color:var(--e-global-color-primary);
		font-family:var(--e-global-typography-secondary-font-family);
		font-weight:var(--e-global-typography-secondary-font-weight);
		font-size:32px;
	}
		/*Single Product Page - Colors*/
	.woocommerce div.product .summary.entry-summary p.price, .woocommerce div.product .summary.entry-summary span.price, .woocommerce div.product .summary.entry-summary .stock, .woocommerce ul.products li.product .price
	{ 
		color:var(--e-global-color-primary);
	}
	.elementor-kit-6 h1 {
	color: #000000;
	}
	h1 {
		font-size: 1.8rem;
	}
		/*Single Product Page - Breadcrumbs*/
	.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
		font-size: .92em;
		color: #000000;
	}
	.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
		color: blue;
	}
		/*Single Product Page - Metadata*/
	.product_meta span, .product_meta #text, .product_meta a{
		color:var(--e-global-color-primary);
	}
	td.product-name a{
		color:var(--e-global-color-secondary);
	}
	/*Single Product Page - End*/
	
	/*Defaults - Start - I would recommend not touching*/
	input[type=text],
	input[type=date],
	input[type=email],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=url],
	select,
	textarea{
		width: 100%;
		border: solid 1px #666666;
		border-radius: 3px;
		padding: 0.5rem 1rem;
		transition: all 0.3s;
		font-family:var(--e-global-typography-accent-font-family);
		font-weight:var(--e-global-typography-accent-font-weight);
		font-size:var(--e-global-typography-accent-font-size);
	}
	input[type=text]:focus,
	input[type=date]:focus,
	input[type=email]:focus,
	input[type=number]:focus,
	input[type=password]:focus,
	input[type=search]:focus,
	input[type=tel]:focus,
	input[type=url]:focus,
	select:focus,
	textarea:focus{
	  border-color: #333333;
	}
	input,
	textarea{
		font-family:var(--e-global-typography-accent-font-family);
		font-weight:var(--e-global-typography-accent-font-weight);
		font-size:var(--e-global-typography-accent-font-size);
		line-height: 1.5; /* 1 */
		margin: 0; /* 2 */
	}
	/*Defaults - End*/
	
	/*1366 Width Compatibility - Start*/
	@media screen and (min-width:480px) and (max-width:1366px) {

		/*1366 Shop Page - Search Bar*/
	li#woocommerce_product_search-3.widget.woocommerce.widget_product_search{
		width:350px;
	}
	input#woocommerce-product-search-field-0.search-field{
		font-size:14px;
	}
		/*1366 Shop Page - Categories*/
	h2.widgettitle{
		font-size:24px;
	}
		/*1366 Shop Page - Result Count & Order By*/
	.woocommerce .woocommerce-result-count{
		font-size:18px;
	}
	.elementor-kit-284 button{
		font-size:14px;
	}
}
	/*1366 Width Compatibility - End*/
	/* This is a new line */
	
/** Styles for Variation Images */

.variation-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.variation-option {
    flex: 1 1 calc(20% - 10px); /* Adjusts based on the container width */
    max-width: 150px; /* Prevents oversized items */
    text-align: center;
    padding: 8px;
    border: 2px solid transparent;
    box-sizing: border-box;
    transition: border-color 0.3s ease-in-out;
}

.variation-option:hover {
	cursor: pointer;
}

.variation-option img {
    width: 100%;
    height: auto;
    max-width: 100px;
    display: block;
    margin: 0 auto;
}

.variation-name {
    font-size: 14px;
    color: #333;
    margin-top: 5px;
    line-height: 1.4;
    word-wrap: break-word;
}

.variation-option.selected {
    border-color: #000;
}
.variation-option.selected .variation-name {
    font-weight: 700;
}
/*

*/
/* Responsive Adjustments */
@media (max-width: 768px) {
    .variation-option {
        flex: 1 1 calc(33.33% - 10px); /* 3 columns on tablets */
    }
}

@media (max-width: 480px) {
    .variation-option {
        flex: 1 1 calc(50% - 10px); /* 2 columns on small screens */
    }
}

/* Active Link Color */
.cat-item a:active, 
.cat-item.current-cat.cat-parent>a, 
.cat-item.current-cat-parent .current-cat>a,
.cat-item-current-cat a:active, 
.widget ul li.cat-item.current-cat>a {
	/* Active Link Color */
    color: var( --e-global-color-bf5c83e );
}