/* Oron branding overrides for cal.diy / Cal.com 4.x
 * Primary brand color: #5648FB (Oron purple-blue)
 * Generated by Agent 4 of the cal.diy self-host pipeline.
 */

:root {
  --cal-brand: #5648FB;
  --cal-brand-emphasis: #4a3ce8;
  --cal-brand-text: #ffffff;
  --cal-brand-color: #5648FB;
}

.dark {
  --cal-brand: #5648FB;
  --cal-brand-emphasis: #4a3ce8;
  --cal-brand-text: #ffffff;
  --cal-brand-color: #5648FB;
}

/* Cal.com 4.x also reads --brand-color from the web settings;
   include both for safety. */
:root[data-cal-brand],
body {
  --brand-color: #5648FB;
  --brand-text-color: #ffffff;
}

/* Booker primary buttons / pills sometimes still hardcode these */
.bg-brand-default,
.text-brand-default,
button[data-state="active"][data-cal-button-primary] {
  background-color: #5648FB !important;
  color: #ffffff !important;
}

.bg-brand-default:hover,
button[data-state="active"][data-cal-button-primary]:hover {
  background-color: #4a3ce8 !important;
}

/* Hide "Powered by Cal.com" footer (cal.diy is MIT-licensed; this is allowed) */
[data-testid="cal-branding"],
a[href*="cal.com/?utm"],
a[href*="cal.com?utm"],
.cal-branding {
  display: none !important;
}

/* Hide self-hosted Cal.com upgrade/license nudges that ship with the
   open-source build. Safe to suppress: the Deployment row carries
   our license consent, and the strings below are CE-build promo only. */
a[href*="rick.astley@cal.com"],
a[href*="cal.com/upgrade"],
a[href*="cal.com/pricing"],
[data-testid="upgrade-now"],
[data-testid="upgrade-banner"],
[data-testid="free-plan-banner"] {
  display: none !important;
}

/* 48px+ tap targets on small screens. cal.com's defaults are too tight
   for thumb-driven booking; iOS HIG asks for 44px, Material asks for 48px,
   and the embed lives in a 100vw iframe so we follow the larger spec. */
@media (max-width: 768px) {
  [data-testid="time"] {
    min-height: 48px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 15px !important;
  }
  form input[type="text"],
  form input[type="email"],
  form input[type="tel"],
  form textarea {
    min-height: 48px !important;
    font-size: 16px !important;
  }
  [data-testid="confirm-book-button"] {
    min-height: 48px !important;
    padding: 12px 20px !important;
  }
}