/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.3.49
*/
/* hide breadcrumbs */
.woocommerce-breadcrumb { visibility:hidden; }

.hide-it{
	display:none;
}

/*
*  New design, shop cat menus
*/
.main-navigation ul li.full-width>.sub-menu-wrapper>.container>ul.sub-menu>li.shop_cat {
	width:100%;
}
/* Base styles for the vendor list */
.vendor-list-columns .vendor-list {
    display: flex;
    flex-wrap: wrap; 
    justify-content: flex-start;
    padding: 0 0;
    gap: 20px; 
    margin: 0;
    list-style: none;
}

/* Default to 3 columns */
.vendor-list-columns.columns-3 .vendor-list li,
.vendor-list-columns.columns-2 .vendor-list li,
.vendor-list-columns.columns-4 .vendor-list li,
.vendor-list-columns.columns-5 .vendor-list li {
    flex: 0 0 calc(33.333% - 20px);
}
/* Override for 1 columns */
.vendor-list-columns.columns-1 .vendor-list li {
    flex: 0 0 100%;
	justify-content:left;
}

/* Override for 2 columns */
.vendor-list-columns.columns-2 .vendor-list li {
    flex: 0 0 calc(50% - 20px);
}

/* Override for 4 columns */
.vendor-list-columns.columns-4 .vendor-list li {
    flex: 0 0 calc(25% - 20px);
}

/* Override for 5 columns */
.vendor-list-columns.columns-5 .vendor-list li {
    flex: 0 0 calc(20% - 20px);
}

/* Responsive adjustments for screens below 993px */
@media (max-width: 993px) {
 .vendor-list-columns.columns-3 .vendor-list li,
.vendor-list-columns.columns-2 .vendor-list li,
.vendor-list-columns.columns-4 .vendor-list li,
.vendor-list-columns.columns-5 .vendor-list li{
        flex: 1 1 100%; 
    }
}


/**
 * alt menu for vendor shops
 */
/* Hide the menu toggle button by default */
body.mc-vendor-page .mc-toggle-menu-button {
	display: none;
	text-shadow: none;
}

.logo-small{
	display:none;
	width:80px;
	line-height: 60px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Mobile menu on vendor */
@media (min-width: 993px) {
	.is_stuck .logo-small {
		display: inline-block;
		position: absolute;
		padding-right: 2em;
	}
}
.is_stuck .logo-small{
	display: inline-block;
}

/* Vendor name on pages and products */
.vendor-name-display {
	color: #292929;
	opacity: 0;
	transition: opacity 0.3s ease;
	/* Define scroll-driven animation */
	animation: reveal-on-scroll forwards;
	animation-timeline: scroll();
	animation-range: 100px 300px; /* Start at 10px of scroll and complete at 11px */

}
.vendor-name-display.vendor-name-display a{
	color: #292929;
}

@keyframes reveal-on-scroll {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@supports not (animation-timeline: scroll()) {
	.vendor-name-display {
		position: sticky;
		top: 0;
		opacity: 0;
	}

	/* Adding a class that can be toggled with minimal JS if needed */
	.vendor-name-display.is-visible {
		opacity: 1;
	}
}

button.menu-toggle.menu-toggle{
	border: none !important;
}

.shoptimizer-primary-navigation.col-full .vendor-name-display {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	order: 3;
	flex-grow: 1;
	gap: 1rem;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	bottom:0;
}
.shoptimizer-primary-navigation.col-full .vendor-name-display.vendor-name-display a{
	color: #292929;
}

nav#site-navigation.main-navigation{
	background-color: #ffffff;
	z-index: 1000;
}

.site-logo.mobile-only .custom-logo{
	max-width: 80px;
	margin: 10px auto;
}

/* Show it only above 992px */
@media (min-width: 993px) {
	.mc-toggle-menu-button {
		display: flex;
		align-items: center;
		gap: 8px;
		/* Add any other styling you want */
		cursor: pointer;
		background: transparent;
		border: none;
		padding: 10px;
	}

	/* Style for the svg icons */
	.mc-toggle-menu-button svg {
		width: 24px;
		height: 24px;
	}

	/* Styles for all vendor pages */
	body.mc-vendor-page .main-navigation,
	body.mc-vendor-page .main-header.col-full,
	body.mc-vendor-page .secondary-navigation {
		display: none;
	}

	body.mc-vendor-page .content-area{
		width:100%;
	}
	/* Vendor shop/archive specific styles */
	body.mc-vendor-shop-page .some-element {
		/* Custom styles for vendor shops only */
	}

	/* Vendor single product specific styles */
	body.mc-vendor-product-page .some-element {
		/* Custom styles for vendor products only */
	}

	/* show mc logo on single product */
	.sticky-d.single-product .logo-small{
/*		display: inline-block;*/
	}
	.sticky-d.single-product .is_stuck .primary-navigation.with-logo .menu-primary-menu-container{
		margin-left: 68px;
	}

	body.mc-vendor-page .mc-toggle-menu-button {
		top: 1rem;
		left: 1rem;
		z-index: 1000;
		background: transparent;
		color: #111;
		border: none;
		font-weight: bold;
		font-size: 14px;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 0.5rem;
		margin-right: 1rem;
	}

	body.mc-vendor-page .mc-toggle-menu-button:hover,
	body.mc-vendor-page .mc-toggle-menu-button:focus{
		background-color: transparent;
	}

	body.mc-vendor-page .mc-toggle-menu-button {
		order: 1;
		flex-shrink: 0;
	}

	body.mc-vendor-page .main-navigation {
		order: 2;
		flex-grow: 1;
	}
	body.mc-vendor-page button.menu-toggle{
		left: 15px;
		width: 60px;
		height: 30px;
	}

	nav.site-header-cart.menu {
		order: 3;
	}

	body:not(.header-4).sticky-d .col-full-nav.col-full-nav.is_stuck,
	body:not(.mobile-toggled).sticky-m .site-header {
		box-shadow: none;
	}

}
body:not(.header-4).sticky-d .col-full-nav.is_stuck,
body:not(.mobile-toggled).sticky-m .site-header
	{
	border-bottom: 1px solid #dcdcde;
}

/* removing limitations from main theme */
@media (max-width: 992px) {
	.vendor-name-display{
		line-height: 1.2;
		font-size: 24px;
	}
	.mc-shopheader h1.mc-shop-name{
		font-size: 36px;
		line-height:1.2;
	}
	body.wcvendors .col-full-nav{
	}
}

.mc-shop-banner img{
	max-height: 420px;
}

/**
 * Flexbox Container for Vendors
 */

.mc-vendors-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 10px 0;
}

/* Individual Vendor Card */
.mc-vendor {
	flex: 1 1 310px;
	max-width: 360px; /* Maximum width constraint */
	margin: 0;
	transition: transform 0.3s ease;
}

.mc-vendor:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	transform: scale(0.97); /* Shrink effect on hover */
}

.mc-vendor a {
	text-decoration: none;
	color: inherit;
	display: block;
	height: 100%;
}

.mc-vendor-frame {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: unset;
	overflow: hidden;
}

/* Image container styling */
.mc-vendor-avatar {
	position: relative;
	width: 100%;
	padding-bottom: 75%; /* Aspect ratio */
	overflow: hidden;
}

/* Image styling */
.mc-vendor-avatar img.store-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mc-vendor-info {
	padding: 15px;
	text-align: center;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Vendor name styling to match Elementor headings */
.mc-vendor-name {
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: var(--e-global-typography-primary-font-weight, bold);
	font-size: var(--e-global-typography-h4-font-size, 18px);
	line-height: var(--e-global-typography-h4-line-height, 1.2);
	margin-bottom: 5px;
}

.mc-shop-footer.mc-shop-footer{
	margin-top: 30px ;
}
.mc-vendor-page .mc-shop-footer.mc-shop-footer .mc-shop-footer-headline,
.mc-vendor-page .mc-shop-footer.mc-shop-footer .mc-vendors-container{
	display: none;
}

/** shop information style changes */
.woocommerce-page .woocommerce-tabs h2 {
	font-weight: 500;
	font-size:22px;
}
.woocommerce-page .woocommerce-tabs h4, .wcv-cols-group .wcvendors-table h4 {
	font-weight: 500;
	font-size:18px;
}
.wcv-navigation ul{
	list-style: none;
}

/***
 * Vendor dashboard
 */

.wcv-cols-group.wcv-horizontal-gutters .all-40.small-100 .button.shop_coupon{
	display: none;
}

.wcv-flex{
	gap:10px;
}
/* hide setup and charts */
.wcv-total-orders-chart{display:none;}
.wcv-sales-snapshot{display:none;}
.wcv-store-setup-steps-wrapper{display:none;}


/*
* related products carrousel
 */
.owl-carousel.owl-drag .owl-item{
	max-width:300px;
}