/* 22-02-2025 */
.contact-number {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
}

.site-main-nav {
	display: flex;
	align-items: center;
	gap: 20px;
}

.zero-horizontal-padding {
	display: flex;
	justify-content: end;
	align-items: center;
}


.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background-color: white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s ease-in-out;
}

.user-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.dropdown {
	position: relative;
	display: inline-block;
}

#user-dropdown {
	cursor: pointer;
	font-weight: bold;
}

.dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	border: 1px solid #ccc;
	min-width: 150px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 10px;
	z-index: 1000;
	list-style: none;
	margin: 0;
	border-radius: 8px;
}

.dropdown-menu li {
	margin: 5px 0;
}

.dropdown-menu li a {
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	color: #333;
	border-radius: 5px;
	transition: background-color 0.3s;
}


.dropdown:hover .dropdown-menu {
	display: block;
}

.btns-hvr {
	border: unset !important;
	padding: 10px !important;
}



.rounded-circle {
	border-radius: 50% !important;
}

.profile-widget .profile-widget-picture {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
	float: left;
	width: 100px;
	margin: -35px -5px 0 30px;
	position: relative;
	z-index: 1;
}

.user-dashboard-active {
	font-weight: bold;
	color: #fff !important;
	/* or your theme's highlight color */
}


.user-card-body h5 {
	font-size: 18px;
	font-weight: 600;
}

.user-card-body h2 {
	font-size: 36px;
}

.line-chart-container {
	background: white;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	text-align: center;
	width: 100%;
	min-height: 474px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.line-chart-container h2 {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}

.line-chart-container canvas {
	max-width: 100%;
	height: auto;
}


span.badge-warning {
	color: #fea569 !important;
	background-color: rgba(254, 165, 105, 0.2509803922);
	font-weight: 600;
	font-size: 16px;
}

span.badge-danger2 {
	color: #f34770 !important;
	background-color: rgba(243, 71, 112, 0.2509803922);
	font-weight: 600;
}

.__badge {
	padding: 6px 10px 5px;
	border-radius: 15px;
}

img.rounded-circle.profile-widget-picture {
	width: 100px;
}

form#user-profile {
	padding: 20px;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
}

.customTextareaMoreDetails {
	width: 100% !important;
	height: 200px !important;
	resize: none !important;
	border-radius: 35px !important;
	background: #F5F8FA !important;
	color: #000 !important;
	border: 1px solid lightgray !important;
}

/* harshit code 30-08-2025 */
.loader-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	flex-direction: column;
	color: white;
}

.loader {
	border: 6px solid #f3f3f3;
	border-top: 6px solid #012549;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
}

.processing {
	font-size: 18px !important;
	line-height: 26px;
	color: black !important;
	font-weight: 900;
	font-family: 'Lora', serif;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}





.empty {
	background-color: transparent;
	cursor: default;
}

.strikethrough {
	background-color: gray;
	color: white;
	pointer-events: none;
	/* block click on booked */
}

.available {
	background-color: #4CAF50;
	/* green */
	color: white;
	cursor: pointer;
	border-radius: 5px;
}

.day:hover.available {
	background-color: #45a049;
}

.day.strikethrough {
	background-color: gray;
	color: white;
	cursor: not-allowed;
	pointer-events: auto;
	opacity: 0.6;
	border-radius: 5px;
}

.day.past {
	cursor: not-allowed;
	color: #1c1c1c;
	background-color: #f5f5f5;
	pointer-events: auto;
	font-size: 14px;
}


.day .available {
	background-color: #4CAF50;
	/* green */
	color: white;
	cursor: pointer;
	/* normal pointer for available dates */
	border-radius: 5px;
}

.day:hover.available {
	background-color: #45a049;
	/* slightly darker green on hover */
}

/* 22-09-2025 @loader css */

   .loader-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        flex-direction: column;
        color: white;
    }
    .loader {
        border: 6px solid #f3f3f3;
        border-top: 6px solid #012549;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 1s linear infinite;
    }
    .processing{
        font-size: 18px;
        line-height: 26px;
        color: black;
        font-weight: 900;
        font-family: 'Lora', serif;
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

@media (max-width:500px) {
	.day.strikethrough {
		border-radius: 5px;
	}

	.days {
		gap: 3px;
	}

	.day {
		padding: 3px;
	}

	.price {
		font-size: 12px;
	}

	.available {
		border-radius: 5px;
	}

	.day-number {
		font-size: 14px;
	}
}