/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
.luxury-reserve-form {
  margin: 0 auto;
  border-radius: 2px;
}

.luxury-reserve-form .form-row {
  display: flex;
  gap: 15px;
  margin-bottom: 24px;
}

.luxury-reserve-form .form-field {
  flex: 1;
  margin-bottom: 24px;
}

.luxury-reserve-form .form-row .form-field {
  margin-bottom: 0;
}

.luxury-reserve-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #2B1B12;
  margin-bottom: 14px;
  font-family: Georgia, 'Times New Roman', serif;
}
.luxury-reserve-form br {
    display: none !important;
}
.luxury-reserve-form input[type="text"],
.luxury-reserve-form input[type="tel"],
.luxury-reserve-form input[type="email"],
.luxury-reserve-form input[type="number"],
.luxury-reserve-form input[type="date"],
.luxury-reserve-form textarea {
  width: 100%;
  background: #FAFAFA;
  border: 1px solid #A6592E;
  border-radius: 2px;
  padding: 14px 16px;
  font-size: 15px;
  color: #2B1B12;
  font-family: Georgia, 'Times New Roman', serif;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.luxury-reserve-form input::placeholder,
.luxury-reserve-form textarea::placeholder {
  color: #9C8F84;
  font-style: italic;
}

.luxury-reserve-form input:focus,
.luxury-reserve-form textarea:focus {
  outline: none;
  border-color: #5C3A21;
  box-shadow: 0 0 0 3px rgba(92, 58, 33, 0.12);
}

.luxury-reserve-form textarea {
  max-height: 150px;
  resize: vertical;
}

.luxury-reserve-form .allergy-check-field {
  margin-bottom: 28px;
}

.luxury-reserve-form .wpcf7-list-item {
  margin: 0;
}

.luxury-reserve-form .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  color: #3C2A1E;
  cursor: pointer;
}

.luxury-reserve-form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #A6592E;
  cursor: pointer;
}

.luxury-reserve-form textarea.allergy-required {
  border-color: #5C3A21;
  box-shadow: 0 0 0 3px rgba(92, 58, 33, 0.12);
}

.luxury-reserve-form input[type="submit"] {
  width: 100%;
  background: #5C3A21;
  color: #F7E3CF;
  border: none;
  padding: 18px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Georgia, 'Times New Roman', serif;
  cursor: pointer;
  transition: background 0.2s ease;
}

.luxury-reserve-form input[type="submit"]:hover {
  background: #4A2E19;
}

.luxury-reserve-form .wpcf7-not-valid-tip {
  color: #A6592E;
  font-size: 12px;
  margin-top: 6px;
  font-style: italic;
}

.luxury-reserve-form .wpcf7-response-output {
  border-radius: 2px;
  margin-top: 20px;
}
span.wpcf7-spinner {
    position: absolute;
    left: 60%;
    bottom: 30px;
}
.luxury-reserve-form p {
    margin-bottom: 0;
}
.mainMenu .elementskit-menu-overlay {
    transition: 0.6s cubic-bezier(0.22, 0.61, 0.24, 1);
}

.mainMenu #ekit-megamenu-main-menu {
    transition: 0.6s cubic-bezier(0.22, 0.61, 0.24, 1);
}
@media (max-width:767px){
    .menu-list {
        display: flex;
        flex-flow: column;
    }
    
}

@media (max-width: 600px) {
  .luxury-reserve-form {
            padding: 12px 4px;
  }
  .luxury-reserve-form .form-row {
    flex-direction: column;
    gap: 0;
  }
  .luxury-reserve-form input[type="text"], .luxury-reserve-form input[type="tel"], .luxury-reserve-form input[type="email"], .luxury-reserve-form input[type="number"], .luxury-reserve-form input[type="date"], .luxury-reserve-form textarea {
    margin-bottom: 11px;
    padding: 8px 15px;
}

.luxury-reserve-form .form-row {
    margin: 0;
}

.luxury-reserve-form label {
    margin-bottom: 5px;
    font-size: 12px;
    margin-top: 10px;
}
.menu-tabs button.tab {
    font-size: 14px;
}
    .menu-wrap {
        padding: 0 10px !important; 
    }
    .menu-row__line {
    flex-flow: row wrap;
}
    .luxury-contact-form {
        padding: 0 !important;
    }
}