/* ── Перекраска виджета gocruise.ru под дизайн-систему Пилигрима ── */

.ces-app.ces-theme-simple,
.ces-app.ces-theme-simple .ces-search-form__button {
  font-family: 'Inter Tight', sans-serif;
  --brand-color:       #8B6F3F;
  --secondary-color:   #1A1A1A;
  --background-color:  #F7F4EE;
}

.ces-app {
  --ces-global-border-radius:              0;
  --ces-form-bg-color:                     #EFEAE0;
  --ces-form-border-radius:                0;
  --ces-form-input-label-color:            #4A4A4A;
  --ces-form-input-border-radius:          0;
  --ces-form-footer-border-top-color:      #DCD6CB;
  --ces-modal-overlay:                     rgba(14, 26, 43, 0.85);
  --ces-modal-border-radius:               0;
  --ces-form-button-border-radius:         0;
  --ces-form-button-color:                 #8B6F3F;
  --ces-form-button-hover-color:           #6F5830;
  --ces-form-button-submit-color:          #8B6F3F;
  --ces-form-button-submit-hover-color:    #6F5830;
  --ces-result-card-border-radius:         0;
  --ces-result-card-bg-color:              #FFFFFF;
  --ces-result-card-shadow:                0 1px 0 0 #DCD6CB;
  --ces-result-card-button-price-border-radius: 0;
  --ces-result-card-button-price-color:    #8B6F3F;
  --ces-result-card-button-price-hover-color: #6F5830;
  --ces-result-card-button-date-border-radius: 0;
  --ces-result-card-button-date-color:     #1A1A1A;
  --ces-result-card-button-date-hover-color: #4A4A4A;
}

/* Обёртка виджета */
.cruise-widget-wrapper {
  margin: var(--space-8) 0;
  padding: var(--space-4) 0;
  border-top: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
}

/* CTA-блок под виджетом (должен доминировать визуально) */
.cta-block-after-widget {
  margin-top: var(--space-12);
  padding: var(--space-12) var(--space-8);
  background: var(--color-bg-alt);
  text-align: center;
}

.cta-block-after-widget h3 {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight: 400;
  margin-bottom: var(--space-3);
}

.cta-block-after-widget p {
  max-width: 580px;
  margin: 0 auto var(--space-6);
  color: var(--color-text-soft);
  max-width: 580px;
}

@media (max-width: 768px) {
  .cta-block-after-widget {
    padding: var(--space-8) var(--space-3);
  }
}
