/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
:root {
	--global--font-family--primary: "Fixel Text", sans-serif;
	
	--global--color--black: #1e1e1e;
	--global--color--white: #FCFCFC;
	--global--color--gray: #C6C4C4;
	--global--color--dark-gray: #7B7979;
	--global--color--light-gray: #F0F0F0;
	--global--color--success-light: #E5F6EC;
	--global--color--success: #4CAF50;
	
	--global--color--text: var(--global--color--black);
}

/* Components */
.link {
	font-size: 1rem;
	line-height: 1.5rem;
	font-family: var(--global--font-family--primary);
	font-weight: 400;
	display: flex;
	gap: 8px;
}

.link.link--white {
	color: var(--global--color--white);
}

.link.link--text-underline {
	text-decoration: underline;
}

.link--location::before,
.link--chatting::before,
.link--gmail::before {
	content: "";
	width: 24px;
	height: 24px;
	display: flex;
	background: url(./assets/icons/location-white.svg) left center / 24px 24px no-repeat;
	flex: 0 0 auto;
}

.link--chatting::before {
	background: url(./assets/icons/chatting-white.svg) left center / 24px 24px no-repeat;
}

.link--gmail::before {
	background: url(./assets/icons/gmail-white.svg) left center / 24px 24px no-repeat;
}

@media (max-width: 767px) {
	.footer-link .link {
		font-size: 12px;
		line-height: 18px;
		font-weight: 400;
	}	
}

.link.link--arrow {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 500;
	gap: 8px;
	width: max-content;
	
}

@media (max-width: 767px) {
	.link.link--arrow {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

.link.link--arrow-back {
	display: flex;
	flex-flow: row;
	gap: 8px;
	align-items: center;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

@media (max-width: 767px) {
	.link.link--arrow-back {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

.link.link--arrow-back::before,
.link.link--arrow::after {
	content: "";
	display: flex;
	width: 32px;
	height: 32px;
	background: url(./assets/icons/arrow-right.svg) center center / 32px 32px no-repeat;
}

.link.link--arrow-back::before {
	transform: rotate(-180deg);
}

.link.link--info {
	color: var(--global--color--dark-gray);
	font: 500 1.125rem/1.75rem var(--global--font-family--primary);
	text-decoration: underline;
}

@media (max-width: 767px) {
	.link.link--info {
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
	}
}

/* Mini Cart */
.mini-cart {
	display: block;
}

a.mini-cart__anchor {
	display: flex;
	flex-flow: row;
	align-items: center;
	gap: 8px;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 500;
	font-family: var(--global--font-family--primary);
}

.mini-cart__anchor span {
	display: flex;
}

@media (max-width: 767px) {
	.mini-cart__anchor span:last-child {
		display: none;
	}
}

/* Mobile Menu */
.mobile-menu > div {
	transition: all .3s ease;
	opacity: 1;
}

.mobile-menu.active > div:nth-child(2),
.mobile-menu.active > div:nth-child(3) {
	opacity: 0;
}

.payment-and-delivery {
	margin-top: 8px;
}

/* Mobile Menu Hamburger */
.mobile-menu-hamburger {
	display: flex;
	width: 24px;
	height: 24px;
	background: url(./assets/icons/Burger.svg) center center / 24px 24px no-repeat;
	transition: all .3s ease;
}

.mobile-menu.active .mobile-menu-hamburger {
	background: url(./assets/icons/Close.svg) center center / 24px 24px no-repeat;
}

/* Mobile Menu Dropdown */
.mobile-menu-dropdown {
	display: none;
}

/* Footer */
.icon-list.elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text {
	padding-inline-start: 0px;
}

/* Collage Accessory */
/*.collage-accessory::after {
	content: "";
	display: flex;
	width: 239px;
	height: 257px;
	background: url(./assets/icons/snow.svg) center center / 239px 257px no-repeat;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
}
*/
@media (max-width: 767px) {
	.collage-accessory::after {
		width: 93px;
		height: 100px;
		background-size: 93px 100px;
		left: 40px;
		top: 404px;
		background: url(./assets/icons/snow-mob.svg) center center / 93px 100px no-repeat;
	}
}

/* Woocommerce Products */
.products-container {
	display: flex;
	flex-flow: row;
	gap: 20px;
}

@media (max-width: 767px) {
	.products-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		gap: 16px;
	}
}

.products-container.catalog {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 767px) {
	.products-container.catalog {
		grid-template-columns: repeat(2, 1fr);
	}
}

.product-card {
	position: relative;
	display: flex;
	flex-flow: column;
	gap: 12px;
}

.product-card__anchor {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.product-card__thumbnail-container {
	display: flex;
}

.product-card__info {
	display: flex;
	flex-flow: column;
	gap: 12px;
	padding: 0 12px;
}

@media (max-width: 767px) {
	.product-card__info {
		padding: 0;
		gap: 28px;
	}
}

.product-card__title {
	font: 500 1.125rem/1.75rem var(--global--font-family--primary);
	color: var(--global--color--text);
	margin: 0;
}

.product-card__price {
	font: 500 1.5rem/2rem var(--global--font-family--primary);
	color: var(--global--color--text);
}

/* Breadcrumbs */
.rank-math-breadcrumb {
	display: flex;
	gap: 8px;
}

.rank-math-breadcrumb a,
.rank-math-breadcrumb .last {
	font-size: 400 1rem/1.5rem var(--global--font-family--primary);
}

.rank-math-breadcrumb .last {
	color: var(--global--color--dark-gray);
}

/* Product terms */
.product-terms {
	display: flex;
	width: 100%;
	justify-content: center;
	flex-flow: row wrap;
	gap: 24px;
}

@media (max-width: 767px) {
	.product-terms {
		justify-content: flex-start;
		gap: 16px;
	}
}

.product-term,
a.product-term {
	display: flex;
	padding: 12px 20px;
	border: 1px solid var(--global--color--gray);
	font: 500 1.5rem/2rem var(--global--font-family--primary);
	color: var(--global--color--dark-gray);
}

@media (max-width: 767px) {
	a.product-term {
		padding: 8px 12px;
		font: 500 1rem/1.5rem var(--global--font-family--primary);
	}
}

.product-term--active,
a.product-term--active {
	border: 1px solid var(--global--color--text);
	color: var(--global--color--text)
}

/* Products Pagination */
.product-pagination-container {
	margin-top: 40px;
}

.products-pagination {
	display: flex;
	width: 100%;
	gap: 8px;
    align-items: center;
}

@media (max-width: 767px) {
	.products-pagination {
		padding: 8px 0;
	}
}

.link--chevron {
	display: flex;
	width: 56px;
	height: 56px;
	background: url(./assets/icons/chevron-left.svg) center center / 56px 56px no-repeat;
}

@media (max-width: 767px) {
	.link--chevron {
		width: 32px;
		height: 32px;
	}
}

.link--chevron-left {
	background: url(./assets/icons/chevron-left.svg) center center / 56px 56px no-repeat;
}

.products-pagination .prev {
	margin-right: auto;
}

.link--chevron-right {
	background: url(./assets/icons/chevron-right.svg) center center / 56px 56px no-repeat;
}

.products-pagination .next {
	margin-left: auto;
} 

.products-pagination .page-numbers {
	display: flex;
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
	font: 500 1.125rem/1.75rem var(--global--font-family--primary);
	color: var(--global--color--gray);
}

@media (max-width: 767px) {
	.products-pagination .page-numbers {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

.products-pagination .page-numbers.current {
	font: 500 1.5rem/2rem var(--global--font-family--primary);
	border: 1px solid var(--global--color--text);
	color: var(--global--color--text);
}

@media (max-width: 767px) {
	.products-pagination .page-numbers.current {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
}