/*
    Theme Name:   Botiga Child Theme
    description: A child theme of the Botiga theme
    Template:     botiga
    Version:      1.0.0
*/

ul.missing {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

ul.missing li {
	line-height: 1.2em;
	list-style: none !important;
}

.um-row-heading {
	font-size: 25px !important;
	font-weight: 700;
}

body {
	text-decoration: none;
	text-transform: none;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: 0;
}

body > * {
	overflow: hidden;
}

.main-navigation a {
	line-height: 1.35em;
}

.admin-bar .botiga-offcanvas-menu {
	top: 46px !important;
}

a.mobile-menu-close {
	position: absolute;
	top: 0;
	right: 0;
}

.footer-widgets-grid.align-middle {
	align-items: flex-start !important;
}

.woocommerce-sorting-wrapper {
	border-bottom: 0 !important;
}

.woocommerce-page-header {
	padding: 2em 0 4em !important;
	/* background-color: #efefef; */
}

.woocommerce-page-header h1 {
	font-size: 35px !important;
}

p {
	margin-bottom: 1em !important;
	margin-top: 0 !important;
}

header .container {
	max-width: 1440px;
}

.botiga-page-builder-mode .entry-content > * {
	max-width: 1440px;
}

.container-fluid {
	max-width: 1440px;
	margin: 0 auto;
}

.content-wrapper {
	margin-top: 40px;
	margin-bottom: 80px;
}

.max-w-sm {
	max-width: 835px;
	margin: 0 auto;
}

.max-w-md {
	max-width: 1150px;
	margin: 0 auto;
}

/* Basic Reset */
/* -----------------------
   Scoped to .members-nav
   ----------------------- */

/* Basic Reset */
.members-nav * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.members-nav {
    background-color: #333;
    font-family: Arial, sans-serif;
    position: relative; /* To position the hamburger */
	width: 100%;
}

.members-nav .menu > li > a::after {
	content: "";
        display: none !important;
    }


/* Navigation Menu */
.members-nav .menu {
    list-style: none;
    display: flex;
    justify-content: flex-start;
}

.members-nav .menu > li {
    position: relative;
	display: flex
}

.members-nav .menu > li > a {
    display: inline-block;
    padding: 15px 10px;
    color: #fff;
    text-decoration: none;
}

.members-nav .menu > li:hover > a,
.members-nav .menu > li:focus-within > a {
    background-color: #444;
}

.members-nav .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #444;
    min-width: 200px;
    list-style: none;
    z-index: 1000;
}

.members-nav .sub-menu li a {
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    display: block;
}

.members-nav .sub-menu li a:hover,
.members-nav .sub-menu li a:focus {
    background-color: #555;
}

/* Show dropdown on hover */
.members-nav .menu > li:hover > .sub-menu,
.members-nav .menu > li:focus-within > .sub-menu {
    display: block;
}

/* Responsive Styling */
@media (max-width: 768px) {
    
    /* Hide the menu by default on mobile */
    .members-nav .menu {
        flex-direction: column;
        display: none; /* Hidden, will be shown when active */
        width: 100%;
    }

    /* Menu active state */
    .members-nav .menu.active {
        display: flex;
    }

    .members-nav .menu > li {
        width: 100%;
    }

    .members-nav .sub-menu {
        position: static;
        min-width: 100%;
    }

    /* Adjust padding for mobile menu items */
    .members-nav .menu > li > a {
        padding: 15px 20px;
    }

    /* Hide dropdowns by default on mobile */
    .members-nav .sub-menu {
        display: none;
        flex-direction: column;
    }

    /* Show dropdowns when parent has 'active' class */
    .members-nav .menu > li.active > .sub-menu {
        display: flex;
    }

    /* Optional: Add transition for smooth opening */
    .members-nav .menu,
    .members-nav .sub-menu {
        transition: all 0.3s ease;
    }
}


/* ============================== Salon Nav ============================== */
ul#menu-members {
	justify-content: flex-end;
}

.members-nav {}

/* ============================== HOMEPAGE ============================== */

@media (max-width: 1875px) {
	.slider .swiper-slide {
		height: 37vw !important;
	}

	.slider .elementor-slides .swiper-slide-inner {
		padding: 0 !important;
	}

	.slider .swiper-slide-bg {
		background-size: 100% !important;
		background-position: top center !important;
	}
}

@media (max-width: 1200px) {
	.slider .swiper-slide {
		height: 38vw !important;
	}
}

@media (max-width: 768px) {
	.slider .swiper-slide {
		height: 39vw !important;
	}
}

@media (max-width: 500px) {
	ul#menu-members {
		display: none;
	}
	.slider .swiper-slide {
		height: 43vw !important;
	}
}

/* =============== Homepage brands section =============== */
.brands .athemes-blocks-block-container-wrapper-content {
	padding: 0;
}

.brands img {
	max-width: 250px;
	width: 100%;
}

/* =============== FORM =============== */
#app .leading-5 {
	line-height: 1.45rem !important;
}

#app .field strong {
	font-size: 15px;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 2em;
}

.wpcf7-list-item-label {
	margin-left: 5px;
	font-weight: 500;
}

.wpcf7-form-control.wpcf7-checkbox > span:first-of-type,
.wpcf7-form-control.wpcf7-radio > span:first-of-type {
	margin-left: 0;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}



@media (min-width: 640px) {
	#app .sm\:col-span-2 p,
	#app .sm\:col-span-3 p,
	#app .sm\:col-span-6 p {
		display: none;
	}

	#app .sm\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}
	#app .sm\:flex-row {
		flex-direction: row !important;
	}
	#app .sm\:py-8 {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	#app .sm\:col-span-6 {
		grid-column: span 6 / span 6;
	}
	#app .sm\:col-span-3 {
		grid-column: span 3 / span 3;
	}
	#app .sm\:col-span-2 {
		grid-column: span 2 / span 2;
	}
	#app .sm\:mr-10 {
		margin-right: 2.5rem;
	}
	#app .sm\:max-w-xs {
		max-width: 20rem;
	}
	#app .sm\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	#app .sm\:flex-row {
		flex-direction: row;
	}
	#app .sm\:px-10 {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	#app .sm\:py-6 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	#app .sm\:text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
}

@media (min-width: 782px) {
	.brands .wp-block-column:not(:first-child) {
		margin-left: 4em;
	}
}

@media (min-width: 1200px) {
	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1440px !important;
	}
}

@media (max-width: 991px) {
	.brands img {
		max-width: 150px;
		width: 100%;
	}
}

@media (max-width: 600px) {
	.wpcf7-list-item {
		display: block;
		margin-left: 0;
	}

	.brands .wp-block-image .aligncenter {
		margin: -1em auto;
		text-align: center;
	}

	.brands .pro-tan {
		margin-bottom: 0;
	}
}