/* Bookly Responsive Appointment Booking Tool
----------------------------------------------------------------- */

@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";


.bookly-form {
	.select_container:after {
		font-size: 15px;
		right: 0.3em;
	}
	select {
		padding: 6px 8px !important;
	}
	input[type="text"],
	input[type="number"],
	input[type="password"],
	select,
	textarea {
		padding: 6px 8px !important;
		@include border-radius(0 !important);
		color: var(--theme-color-input_text) !important;
		background-color: var(--theme-color-input_bg_color) !important;
		border-color: var(--theme-color-input_bd_color) !important;
		&:focus {
			color: var(--theme-color-input_dark) !important;
			background-color: var(--theme-color-input_bg_hover) !important;
			border-color: var(--theme-color-input_bd_hover) !important;
		}
	}
	&::placeholder {
		color: var(--theme-color-input_light) !important;
	}
	.bookly-btn, .bookly-btn > span {
		@include font(11px !important, 19px !important, 700 !important);
		text-transform: uppercase !important;
		letter-spacing: 2.2px !important;
		@include border-radius(0 !important);
	}
	.bookly-nav-steps {
		border-color: var(--theme-color-bd_color) !important;
	}
	.bookly-progress-tracker .step {
		background: var(--theme-color-bd_color);
	}
	.bookly-progress-tracker > div:last-child .step,
	.bookly-progress-tracker > div:first-child .step {
		@include border-radius(0);
	}
	/* Calendar */
	.picker__header {
		letter-spacing: 0.7px !important;
		text-transform: uppercase !important;
		font-style: normal !important;
	}
	.picker__year {
		font-style: normal !important;
	}
	.picker__weekday {
		font-size: 13px !important;
		font-weight: 500 !important;
		letter-spacing: 0.7px !important;
	}
	.picker__button--today,
	.picker__button--clear {
		@include font(11px !important, 22px !important, 700 !important);
		text-transform: uppercase !important;
		letter-spacing: 2.2px !important;
		@include border-radius(0 !important);
	}
	.picker__day--selected,
	.picker__day--selected:hover,
	.picker--focused .picker__day--selected,
	.picker__day--infocus:hover,
	.picker__day--outfocus:hover,
	.picker--focused .picker__day--highlighted,
	.picker__holder {
		@include border-radius(0 !important);
	}
	.picker__holder {
		border: none !important;
	}
	.picker--opened .picker__holder {
		@include box-shadow(none !important);
	}
	.picker__nav--prev,
	.picker__nav--next {
		@include border-radius(0 !important);
	}
	.bookly-service-step {
		.bookly-week-days  {
			input[type="checkbox"] {
				position: static !important;
				clip:auto !important;
				+ label:before {
					display: none;
				}
			}
		}
	}
	.bookly-service-step,
	.bookly-repeat-step  {
		.bookly-week-days label {
			margin: -15px auto 0;
		}
	}
	.bookly-time-range {
		select {
			padding: 6px 20px 6px 8px !important;
			min-width: 95px;
		}
	}
}
/* Responsive */
@media (max-width: 767px) {
	.bookly-mobile-step-1, 
	.bookly-details-step {
		margin-right: 0;
	}
}