/*
 * Dragon Tavern — frontend styles.
 *
 * Styles for the kept frontend output: settings shortcodes, timetable
 * and the Elementor booking form. Theme authors can override these rules
 * with higher specificity or dequeue the stylesheet.
 */

/* ---------------------------------------------------------------------------
   Settings Shortcodes
   --------------------------------------------------------------------------- */

.tavern-address {
	white-space: pre-line;
}

.tavern-phone {
	text-decoration: none;
}

.tavern-phone:hover {
	text-decoration: underline;
}

.tavern-yandex-map {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.tavern-yandex-map__iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Timetable */
.tavern-timetable {
	color: rgba(255, 255, 255, 0.50);
	font-family: "El Messiri";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 19.6px */
	letter-spacing: -0.28px;
}

.tavern-timetable__hours {
	color: #FFF;
	font-family: "El Messiri";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.28px;
}

/* Стилизация формы Elementor для создания бронирования */
input[type="checkbox"] {
	display: inline;
}

input[type="checkbox"]+label {
	color: #FFFFFFAA;
	font-family: "Inter";
	font-size: 12px;
	line-height: normal;
	letter-spacing: -0.12px;
}

label[for="form-field-consent"]+div span {
	display: block;
}

button[type="submit"] {
	background: url(/wp-content/uploads/2026/08/button-flag.png);
	background-position: center center;
	background-color: transparent !important;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 440px;
	height: 60px;
	margin: 30px 0;
	font-family: 'El Messiri' !important;
	font-size: 18px !important;
	text-transform: uppercase;
}

button[type="submit"]:hover {
	cursor: pointer;
	filter: drop-shadow(0 0 20px #6d1212);
}

form[name="bookingForm"] input {
	background-color: #141415 !important;
	border: none !important;
	border-radius: 6px;
}

form label a {
	color: #fff;
	opacity: 0.6;
	text-decoration: underline !important;
}
form label a:hover {
	color: #fff;
	opacity: 0.4;
	text-decoration: none !important;
}

.elementor-widget-form .elementor-message {
	font-size: 11px;
	margin: 0;
	padding-top: 5px;
}

.elementor-widget-form .elementor-message.elementor-message-success {
	color: green;
}

.elementor-widget-form .elementor-message.elementor-message-danger {
	color: #d9534f;
}

@media (max-width: 1023px) {

	input[type="checkbox"]+label {
		font-size: 10px;
		letter-spacing: -0.12px;
	}

	button[type="submit"] {
		width: 100%;
	}
}
@media (max-width: 767px) {

	input[type="checkbox"]+label {
		font-size: 10px;
		letter-spacing: -0.12px;
	}

	button[type="submit"] {
		width: 100%;
	}
}