/*
Theme Name: JAC Forklift

WooCommerce styles override
*/

.woocommerce {
	h1, h2 {
      text-transform: uppercase;
   }

	input:not([type="submit"]), textarea {
		display: block;
		width: 100%;
		padding: .5rem .75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: var(--jac-surface-color);
		appearance: none;
		background-color: #fff;
		background-clip: padding-box;
		border: var(--jac-border-width) solid #76767c;
		border-radius: 0;
		box-shadow: var(--jac-box-shadow-inset);
		transition: all .2s linear;
	}
	select {
		display: block;
		width: 100%;
		padding: .5rem 2.25rem .5rem .75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: var(--jac-surface-color);
		appearance: none;
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right .75rem center;
		background-size: 16px 12px;
		border: var(--jac-border-width) solid #76767c;
		border-radius: 0;
		box-shadow: var(--jac-box-shadow-inset);
		transition: all .2s linear;
	}

	.woocommerce-info, .woocommerce-message {
		max-width: 1200px;
		width: 90%;
		margin: 2rem auto;
	}

	span.onsale {
		background-color: #EF1A1F;
	}

	p.price, span.price {
		color: #EF1A1F;
	}

}

/* archive */
.woocommerce .woocommerce-ordering select:focus {
	outline: none;
	box-shadow: none;
}

/* products */
.woocommerce ul.products li.product {

	.woocommerce-loop-product__title {
		border-bottom: 4px solid #EF1A1F;
		font-size: 20px;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		width: fit-content;
		margin: 0 auto;
		padding: 0.5rem 0 0.25rem;
	}

	.woocommerce-loop-product__title a {
		font-size: inherit;
	}

	.woocommerce-loop-product__subtitle {
		display: block;
		font-size: 1rem;
		text-align: center;
	}

	a {
		color: #000;
	}

	.button {
		background-color: #EF1A1F;
		color: #fff;
		text-align: center;
		width: 100%;
		display: none;
	}
}

/* single product */
.site-product {
	padding: 3rem 0;
}

.woocommerce div.product {
	.product_title {
		display: none;
	}
	div.summary {
		position: relative;
		span.onsale {
			left: auto;
			right: -.5rem;
		}
	}

	> section {
		clear: both;
		padding: 3rem 0;
	}

	/* sección superior */
	.product-top-info {
		margin-bottom: 2rem;
	}

	.product-top-info__files {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		list-style: none;
		padding: 1rem 0;
		margin-bottom: 0;
	}
	.product-top-info__file {
		background-color: #EFEFEF;
		border-radius: 2rem;
		flex-grow: 1;
		padding: 0.5rem;
	}
	.product-top-info__file a {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		text-decoration: underline;
		text-transform: uppercase;
	}
	.product-top-info__file__icon {
		height: 56px;
		width: 64px;
		object-fit: contain;
	}

	.product-top-info__price {
		text-align: center;
		font-size: 3rem;
		font-weight: 800;
		line-height: 1;
		del {
			font-size: 50%;
			font-weight: 400;
			text-decoration: line-through;
		}
		ins {
			text-decoration: none;
		}
	}

	.product-main-features__header {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		margin-bottom: 1rem;
		> div:not(:last-child) {
			border-right: 4px solid #EF1A1F;
		}

	}
	.product-main-features__model {
		text-align: center;
	}
	.product-main-features__vehicle {
		text-align: left;
	}
	.product-main-features__model,
	.product-main-features__vehicle {
		line-height: 1;
		padding: 1rem;
	}

	.product-main-features__model__label,
	.product-main-features__vehicle__label {
		font-size: 1rem;
		font-weight: 800;
		text-transform: uppercase;
	}
	.product-main-features__model__value,
	.product-main-features__vehicle__value {
		font-size: 2rem;
		font-weight: 900;
		text-transform: uppercase;
	}

	.product-main-features__table {
		margin-top: 2rem;
		width: 100%;
		tr {
			border-top: 1px solid #EFEFEF;
		}
		td,
		th {
			font-size: 1.25rem;
			padding: 1rem;
		}
		td:first-child, th:first-child {
			font-weight: 700;
			text-transform: uppercase;
			width: 70%;
		}
	}
}

@media screen and (min-width: 992px) {
	.woocommerce div.product {
		.product-top-info__file {
			flex-grow: 0;
		}
		.product-top-info__file__label {
			display: none;
		}
		.product-top-info__price {
			text-align: right;
		}
	}
}
@media screen and (min-width: 1200px) {
	.woocommerce div.product {
		.product-top-info__price {
			font-size: 4rem;
		}

		.product-main-features__model__label,
		.product-main-features__vehicle__label {
			font-size: 2rem;
		}
		.product-main-features__model__value,
		.product-main-features__vehicle__value {
			font-size: 3rem;
		}
		.product-main-features__table {
			td, th {
				font-size: 1.5rem;
			}
		}
	}
 }

/* categories */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	border-bottom: 4px solid #EF1A1F;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	width: fit-content;
   margin: 0 auto;

	.count {
		background-color: transparent;
	}
}

/* subcategories */
.site-subcategories-list {
	padding: 2rem 0!important;
	.woocommerce .products ul, .woocommerce ul.products {
		max-width: 800px;
		margin: 0 auto;
	}
}