/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* PUBLO — стилі дочірньої теми (hello-elementor child), яких немає в Elementor-kit.
   Кольори — лише глобальні змінні Kit: --e-global-color-<id>.
   c000001 Black(#294B60) · c000002 White(#EDE6DA) · c000031 Milk · c000032 Ink80 · c000037 Sand60 · c000038 Sand40 · c000039 Sand20 */

/* ---------- Contact Form 7 у темних картках (форми запису/бронювання) ---------- */
.cf7-form .cf7-grid { display: flex; flex-direction: column; gap: 16px; }
.cf7-form .cf7-field { display: flex; flex-direction: column; gap: 8px; }
.cf7-form .cf7-label {
	font: 500 12px/1.25 "Inter Tight", sans-serif; text-transform: uppercase;
	color: var(--e-global-color-c000002);
}
.cf7-form input[type="text"],
.cf7-form input[type="tel"],
.cf7-form input[type="email"],
.cf7-form select,
.cf7-form textarea {
	width: 100%; margin: 0; padding: 23px 24px; border-radius: 0;
	background: transparent; border: 1px solid var(--e-global-color-c000039);
	color: var(--e-global-color-c000002);
	font: 500 12px/1.25 "Inter Tight", sans-serif; text-transform: uppercase;
	transition: border-color .2s;
}
.cf7-form input:focus, .cf7-form select:focus, .cf7-form textarea:focus { outline: 0; border-color: var(--e-global-color-c000037); }
.cf7-form ::placeholder { color: var(--e-global-color-c000038); opacity: 1; }
.cf7-form textarea { height: 63px; min-height: 63px; resize: vertical; }
.cf7-form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 30px) 50%, calc(100% - 24px) 50%; background-size: 6px 6px; background-repeat: no-repeat; }
.cf7-form select option { color: var(--e-global-color-c000001); }
.cf7-form .cf7-note {
	margin: 0; font: 500 12px/1.4 "Inter Tight", sans-serif; text-transform: uppercase;
	color: var(--e-global-color-c000038);
}
.cf7-form .cf7-submit input[type="submit"] {
	width: 100%; border: 1px solid var(--e-global-color-c000002); border-radius: 100px; padding: 15px 24px; cursor: pointer;
	background: var(--e-global-color-c000002); color: var(--e-global-color-c000001);
	font: 500 14px/1.2 "Inter Tight", sans-serif; text-transform: uppercase; transition: background .2s, color .2s;
}
.cf7-form .cf7-submit input[type="submit"]:hover { background: transparent; color: var(--e-global-color-c000002); }
.cf7-form .wpcf7-not-valid-tip { margin-top: 6px; font-size: 12px; color: #F2B8A8; }
.cf7-form .wpcf7-response-output { margin: 16px 0 0 !important; padding: 12px 16px !important; border-color: var(--e-global-color-c000039) !important;
	color: var(--e-global-color-c000002); font: 500 12px/1.4 "Inter Tight", sans-serif; text-transform: uppercase; }

/* ---------- Стрілки каруселей як у макеті (пігулки 120×48, рамка) ---------- */
.rooms-slider .elementor-swiper-button,
.gallery .elementor-swiper-button {
	width: 120px; height: 48px; border-radius: 70px; border: 1px solid currentColor;
	display: flex; align-items: center; justify-content: center;
}
@media (max-width: 767px) {
	.rooms-slider .elementor-swiper-button, .gallery .elementor-swiper-button { width: 72px; height: 40px; }
}

/* ---------- Активний пункт меню шапки — повна непрозорість (як «UA» у макеті) ---------- */
.main-header .elementor-nav-menu a.elementor-item-active { color: var(--e-global-color-c000001) !important; }