/*
Theme Name:   Weldo - Child theme
Theme URI:    https://webdesign-finder.com/weldo-v2
Description:  Extra Small child theme of Weldo theme
Author:       the MWTemplates team
Author URI:   https://themeforest.net/user/mwtemplates
Template:     weldo
Version:      1.0.0
License:      Commercial
License URI:  https://themeforest.net/licenses/regular_extended
Text Domain:  weldo
Domain Path:  /languages
Tags:         blog, e-commerce, news, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, block-styles, wide-blocks, left-sidebar, right-sidebar, one-column, two-columns, grid-layout, microformats, post-formats, translation-ready
*/

/* Breadcrumb copy placed immediately before the category widget by functions.php. */
#aside .shop-sidebar-breadcrumbs{
	display: none;
	font-size: .875rem;
	letter-spacing: -.015em;
}

@media (min-width: 1201px){
	#aside .widgets-wrap > :has(.shop-sidebar-breadcrumbs){
		display: none !important;
	}
}

@media (max-width: 1200px){
	/* Keep only the sidebar copy below the search widget on tablet and mobile. */
	.post-type-archive-product #title .breadcrumbs,
	.tax-product_cat #title .breadcrumbs,
	.single-product #title .breadcrumbs{
		display: none;
	}

	.post-type-archive-product .column-aside .widgets-wrap > .shop-sidebar-breadcrumbs,
	.tax-product_cat .column-aside .widgets-wrap > .shop-sidebar-breadcrumbs,
	.single-product .column-aside .widgets-wrap > .shop-sidebar-breadcrumbs{
		display: flex;
		align-items: center;
		order: 2 !important;
		flex: 1 1 100%;
		margin: 0 0 32px;
		padding: 0;
		background: transparent;
		line-height: 1.6;
	}

	/* A Shortcode widget wraps the breadcrumb, so order the widget itself. */
	.post-type-archive-product .column-aside .widgets-wrap > :has(.shop-sidebar-breadcrumbs),
	.tax-product_cat .column-aside .widgets-wrap > :has(.shop-sidebar-breadcrumbs),
	.single-product .column-aside .widgets-wrap > :has(.shop-sidebar-breadcrumbs){
		order: 2 !important;
		flex: 1 1 100%;
		margin: 0 0 32px;
	}

	.post-type-archive-product .column-aside .widgets-wrap :has(> .shop-sidebar-breadcrumbs) .shop-sidebar-breadcrumbs,
	.tax-product_cat .column-aside .widgets-wrap :has(> .shop-sidebar-breadcrumbs) .shop-sidebar-breadcrumbs,
	.single-product .column-aside .widgets-wrap :has(> .shop-sidebar-breadcrumbs) .shop-sidebar-breadcrumbs{
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
		background: transparent;
		line-height: 1.6;
	}

	/* Override the desktop-only #aside selector above. */
	#aside .widgets-wrap > :has(.shop-sidebar-breadcrumbs) .shop-sidebar-breadcrumbs{
		display: flex;
	}

	.shop-sidebar-breadcrumbs a,
	.shop-sidebar-breadcrumbs span.breadcrumb_last,
	.shop-sidebar-breadcrumbs span > span:last-child{
		display: inline-block;
		padding: 0 8px;
	}

	.shop-sidebar-breadcrumbs span > span:first-child a{
		padding-left: 0;
	}
}

/* A leaf category is plain text, so it must not display a navigation chevron. */
#woocommerce_product_categories-2 .product-categories > li.cat-item-none{
	padding: .75rem 0 !important;
}

#woocommerce_product_categories-2 .product-categories > li.cat-item-none::before{
	display: none !important;
}

/* A category without children keeps the chevron, but it is less prominent. */
#woocommerce_product_categories-2.category-menu-accordion .product-categories li:not(.cat-parent)::before{
	opacity: .25;
}

/* Keep the selected leaf category visible and make its active state clear. */
#woocommerce_product_categories-2.category-menu-accordion .product-categories > li.current-cat > a{
	font-weight: 700;
}

/* Search result pages do not need a separate breadcrumb trail. */
.search #title .breadcrumbs{
	display: none;
}

/* Search results: show the complete sidebar before the result list on tablet/mobile. */
@media (max-width: 1200px){
	.search .main-columns{
		display: flex;
		flex-direction: column;
	}

	.search .column-aside,
	.search .column-aside .widgets-wrap{
		display: contents;
	}

	.search .widget_product_search{
		order: 1;
		flex: 1 1 100%;
		margin-bottom: 32px;
	}

	.search .widget_product_categories,
	.search .column-aside .widgets-wrap > [id^="woocommerce_product_categories-"],
	.search .column-aside .widgets-wrap > #nav_menu-3{
		order: 2 !important;
		flex: 1 1 100%;
		margin: 0 0 32px;
	}

	.search .column-aside .widgets-wrap > :not(.widget_product_search):not(.widget_product_categories){
		order: 3;
		margin: 0 0 32px;
	}

	.search .column-main{
		order: 4;
	}
}

/* Preserve readable product-description tables on narrow screens. */
@media (max-width: 767px){
	.single-product .product-description-table-scroll{
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.single-product .product-description-table-scroll table{
		width: max-content;
		min-width: 100%;
		max-width: none;
	}

	.single-product .product-description-table-hint{
		display: none;
		margin: 16px 0;
		font-size: .75rem;
		font-weight: 600;
		letter-spacing: .02em;
		text-align: center;
		color: var(--colorMain);
	}

	.single-product .product-description-table-hint.is-visible{
		display: block;
	}
}
.single-product p24-installment {
	display: none !important;
}

/* Keep the gallery viewport within its column after a mobile rotation. */
@media (max-width: 767px) {
	/* This wrapper otherwise shrink-wraps the stale landscape image width. */
	.woo:not(.single-post) div.product .product-wrap{
		float: none;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.single-product .woocommerce-product-gallery,
	.single-product .woocommerce-product-gallery .flex-viewport{
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a > img{
		display: block;
		max-width: 100%;
		height: auto;
	}
}

/* The Shop archive has no useful trail on phones; retain it for categories/products. */
@media (max-width: 767px) {
	.post-type-archive-product #aside .widgets-wrap > :has(.shop-sidebar-breadcrumbs) {
		display: none !important;
	}
}

@media (max-width: 599px) {
	/* Reserve a separate, fixed slot for each mobile-header control. */
	#header.header-4 > .container,
	#header.header-4 > .container-fluid{
		display: grid;
		grid-template-columns: minmax(0, 1fr) repeat(3, 44px);
		column-gap: .5rem;
		align-items: center;
	}

	#header.header-4 .logo-wrap{
		grid-column: 1;
		justify-self: start;
		min-width: 0;
		margin-right: 0;
	}

	#header.header-4 .header-cart-toggle,
	#header.header-4 .header-search-toggle,
	#header.header-4 #nav_toggle{
		width: 44px;
		height: 44px;
		min-width: 44px;
		margin: 0 !important;
		padding: 0;
		align-self: center;
	}

	#header.header-4 .header-cart-toggle{
		grid-column: 2;
		display: inline-flex;
		position: relative;
		align-items: center;
		justify-content: center;
		color: var(--colorMain);
	}

	#header.header-4 .header-search-toggle{
		grid-column: 3;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* The search control reuses .nav-btn, whose decorative bar is not wanted here. */
	#header.header-4 .header-search-toggle::before{
		display: none;
	}

	#header.header-4 #nav_toggle{
		grid-column: 4;
	}

	#header.header-4 .header-cart-toggle svg,
	#header.header-4 .header-search-toggle svg{
		width: 24px;
		height: 24px;
		fill: currentColor;
	}

	#header.header-4 .header-cart-count{
		position: absolute;
		top: 1px;
		right: 1px;
		min-width: 17px;
		height: 17px;
		padding: 0 4px;
		border-radius: 50%;
		background: var(--colorMain);
		color: #fff;
		font-size: .65rem;
		line-height: 17px;
		text-align: center;
	}

	/* Keep the fixed mobile navigation out of the header's layout flow. */
	#header.header-4 > .container,
	#header.header-4 > .container-fluid{
		display: flex;
		position: relative;
		justify-content: flex-start;
	}

	#header.header-4 .logo-wrap{
		align-self: center;
	}

	#header.header-4 .logo-wrap img{
		width: auto;
		max-width: min(35vw, 145px);
		height: auto;
	}

	#header.header-4 .header-cart-toggle,
	#header.header-4 .header-search-toggle,
	#header.header-4 #nav_toggle{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		min-width: 40px;
	}

	#header.header-4 #nav_toggle{
		right: .75rem;
	}

	#header.header-4 .header-search-toggle{
		right: calc(5.25rem + 20px);
	}

	#header.header-4 .header-cart-toggle{
		right: calc(8.125rem + 20px);
	}
}