/* Theme style rules for 768px screens and greater.

	* Table of contents

	- Defaults
		- Others
	- Header
		- Header menu
	- Footer
		- Footer logo
		- Social media icons
		- Contact data
		- Footer menus
		- Payment methods
	- Other site parts
		TODO: Remove menu point if theme NOT use special breadcrumbs on product page.
		- Breadcrumb
	- Front page
		- Main slider
		- Front banner
		- Instagram
		- Front subscription
	- Category page
		- Products grid
		- Products animation
	- Product page
		- Product gallery
		- Product summary
	- My account
		- Menu
		- Orders table
	- Cart & Checkout
		- Items
 */

/* Defaults
================================================================================================= */

/* Others
------------------------------------------------------------------------------------------------- */

.admin-bar .site-container {
	min-height: calc( 100vh - 32px );
}

/* Header
================================================================================================= */

.admin-bar .site-header {
	top: 32px;
}

/* Header menu
------------------------------------------------------------------------------------------------- */

.nav-menu-mobile--container ul.sub-menu li.column-1,
.nav-menu-mobile--container ul.sub-menu li.column-2,
.nav-menu-mobile--container ul.sub-menu li.column-3 {
	width: 33.3333%;
}

.nav-menu-mobile--container ul.sub-menu li.column-3 {
	display: block;
}

/* Footer
================================================================================================= */

.site-footer {
	font-size: 1.4rem;
}

.footer-content {
	grid-template-columns: 1fr 335px;
	grid-template-areas:
		"lg sb"
		"sm sb"
		"pm sb"
		"cd cd"
		"ms ms";
	max-width: unset;
	margin-bottom: 0;
}

/* Footer logo
------------------------------------------------------------------------------------------------- */

.footer-logo__wrap {
	justify-self: start;
}

/* Social media icons
------------------------------------------------------------------------------------------------- */

.social-media__wrap {
	justify-self: start;
}

/* Contact data
------------------------------------------------------------------------------------------------- */

.footer-content .contact-data__data {
	justify-self: start;
}

/* force .wrap */
.contact-data__container {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: -10px;
	margin-left: -10px;
}

/* Footer menus
------------------------------------------------------------------------------------------------- */

/* force .wrap */
.footer-menu__container,
.footer-menu__wrap {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: -10px;
	margin-left: -10px;
}

.footer-menu__wrap:last-child {
	border-bottom: none;
}

/* Payment methods
------------------------------------------------------------------------------------------------- */

.footer-payment__wrap {
	justify-content: start;
}

/* Other site parts
================================================================================================= */

/* TODO: Remove block if theme NOT use special breadcrumbs on product page. */
/* Breadcrumb
------------------------------------------------------------------------------------------------- */

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

.single-product .breadcrumb__wrap {
	display: none;
}

.single-product .summary .breadcrumb__wrap {
	grid-area: l;
	display: block;
	padding: 0 0 30px;
}

/* Front page
================================================================================================= */

.home .wrap {
	max-width: unset;
}

/* Main slider
------------------------------------------------------------------------------------------------- */

.main-slider__container {
	position: relative;
}

.main-slider__arrow {
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: calc( -20px / 2 );
	cursor: pointer;
	z-index: 20;
}

.main-slider__arrow svg {
	width: 100%;
	height: 100%;
}

.main-slider__arrow_prev path,
.main-slider__arrow_next path {
	opacity: 0.5;
	stroke-opacity: 0.5;
	transition: opacity .3s, stroke-opacity .3s;
}

.main-slider__arrow_prev:hover path,
.main-slider__arrow_next:hover path {
	opacity: 1;
	stroke-opacity: 1;
}

.main-slider__arrow_prev {
	left: 10px;
}

.main-slider__arrow_next {
	right: 10px;
}

/* Front banner
------------------------------------------------------------------------------------------------- */

.front-banner__container {
	margin-bottom: 60px;
}

/* Instagram
------------------------------------------------------------------------------------------------- */

.insta-feed-account {
	text-align: center;
}

.insta-feed-account-link {
	font-size: 3rem;
}

.insta-feed-account-icon {
	display: none;
}

/* Front subscription
------------------------------------------------------------------------------------------------- */

.subscription-form_front {
	display: block;
}

.subscription-form_front .subscription-form__title {
	margin-bottom: 30px;
}

.subscription-form_front .subscription-form__wrap {
	max-width: 340px;
	margin-right: auto;
	margin-left: auto;
}

/* Category page
================================================================================================= */

/* Products grid
------------------------------------------------------------------------------------------------- */

.woocommerce.archive ul.products {
	grid-template-columns: repeat( 3, 1fr );
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	font-size: 1.6rem;
}

.woocommerce ul.products li.product .price {
	font-size: 1.6rem;
}

.woocommerce ul.products li.product .price del {
	font-size: 1.4rem;
}

/* Products animation
------------------------------------------------------------------------------------------------- */

ul.products li.product:nth-child( 3n - 2 ) {
	--animate-delay: 0s;
}

ul.products li.product:nth-child( 3n - 1 ) {
	--animate-delay: .25s;
}

ul.products li.product:nth-child( 3n ) {
	--animate-delay: .5s;
}

/* Product page
================================================================================================= */

/* Product gallery
------------------------------------------------------------------------------------------------- */

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
	margin-right: -10px;
	margin-left: -10px;
}

.woocommerce div.product div.images.woocommerce-product-gallery .slick-slide {
	padding-right: 10px;
	padding-left: 10px;
}

/* Product summary
------------------------------------------------------------------------------------------------- */

/* TODO: Remove rule if theme NOT use special breadcrumbs on product page. */
.product .summary {
	/* TODO: Remove "r r" row if theme NOT use Flag to product. */
	grid-template-areas:
		"l l"
		"t b"
		"s s"
		"r r"
		"p p"
		"z z"
		"c c"
		"f f";
}

.woocommerce div.product form.cart {
	margin-bottom: 20px;
}

.single_variation_wrap {
	position: relative;
	padding: 0;
	border-width: 0;
	z-index: 1;
}

/* My account
================================================================================================= */

/* Menu
------------------------------------------------------------------------------------------------- */

.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 100%;
	padding: 0 0 40px;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	column-gap: 20px;
	gap: 20px;
	justify-content: space-between;
}

.woocommerce-MyAccount-navigation-link {
	flex: 1;
	max-width: 230px;
	margin-top: 0;
	margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
	/* force WC styles */
	width: 100%;
	margin-bottom: 40px;
}

/* Orders table
------------------------------------------------------------------------------------------------- */

.order-items__wrap {
	padding-top: 5px;
	padding-bottom: 5px;
}

.order-item {
	grid-template-columns: 46px repeat( 4, auto );
	align-items: center;
	font-size: 1.6rem;
}

.order-item__img {
	grid-row: unset;
}

.order-item__name,
.order-item__attrs,
.order-item__price,
.order-item__quantity {
	grid-column: unset;
}

.order-item__name {
	font-size: 2rem;
}

.order-item__attrs {
	column-gap: 30px;
	gap: 30px;
}

.order-item__attrs .color-title,
.order-item__attrs .size-title {
	margin-right: 10px;
}

/* Cart & Checkout
================================================================================================= */

/* Items
------------------------------------------------------------------------------------------------- */

.woocommerce-cart-form__contents {
	grid-template-columns: repeat( 2, 1fr );
	gap: 20px;
}