.section--banner {
    background-image: var(--bg-mobile, var(--bg-tablet, var(--bg-desktop)));
}
.wrap--banner {
    height: 50vh;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.banner-title {
    color: var(--background-color);
    font-size: 3.5rem;
    /* font-family: inherit; */
    text-shadow: 2px 2px 8px var(--brand-black-color);
}

.section--contact {
    background: linear-gradient(to bottom, var(--brand-grey-color), var(--brand-ivory-color));
  color: var(--brand-black-color);
  background-color: var(--brand-grey-color);
}

.section--contact h1,
.section--contact h2,
.section--contact h3,
.section--contact p,
.section--contact a {
  color: var(--brand-black-color);
}
.wrap--contact {
}


.contact-info-column,
.contact-form-column {
  flex: 1;
  min-width: 300px;
}

/* --- 2. 左侧信息栏样式 --- */
.contact-info-column h2 {
  font-size: 2.2em; /* (可调整) */
  /* color: var(--brand-black-color);  */
  margin-top: 0;
}
.contact-info-column p {
  line-height: 1.7;
  /* color: var(--brand-grey-color); */
}
.contact-info-column ul {
  list-style: none;
  padding: 0;
  line-height: 1.8;
}
.contact-info-column a {
  color: var(--brand-red-color); /* (关键!) 链接颜色，应为你的品牌色 (这里用了一个餐饮业常用的红色) */
  text-decoration: none;
  font-weight: 500;
}
/* --- 3. 表单通用样式 (标签、间距) --- */
.contact-form-column .forminator-ui#forminator-module-561.forminator-design--default .forminator-label {
  font-size: 1em;
  /* font-family: inherit; */
  color: var(--brand-grey-color);
  margin-bottom: 8px;
  display: block; /* 确保标签独占一行 */
}

/* --- 4. 标准输入框、文本域、下拉菜单、日期选择器 --- */
/* 将所有输入类控件的样式统一 */
.contact-form-column .forminator-ui.forminator-custom-form[data-design=default] .forminator-input,
.contact-form-column .forminator-ui.forminator-custom-form[data-design=default] .forminator-textarea,
.contact-form-column .forminator-ui.forminator-custom-form[data-design=default] .forminator-datepicker { 
  width: 100%;
  padding: 13px 15px;
  border: 1px solid var(--brand-grey-color);
  border-radius: 5px; 
  background-color: var(--background-color);
  font-size: 1em;
  /* font-family: inherit; */
  box-sizing: border-box; 
}
/* 1. 重新定义 Radio 按钮外部容器的间距和对齐方式 */
.contact-form-column .forminator-radio {
  display: flex; /* 使用 Flexbox 进行对齐 */
  align-items: center; /* 垂直居中 */
  cursor: pointer;
  padding: 12px 0; /* 确保整个可点击区域高度达标 */
  margin: 0;
}
.contact-form-column .forminator-ui#forminator-module-561.forminator-design--default .forminator-radio .forminator-radio-bullet:before {
    background-color: var(--brand-red-color);
}
.contact-form-column .forminator-ui#forminator-module-561.forminator-design--default .forminator-radio input:checked + .forminator-radio-bullet {
    border-color: var(--brand-red-color);
    background-color: var(--background-color);
}

/* --- 6. 提交按钮 & 成功消息 --- */
.contact-form-column .forminator-ui#forminator-module-561.forminator-design--default .forminator-button-submit {
  width: 100%; /* (可调整) 让按钮撑满，更大气 */
  padding: 12px 0;
  border: none;
  border-radius: 6px; /* (可调整) 全局圆角 */
  background-color: var(--brand-red-color); /* (关键!) 品牌主色 */
  color: var(--background-color);
  font-size: 1.1em;
  cursor: pointer;
}

@media (min-width: 768px) {
      .section--banner {
  background-image:  var(--bg-tablet, var(--bg-desktop));
    }
    .wrap--contact {
        grid-template-columns: 1fr 1.5fr;
        /* max-width: 1280px; */
    }
}
@media (min-width: 1024px) {
  .section--banner {
  background-image:  var(--bg-desktop);
}
}