1#@!#!123s

: / home / diafdxji / wakcars.com / wp-content / themes / zakra / assets / css /
Filename : woocommerce.css
back
/*--------------------------------------------------------------
# Abstract.
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Blocks.
--------------------------------------------------------------*/
.wc-block-components-sort-select {
	margin-bottom: 2.5em;
}

.wc-block-grid__product-add-to-cart .added_to_cart.wc-forward {
	/* View cart link */
	display: block;
	margin-top: 10px;
}

.wc-block-grid__products {
	gap: 2em;
	margin-right: 0;
	margin-left: 0;
}

.wc-block-grid__products a:hover {
	text-decoration: none;
}

.wc-block-grid.has-6-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-5-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-4-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-3-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-2-columns .wc-block-grid__products .wc-block-grid__product.product, .wc-block-grid.has-1-columns .wc-block-grid__products .wc-block-grid__product.product {
	font-size: 100%;
}

@media screen and (min-width: 600px) {
	.wc-block-grid.has-6-columns .wc-block-grid__product {
		flex: 1 0 calc(16.6666666667% - 2em);
		max-width: 16.6666666667%;
	}

	.wc-block-grid.has-5-columns .wc-block-grid__product {
		flex: 1 0 calc(20% - 2em);
		max-width: 20%;
	}

	.wc-block-grid.has-4-columns .wc-block-grid__product {
		flex: 1 0 calc(25% - 2em);
		max-width: 25%;
	}

	.wc-block-grid.has-3-columns .wc-block-grid__product {
		flex: 1 0 calc(33.3333333333% - 2em);
		max-width: 33.3333333333%;
	}

	.wc-block-grid.has-2-columns .wc-block-grid__product {
		flex: 1 0 calc(50% - 2em);
		max-width: 50%;
	}

	.wc-block-grid.has-1-columns .wc-block-grid__product {
		flex: 1 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product {
		flex: 1 0 calc(50% - 2em);
		max-width: 50%;
		margin: unset;
	}
}

@media (max-width: 480px) {
	.wc-block-grid.has-2-columns .wc-block-grid__products, .wc-block-grid.has-3-columns .wc-block-grid__products, .wc-block-grid.has-4-columns .wc-block-grid__products, .wc-block-grid.has-5-columns .wc-block-grid__products, .wc-block-grid.has-6-columns .wc-block-grid__products {
		display: flex;
	}

	.wc-block-grid.has-2-columns .wc-block-grid__products:last-child, .wc-block-grid.has-3-columns .wc-block-grid__products:last-child, .wc-block-grid.has-4-columns .wc-block-grid__products:last-child, .wc-block-grid.has-5-columns .wc-block-grid__products:last-child, .wc-block-grid.has-6-columns .wc-block-grid__products:last-child {
		margin-left: 0;
	}
}

@media (max-width: 600px) {
	.wc-block-grid__products {
		gap: 1em;
	}
}

@media (min-width: 481px) and (max-width: 600px) {
	.wc-block-grid.has-1-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-1-columns .wc-block-grid__product:nth-child(odd) {
		padding-right: 0;
		padding-left: 0;
	}

	.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd) {
		padding-right: 0;
		padding-left: 0;
	}

	.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd) {
		padding-right: 0;
		padding-left: 0;
	}

	.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd) {
		padding-right: 0;
		padding-left: 0;
	}

	.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd) {
		padding-right: 0;
		padding-left: 0;
	}

	.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(even), .wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd) {
		padding-right: 0;
		padding-left: 0;
	}
}

.wc-block-grid__product .wc-block-grid__product-image {
	margin: 0 0 1em;
}

.wc-block-grid__product .wc-block-grid__product-image img {
	width: 100%;
}

.wc-block-grid__product {
	text-align: left;
	border: none;
}

.wc-block-grid__product .wc-block-grid__product-onsale {
	margin: -0.5em -0.5em 0 0;
	top: 0;
	right: 0;
}

.wc-block-grid__product .wc-block-grid__product-title {
	margin: 0;
	padding: 0.5em 0;
	font-size: 1.2em;
	color: var(--zakra-color-6, #3F3F46);
}

.wc-block-grid__product .wc-block-grid__product-title:hover {
	color: var(--zakra-color-1, #027abb);
}

.wc-block-grid__product .wc-block-grid__product-price {
	font-size: 0.8em;
	margin-bottom: .5em;
	font-weight: 400;
	color: #52525B;
}

.wc-block-grid__product .wc-block-grid__product-price ins {
	font-weight: 700;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart {
	margin-top: 1em;
	margin-bottom: 0;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link {
	padding: 0.7rem 1rem;
	text-align: left;
	border: 0 solid var(--zakra-color-1, #027abb);
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
	color: #fff;
	background-color: #015989;
}

.wc-block-layout.wc-block-grid__product .wc-block-components-product-price {
	font-size: 1.1em;
}

.wc-block-grid__product-onsale {
	min-height: 3.236em;
	min-width: 3.236em;
	padding: 0.202em;
	font-weight: 700;
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	line-height: 3.236;
	font-size: 1.1em;
	border-radius: 100%;
	text-transform: capitalize;
	background: var(--zakra-color-1, #027abb);
	border: 0;
	color: #FAFAFA;
}

.single-product .product {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	column-gap: 30px;
}

.single-product .product__content {
	width: 100%;
}

.single-product .product .onsale {
	z-index: 99;
}

.single-product .product .woocommerce-product-details__short-description p {
	margin-bottom: 0;
}

.single-product .product .woocommerce-product-gallery {
	position: relative;
	float: left;
}

.single-product .product .woocommerce-product-gallery a {
	display: flex;
	align-items: flex-start;
	/* Fix - Image stretch in iOS/Safari */
}

.single-product .product .woocommerce-product-gallery__trigger {
	position: absolute;
	top: 16px;
	right: 16px;
	display: block;
	z-index: 99;
}

.single-product .product .woocommerce-product-gallery__wrapper {
	margin: 0;
}

.single-product .product .woocommerce-product-gallery .flex-viewport {
	border-radius: 2px;
}

.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
	padding: 0;
}

.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li {
	list-style: none;
	cursor: pointer;
	line-height: unset;
}

.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li img {
	height: 70px;
	width: 70px;
	border-radius: 4px;
}

.single-product .product .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active {
	border: 2px solid var(--zakra-color-1, #027abb);
}

.single-product .product .entry-summary {
	flex: 1 1 calc(var(--entry-summary-width, 50%) - 1em);
}

.single-product .product .entry-summary .woocommerce-product-rating {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.single-product .product .entry-summary .woocommerce-review-link {
	font-size: 1.4rem;
	color: gray;
	margin-left: 16px;
}

.single-product .product .entry-summary .woocommerce-review-link:hover {
	color: var(--zakra-color-1, #027abb);
}

.single-product .product .entry-summary .woocommerce-review-link .count {
	all: unset;
}

.single-product .product .entry-summary .onsale {
	position: unset;
	display: inline-block;
}

.single-product .product .entry-summary .price {
	font-size: 1.8rem;
}

.single-product .product .entry-summary .stock,
.single-product .product .entry-summary .available-on-backorder {
	font-style: italic;
}

.single-product .product .entry-summary .cart {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 24px;
	margin-top: 24px;
}

.single-product .product .entry-summary .variations__form table.variations {
	position: relative;
	margin-bottom: 40px;
}

.single-product .product .entry-summary .variations__form select {
	padding: 16px;
	width: 100%;
}

.single-product .product .entry-summary .variations__form .reset_variations {
	position: absolute;
	top: calc(100% + 16px);
	right: 0;
}

.single-product .product .entry-summary .variations__form .single_variation {
	margin-top: 16px;
	margin-bottom: 32px;
}

.single-product .product .entry-summary .variations_button {
	display: flex;
}

.single-product .product .entry-summary .qty {
	width: 100px;
	padding: 8px 24px;
}

.single-product .product .entry-summary .single_add_to_cart_button {
	width: 100px;
	padding: 8px 24px;
	border-radius: 4px;
}

.single-product .product.product-type-external .entry-summary .single_add_to_cart_button {
	margin-left: unset;
}

.single-product .product .wc-tabs-wrapper {
	flex-basis: 100%;
}

.single-product .product .product_meta {
	display: flex;
	flex-direction: column;
	margin-top: 24px;
	padding: 16px 0;
	border-top: 1px solid #D4D4D8;
	border-bottom: 1px solid #D4D4D8;
}

.single-product .product .product_meta > span {
	margin: 8px 0;
}

.single-product .product .variations label {
	margin-bottom: 0;
}

.single-product .product table td {
	border: 0;
}

.single-product .product .woocommerce-grouped-product-list-item {
	column-gap: 2px;
}

.single-product .product .product_title {
	margin-top: 30px;
}

.single-product .related,
.single-product .upsells {
	grid: unset;
	grid-gap: 0;
	margin: 40px 0;
	width: 100%;
}

.single-product .related .product,
.single-product .upsells .product {
	all: unset;
	list-style: none;
	position: relative;
	overflow: hidden;
}

.single-product .shop_attributes {
	background: #FFF;
	border-radius: 2px;
}

.single-product .shop_attributes p {
	margin: 0;
}

.single-product .comment-form {
	margin-top: 16px;
}

.single-product ol.commentlist {
	list-style: none;
	margin: 0;
}

.single-product ol.commentlist > li {
	padding: 16px 16px 0;
	border-bottom: 1px solid gray;
	border-radius: 2px;
	margin-bottom: 16px;
}

.single-product ol.commentlist .children {
	margin-left: 16px;
	border-bottom: 1px solid gray;
}

.single-product ol.commentlist .children:last-child {
	border-bottom: 0;
}

.single-product ol.commentlist .children li {
	border-top: 1px solid gray;
	padding-top: 16px;
}

.single-product ol.commentlist .comment_container {
	display: flex;
}

.single-product ol.commentlist .avatar {
	width: 40px;
	height: 40px;
	margin-right: 16px;
	border-radius: 100%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.single-product .comment-respond {
	margin-top: 32px;
}

.single-product .comment-respond .comment-reply-title {
	font-size: 2.4rem;
	font-weight: 500;
}

.single-product .comment-respond .comment-form {
	background: #FFF;
	padding: 16px 0;
}

.single-product .comment-respond label {
	display: block;
	margin-bottom: 8px;
}

.single-product .comment-respond input[type="text"],
.single-product .comment-respond input[type="email"],
.single-product .comment-respond input[type="number"] {
	width: 100%;
}

.single-product .comment-respond input[type="checkbox"] {
	margin-right: 8px;
}

.single-product .comment-respond .comment-form-cookies-consent {
	display: flex;
	align-items: baseline;
}

.quantity input {
	border: 1px solid #D4D4D8;
	border-radius: 4px;
}

.reset_variations {
	margin-left: 1em;
}

.stock:empty::before {
	display: none;
}

.stock.in-stock {
	color: var(--zakra-color-1, #027abb);
}

.stock.out-of-stock {
	color: #e2401c;
}

@media screen and (min-width: 768px) {
	.single-product .product {
		flex-direction: unset;
	}

	.single-product .product .woocommerce-product-gallery {
		flex: 1 1 calc(var(--product-gallery-width, 50%) - 1em);
	}

	.single-product .product .product_title {
		margin-top: 0;
	}

	.single-product .related,
	.single-product .upsells {
		margin: 60px 0;
	}

	.single-product .upsells + .related {
		margin-top: 0;
	}

	.comment-respond {
		width: 100%;
	}
}