/*
Theme Name: Debait
Theme URI: https://debait.co.uk
Author: Webilist Oy
Author URI: https://webilist.fi
Description: Theme made for Debait
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
Text Domain: debait_theme
*/

/*
 *	Contains
 *	1.0 Resets, globals, etc.
 *  2.0 Inputs, buttons
 *	3.0 Product/booking page
 */


/*
 *	1.0 Resets, globals, etc.
 */


:root {
	font-size: 16px;
}

html, body {
	box-sizing: border-box;
}
.wp-block-template-part { margin-top: 0 !important; }
/* Sticky logo */
.sticky-logo {
	position: sticky;
	top: 32px;
}

@media(max-width: 781px) {
	.hide-md {
		display: none;
	}
}

/*
 *	2.0 Inputs, buttons
 */
.bookly-btn,
button,
.custom-button {
	background-color: var(--wp--preset--color--yellow) !important;
	color: var(--wp--preset--color--black)!important;
	border-radius: 80px !important;
	font-weight: bold !important;
	font-size: var(--wp--preset--font-size--normal) !important;
	padding: .5rem 1.5rem !important;
}
.custom-button { font-size: 1.35rem; position: relative; top: -1rem; text-decoration: none; }
@media(max-width:781px) {
	.custom-button { top: -0.825rem; font-size: 1rem; }
}
button:hover,
.wp-block-button__link:hover,
.custom-button:hover {
	text-decoration: underline;
}

input[type="tel"],
input[type="text"],
.bookly-form input[type="text"] {
	width: 100%;
	display: block;
	box-sizing: border-box;
	background-color: #F2F2F2;
	color: #B7B7B7;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	font-size: 1rem !important;
	padding: .825rem !important;
}
input[type="text"]:focus,
.bookly-form input[type="text"]:focus {
	color: #000;
}
label,
.bookly-form-group label,
.bookly-form-group > label {
	color: #FFF !important;
}


/*
 * 3.0 Product/booking page
 * - This includes also replacing styles for the booking form on the booking page (product page)
 */

.booking-cols {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 1rem;
}
.booking-col {
	flex: 0 0 calc(50% - .5rem);
}

@media(max-width: 461px) {
	.booking-cols {
		flex-direction: column;
	}
	.booking-col {
		flex: 0 0 100%;
	}
}

.bookly-css-root br { display: none !important; }
.bookly-css-root br.show { display: block !important; }
.bookly-css-root p,
.bookly-css-root h1,
.bookly-css-root h2,
.bookly-css-root h3 { padding-bottom: .5rem; }
.bookly-stepper { display: none !important; }
.booking-title {
	font-family: var(--wp--preset--font-family--cal-sans), sans-serif;
  	font-size: var(--wp--preset--font-size--xx-large) !important;
}
.booking-price * {
	font-size: var(--wp--preset--font-size--x-large);
}
.booking-choose-title {
	font-size: var(--wp--preset--font-size--large);
}
.bookly-progress-tracker.bookly-table, .bookly-stepper {
   display: none;
}
.bookly-day {
 color: #000;
}
.booking-title {font-size: 36px !important; }
.booking-choose-title { margin-bottom: 0.5rem;}

/* Bookly columns and timing buttons */
button.bookly-time-next .ladda-label:contains("hide"),
button.bookly-time-next .ladda-label[data-text="hide"] {
    display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
.bookly-columnizer-wrap {
	height: auto !important;
}
.bookly-columnizer {
	display: block;
	overflow: hidden;
}
.bookly-time-screen {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1rem;
}
.bookly-column {
	flex: 0 0  100%; /*calc(50% - .5rem);*/
	display: flex;
	align-items: center;
	background: #F2F2F2;
	border: 1px solid #000;
}
.bookly-column:hover * {
	text-decoration: underline;
}
.bookly-column *,
.bookly-form.bookly-columnizer.bookly-day,
.bookly-form.bookly-schedule-date {
  background: transparent;
}

@media(max-width: 461px) {
	.bookly-time-step {
		width: 100% !important;
	}
	.bookly-column {
		flex: 0 0 100%;
		width: 100%;
	}
}

button.bookly-day, button.bookly-hour {
  margin: 0;
  padding: 10px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  background: transparent !important;
  transition: background-color 0.3s ease;
}
button.bookly-hour {
	width: 100% !important;
}
.bookly-modal-dialog {
	display: none !important;
}
.bookly-time-next.bookly-btn,
.bookly-next-step.bookly-js-next-step.bookly-btn.ladda-button,
.bookly-back-step.bookly-js-back-step.bookly-btn.ladda-button {
	background-color: var(--wp--preset--color--yellow);
	color: var(--wp--preset--color--black);
	font-size: var(--wp--preset--font-size--normal);
	font-weight: bold;
	padding: .5rem 1.5rem ;
	border-radius: 80px ;
	text-transform: unset;
}
.bookly-btn span {
	color: var(--wp--preset--color--black);
	font-family: var(--wp--preset--font-family--martian-mono);
	text-transform: unset;
	}
.bookly-form .bookly-btn:hover,
.bookly-next-step.bookly-js-next-step.bookly-btn ladda-button:hover {
	background-color: var(--wp--preset--color--yellow);
	text-decoration: underline;
}
.bookly-form .bookly-btn:hover span { text-decoration: underline; }

.bookly-columnizer.bookly-time-screen {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.bookly-nav-steps  {
	margin-top: 1rem;
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

@media screen and (max-width: 650px) {
  .bookly-form ol.bookly-stepper {
    display: none;
  }
}

/* Yhteystiedot */
.bookly-box.bookly-table {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.bookly-form .bookly-form-group > label { color: #FFF;
font-size: var(--wp--preset--font-size--normal);}

.bookly-label-error,
.bookly-js-user-phone-error.bookly-label-error,
.bookly-js-user-email-error.bookly-label-error {
  color: #FF8383;
  font-size: var(--wp--preset--font-size--normal) !important;
  margin-top: .5rem;
}

.bookly-form-group:not(:last-child) > div {
margin-right: 0;
}

.bookly-nav-steps {
  border-top: 0;
}
.separator {
  width: 100%;
  height: 1px;
  background: #FFFFFF;
}
.bookly-css-root b, .bookly-css-root strong {
  font-weight: normal;
}

@media(max-width: 421px) {
	.bookly-nav-steps {		
	  margin-top: 1rem;
	  display: flex;
	  flex-direction: column-reverse;
	  gap: 1rem;
	  align-items: flex-start;
	}
}

/* Summary */
.booking-order-summary {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin: 1rem 0;
}
.booking-summary-title {
	font-size: var(--wp--preset--font-size--normal);
}

/* intlTelInput.js */
.iti__country-container {display: none !important;}
.iti__flag {
    background-image: url("../images/flags.png?1");
}

@media only screen and (min-resolution: 2dppx) {
    .iti__flag {
        background-image: url("../images/flags@2x.png?1")
    }
}
.bookly-payment-nav {
	margin-top: 1rem;
}

/* Coupon section */

.bookly-list:has(.bookly-user-coupon) {
	display: grid;
	gap: 1rem;
	grid-template-columns: 75% 1fr;
	grid-template-rows: auto auto;
}
.bookly-list:has(.bookly-user-coupon) .bookly-user-coupon {
	grid-column: 1/2;
	grid-row: 1/2;
}
.bookly-list:has(.bookly-user-coupon) .bookly-js-apply-coupon {
	grid-column: 2/3;
	grid-row: 1/2;
}
.bookly-list:has(.bookly-user-coupon) .bookly-label-error {
	grid-column: 1/3;
	grid-row: 2/3;
}
@media(max-width: 481px) {
	.bookly-list:has(.bookly-user-coupon) {
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto auto;
	}
	.bookly-list:has(.bookly-user-coupon) .bookly-user-coupon {
		grid-column: 1/3;
		grid-row: 1/2;
	}
	.bookly-list:has(.bookly-user-coupon) .bookly-js-apply-coupon {
		grid-column: 1/2;
		grid-row: 2/3;
	}
	.bookly-list:has(.bookly-user-coupon) .bookly-label-error {
		grid-column: 1/3;
		grid-row: 3/4;
	}

}