/**
 * Blog Archive Header
 * @package WeTheme
 */

.bah-wrapper {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.bah-wrapper1 {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 20px;
    margin-top: 10px;
	padding: 20px 33px;
}

.bah-breadcrumbs-wrap {
	flex: 1;
	overflow: hidden;
}

.bah-breadcrumbs-wrap .woocommerce-breadcrumb {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: bold;
	color: #969fae;
}

.bah-breadcrumbs-wrap .woocommerce-breadcrumb a {
	text-decoration: none;
	transition: all 0.3s;
	color: #969fae;
}

.bah-breadcrumbs-wrap .sep {
	margin: 0 8px;
	display: inline-flex;
	align-items: center;
}

.bah-separator {
	font-size: 13px;
}

.bah-tabs-wrap {
	display: flex;
	align-items: center;
}

.bah-tabs-list {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 28px;
}

.bah-tab-item {
	font-size: 13px;
	font-weight: bold;
}

.bah-tab-link {
	text-decoration: none;
	transition: all 0.3s;
}

.bah-tab-item.active .bah-tab-link {
	color: #000;
}

.bah-tab-link:hover {
	color: #000;
}

/* Theme Toggle */
.bah-theme-toggle {
	margin-inline-start: 12px;
}
.bah-theme-toggle .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
.bah-theme-toggle .switch .bah-theme-toggle-input {
	opacity: 0;
	width: 0;
	height: 0;
}
.bah-theme-toggle .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2196f3;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	z-index: 0;
	overflow: hidden;
}
.bah-theme-toggle .sun-moon {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: yellow;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.bah-theme-toggle .bah-theme-toggle-input:checked + .slider {
	background-color: black;
}
.bah-theme-toggle .bah-theme-toggle-input:focus + .slider {
	box-shadow: 0 0 1px #2196f3;
}
.bah-theme-toggle .bah-theme-toggle-input:checked + .slider .sun-moon {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	background-color: white;
	-webkit-animation: rotate-center 0.6s ease-in-out both;
	animation: rotate-center 0.6s ease-in-out both;
}
.bah-theme-toggle .moon-dot {
	opacity: 0;
	transition: 0.4s;
	fill: gray;
}
.bah-theme-toggle .bah-theme-toggle-input:checked + .slider .sun-moon .moon-dot {
	opacity: 1;
}
.bah-theme-toggle .slider.round {
	border-radius: 34px;
}
.bah-theme-toggle .slider.round .sun-moon {
	border-radius: 50%;
}
.bah-theme-toggle [id^="moon-dot-1"] {
	left: 10px;
	top: 3px;
	position: absolute;
	width: 6px;
	height: 6px;
	z-index: 4;
}
.bah-theme-toggle [id^="moon-dot-2"] {
	left: 2px;
	top: 10px;
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 4;
}
.bah-theme-toggle [id^="moon-dot-3"] {
	left: 16px;
	top: 18px;
	position: absolute;
	width: 3px;
	height: 3px;
	z-index: 4;
}
.bah-theme-toggle [id^="light-ray-1"] {
	left: -8px;
	top: -8px;
	position: absolute;
	width: 43px;
	height: 43px;
	z-index: -1;
	fill: white;
	opacity: 10%;
}
.bah-theme-toggle [id^="light-ray-2"] {
	left: -50%;
	top: -50%;
	position: absolute;
	width: 55px;
	height: 55px;
	z-index: -1;
	fill: white;
	opacity: 10%;
}
.bah-theme-toggle [id^="light-ray-3"] {
	left: -18px;
	top: -18px;
	position: absolute;
	width: 60px;
	height: 60px;
	z-index: -1;
	fill: white;
	opacity: 10%;
}
.bah-theme-toggle .cloud-light {
	position: absolute;
	fill: #eee;
	animation-name: cloud-move;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}
.bah-theme-toggle .cloud-dark {
	position: absolute;
	fill: #ccc;
	animation-name: cloud-move;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-delay: 1s;
}
.bah-theme-toggle [id^="cloud-1"] {
	left: 30px;
	top: 15px;
	width: 40px;
}
.bah-theme-toggle [id^="cloud-2"] {
	left: 44px;
	top: 10px;
	width: 20px;
}
.bah-theme-toggle [id^="cloud-3"] {
	left: 18px;
	top: 24px;
	width: 30px;
}
.bah-theme-toggle [id^="cloud-4"] {
	left: 36px;
	top: 18px;
	width: 40px;
}
.bah-theme-toggle [id^="cloud-5"] {
	left: 48px;
	top: 14px;
	width: 20px;
}
.bah-theme-toggle [id^="cloud-6"] {
	left: 22px;
	top: 26px;
	width: 30px;
}
@keyframes cloud-move {
	0% { transform: translateX(0px); }
	40% { transform: translateX(4px); }
	80% { transform: translateX(-4px); }
	100% { transform: translateX(0px); }
}
.bah-theme-toggle .stars {
	transform: translateY(-32px);
	opacity: 0;
	transition: 0.4s;
}
.bah-theme-toggle .star {
	fill: white;
	position: absolute;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	animation-name: star-twinkle;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.bah-theme-toggle .bah-theme-toggle-input:checked + .slider .stars {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.bah-theme-toggle [id^="star-1"] {
	width: 20px;
	top: 2px;
	left: 3px;
	animation-delay: 0.3s;
}
.bah-theme-toggle [id^="star-2"] {
	width: 6px;
	top: 16px;
	left: 3px;
}
.bah-theme-toggle [id^="star-3"] {
	width: 12px;
	top: 20px;
	left: 10px;
	animation-delay: 0.6s;
}
.bah-theme-toggle [id^="star-4"] {
	width: 18px;
	top: 0px;
	left: 18px;
	animation-delay: 1.3s;
}
@keyframes star-twinkle {
	0% { transform: scale(1); }
	40% { transform: scale(1.2); }
	80% { transform: scale(0.8); }
	100% { transform: scale(1); }
}
/* Responsive Styles */

@media (max-width: 1200px) {
	.bah-wrapper {
		gap: 12px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.bah-breadcrumbs-wrap {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.bah-wrapper {
		margin-bottom: 24px;
	}
	
	.bah-tabs-list {
		gap: 16px;
	}
}

@media (max-width: 640px) {
	.bah-wrapper {
		margin-bottom: 12px;
	}
}


body.bah-theme-dark {
	background-color: #19191a;
}

body:not(.bah-theme-dark) {
}

body {
	transition: background-color 0.3s ease;
}