/* Component-only baseline: never restyles the website, header or theme typography. */
.tsitah-artist-form-shell { font-family: inherit; color: inherit; }
.tsitah-artist-form-shell *, .tsitah-events-list * { box-sizing: border-box; }
.tsitah-artist-form-shell .tsitah-booking-honeypot {
  position: absolute !important; left: -10000px !important; width: 1px !important;
  height: 1px !important; overflow: hidden !important; opacity: 0 !important;
}
.tsitah-artist-form-shell .ymi-contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.tsitah-artist-form-shell .ymi-form-field, .tsitah-artist-form-shell .ymi-form-field label { display: grid; gap: 8px; min-width: 0; }
.tsitah-artist-form-shell .ymi-form-field-full { grid-column: 1 / -1; }
.tsitah-artist-form-shell :is(input:not([type=checkbox]):not([type=hidden]), select, textarea) {
  box-sizing: border-box; width: 100%; max-width: 100%; font: inherit;
}
.tsitah-artist-form-shell .wpcf7-response-output { margin: 20px 0 0; padding: 14px 16px; border: 1px solid currentColor; }
.tsitah-artist-form-shell .wpcf7-not-valid-tip { display: block; color: #a12424; font-size: .85em; }
.tsitah-artist-form-shell .ymi-form-consent label { display: flex; align-items: flex-start; gap: 10px; }
.tsitah-artist-form-shell input[type=checkbox] { width: auto; flex: 0 0 auto; margin-top: .3em; }
.tsitah-artist-form-shell .ymi-form-submit { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.tsitah-artist-form-shell .ymi-form-submit small { font-size: .8em; opacity: .75; }

/* Fresh installations inherit their site's fonts and use a neutral palette. */
.tsitah-organiser-theme :is(.tsitah-lessons-booking, .tsitah-student-account) {
  --tsitah-lessons-ink: var(--wp--preset--color--contrast, #262626);
  --tsitah-lessons-brown: var(--wp--preset--color--contrast, #262626);
  --tsitah-lessons-brown-dark: var(--wp--preset--color--contrast, #262626);
  --tsitah-lessons-paper: #f2f2f2; --tsitah-lessons-paper-soft: #fff;
  --tsitah-lessons-gray: #f5f5f5; --tsitah-lessons-gray-dark: #666;
  --tsitah-lessons-line: #d5d5d5; font-family: inherit;
}
.tsitah-organiser-theme .tsitah-student-account {
  --tsitah-account-ink: #262626; --tsitah-account-brown: #262626;
  --tsitah-account-brown-dark: #262626; --tsitah-account-paper: #fff;
  --tsitah-account-beige: #f3f3f3; --tsitah-account-gray: #f5f5f5;
  --tsitah-account-line: #d5d5d5;
}
.tsitah-organiser-theme :is(.tsitah-booking-request, .tsitah-artist-form-shell) {
  --tsitah-booking-paper: #fff; --tsitah-booking-paper-soft: #fff;
  --tsitah-booking-beige: #f5f5f5; --tsitah-booking-gray: #f3f3f3;
  --tsitah-booking-brown: var(--wp--preset--color--contrast, #262626);
  --tsitah-booking-dark: var(--wp--preset--color--contrast, #262626);
  --tsitah-booking-ink: var(--wp--preset--color--contrast, #262626);
  --tsitah-booking-line: #d5d5d5; font-family: inherit;
}
.tsitah-organiser-theme .tsitah-artist-form-shell .ymi-contact-form { padding: clamp(18px, 3vw, 30px); border: 1px solid #d5d5d5; background: #fff; color: #262626; }
.tsitah-organiser-theme .tsitah-artist-form-shell :is(.ymi-form-field input, .ymi-form-field select, .ymi-form-field textarea) {
  min-height: 46px; padding: 10px 12px; border: 1px solid #bdbdbd; background: #fff; color: #262626; border-radius: 4px;
}
.tsitah-organiser-theme .tsitah-artist-form-shell textarea { min-height: 140px; resize: vertical; }
.tsitah-organiser-theme .tsitah-artist-form-shell button { font: inherit; padding: 12px 20px; border: 1px solid #262626; background: #262626; color: #fff; cursor: pointer; }
.tsitah-organiser-theme .tsitah-events-list .tsitah-event { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 20px; padding: 22px 0; border-top: 1px solid #d5d5d5; }
.tsitah-organiser-theme .tsitah-event :is(h3, p) { margin: 0 0 8px; overflow-wrap: anywhere; }
.tsitah-organiser-theme .tsitah-event time { display: flex; flex-wrap: wrap; align-content: start; gap: 4px 8px; }
.tsitah-organiser-theme .tsitah-event time strong { font-size: 1.6em; line-height: 1.2; }
.tsitah-organiser-theme .tsitah-event time em { flex-basis: 100%; font-size: .8em; font-style: normal; opacity: .75; }
.tsitah-organiser-theme .tsitah-calendar-widget {
  --tsitah-calendar-dark: #262626; --tsitah-calendar-ink: #262626;
  --tsitah-calendar-paper: #fff; --tsitah-calendar-gold: #555;
  --tsitah-calendar-line: #d5d5d5;
}
@media (max-width: 640px) {
  .tsitah-artist-form-shell .ymi-contact-form { grid-template-columns: 1fr; }
  .tsitah-organiser-theme .tsitah-events-list .tsitah-event { grid-template-columns: 65px minmax(0, 1fr); gap: 14px; }
}