/* duet date picker のカスタマイズ */
.duet-date {
  position: relative;
}

.duet-date__error {
  color: var(--duet-color-error);
  font-size: 0.875em;
  margin-top: 0.25rem;
  white-space: nowrap;
}

.duet-date__input[aria-invalid="true"] {
  border-color: var(--duet-color-error);
}

/* 無効な日付のスタイル改善 */
.duet-date__day.is-disabled {
  text-decoration: line-through;
  opacity: 0.7;
  cursor: not-allowed;
}

/* ヘルパーテキストのスタイル */
.duet-date__helper {
  font-size: 0.8em;
  color: oklch(from currentColor l c h / 0.8);
  margin-top: 0.25rem;
  font-feature-settings: "palt";
}

/* 日付選択フォームのレイアウト調整 */
.date-time-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
  align-items: flex-start;
}

.date-time-selector select {
  min-width: 80px;
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* レスポンシブ対応 */
@media screen and (max-width: 480px) {
  duet-date-picker {
    max-width: 100%;
  }

  .date-time-selector {
    flex-direction: column;
  }

  .date-time-selector select {
    width: 100%;
    max-width: 300px;
  }
}

.contact-form .duet-date__table th {
  width: auto;
  padding: 2px;
  text-align: center;
}

.contact-form .duet-date__table td {
  width: auto !important;
  padding: 2px !important;
}

@media (max-width:800px) {

  .contact-form .duet-date__table th,
  .contact-form .duet-date__table td {
    display: table-cell !important;
  }
}