/* Main Content */
@media (max-width: 479px) {
	.woocommerce-page:not(.woocommerce-order-received, .woocommerce-lost-password) main.wd-content-layout {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Hero Banner */
@media (max-width: 768px) {
	section.hero-banner {
		margin-left: -35px;
		margin-right: -35px;
		margin-top: -40px;
		max-width: calc(70px + 100%);
	}
}

/* Main Menu */
@media (max-width: 479px) {
	.mobile-nav.wd-side-hidden.wd-opened {
		width: 100vw;
	}
}
.mobile-nav .mobile-pages-menu.wd-active,
.mobile-nav .mobile-categories-menu.wd-active {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.mobile-nav .mobile-pages-menu li,
.mobile-nav .mobile-categories-menu li a {
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	padding: 1rem 0.5rem;
	border-bottom: none;
	text-align: center;
}
.mobile-nav .mobile-categories-menu li a img.wd-nav-img {
	max-height: none;
}
/* .mobile-nav .mobile-categories-menu li a .nav-link-text {
	display: none;
} */
.mobile-nav .mobile-pages-menu li.bi:before {
	font-size: 2rem;
}
.mobile-nav .mobile-pages-menu li.current-menu-item.bi:before {
	color: var(--nav-color-active);
}
.mobile-nav .mobile-pages-menu li a {
	padding: 0px;
	border-bottom: none;
	min-height: auto;
	text-align: center;
}
.mobile-nav .mobile-pages-menu li:has(a[href="#"]) {
	grid-column: 1 / -1;
	background: var(--brdcolor-gray-300);
	height: 1px;
	padding: 0;
	margin: 1rem 0;
}
.mobile-nav .mobile-pages-menu a[href="#"] {
	font-size: 0;
	min-height: 0;
}
.mobile-nav .mobile-pages-menu .woodmart-nav-link:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0;
}

/* Mobile bottom navbar */
.wd-toolbar.wd-toolbar-label-show {
	background-color: var(--secondary-brand);
}
.wd-toolbar.wd-toolbar-label-show .wd-tools-element > a {
	color: white;
}
.wd-toolbar.wd-toolbar-label-show .wd-tools-element > a img {
	filter: brightness(0) invert(1);
}
.wd-toolbar .wd-toolbar-label {
	inset-inline: auto;
}

/* Account Details */
@media (max-width: 768px) {
	#my_account_additional_fields .acf-fields {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 479px) {
	.woocommerce-EditAccountForm.edit-account > fieldset {
		padding: 20px;
	}
}

/* Account Order List */
@media (max-width: 769px) {
    .woocommerce-orders-table :is(th,td):before {
        content: attr(data-title) !important;
        margin-inline-end: auto;
    }
    .woocommerce-orders-table :is(th,td) {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px;
        padding: 0;
        border-bottom: none;
    }
}

/* Order Details Summary Top */
@media (max-width: 576px) {
	.order-details-summary-top {
		flex-direction: column;
		padding: 0;
	}
	.order-details-summary-top li {
		display: flex;
		gap: 1rem;
		justify-content: space-between;
		padding: 0;
	}
	.order-details-summary-top li > span {
		text-align: left;
	}
	.order-details-summary-top li > strong {
		text-align: right;
	}
}

/* Checkout */
@media (max-width: 940px) {
	.woocommerce-checkout form.wd-checkout-form > div > div > div > div:nth-child(2) > div {
		--padding-left: 10px !important;
    	--padding-right: 10px !important;
	}
}
@media (max-width: 768px) {
	.wd-checkout-form > .elementor > div {
		overflow: hidden;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
	}
	.wd-checkout-form > .elementor > div > .e-con-inner {
		width: 200%;
		gap: 0;
		flex-direction: row;
	}
	.wd-checkout-form > .elementor > div > .e-con-inner > div:first-child {
		width: 50%;
		scroll-snap-align: end;
	}
	.wd-checkout-form > .elementor > div > .e-con-inner > div:last-child {
		width: 50%;
		scroll-snap-align: center;
	}
	.wd-checkout-form .wc-checkout-step {
		display: inline-flex;
		width: 100%;
		background: var(--secondary-brand);
		color: white;
		margin: 1rem 0;
	}
}