/* TODAY'S DENTAL EDGECLIFF booking theme v2 — specificity-boosted (html body + doubled classes) to beat Centaur framework styles. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --td-ink:#141414;        
  --td-ink-soft:#2B2B2B;
  --td-gold:#D2A24C;       
  --td-gold-deep:#B7863A;
  --td-silver:#A7A9AC;     
  --td-line:#E6E4E0;       
  --td-white:#FFFFFF;
  --td-paper:#FCFBF9;      
  --td-muted:#7C7C7C;
  --td-radius:10px;
  --td-shadow:0 10px 30px rgba(20,20,20,.06);
  --td-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --td-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

html body,
html body .page.page,
html body .page_standard.page_standard,
html body .main.main {background:var(--td-paper) !important; color:var(--td-ink) !important; font-family:var(--td-sans) !important; -webkit-font-smoothing:antialiased;}

html body .main__inner.main__inner {max-width:940px; margin:0 auto; padding:8px 18px 40px;}

html body .header.header,
html body .header_min.header_min {background:var(--td-white) !important; border-bottom:1px solid var(--td-gold) !important; box-shadow:0 1px 0 var(--td-silver), 0 6px 18px rgba(20,20,20,.05) !important;}

html body .header.header * {color:var(--td-ink) !important;}

html body .header__logo.header__logo::after {content:'TODAY\2019S DENTAL'; font-family:var(--td-serif); font-weight:600; font-size:19px; letter-spacing:.06em; color:var(--td-ink) !important; margin-left:10px; white-space:nowrap;}

html body .severalBooking__title.severalBooking__title,
html body h1,
html body h2,
html body .calendar__monthYear.calendar__monthYear,
html body .calendarMobi__monthYear.calendarMobi__monthYear {font-family:var(--td-serif) !important; font-weight:600 !important; color:var(--td-ink) !important; letter-spacing:.005em;}

html body .calendarMobi__dow.calendarMobi__dow,
html body .severalBooking__togglerName.severalBooking__togglerName,
html body label,
html body .ui-select-placeholder.ui-select-placeholder {text-transform:uppercase; letter-spacing:.18em !important; font-size:11px !important; color:var(--td-muted) !important; font-weight:500 !important;}

html body .severalBooking.severalBooking,
html body .search-location__slots.search-location__slots,
html body .search-location__day.search-location__day,
html body .popup__dateTime.popup__dateTime,
html body .calendar.calendar,
html body .calendarMobi.calendarMobi {background:var(--td-white) !important; border:1px solid var(--td-line) !important; border-radius:var(--td-radius) !important; box-shadow:var(--td-shadow) !important;}

html body .button.button {border-radius:8px !important; font-family:var(--td-sans) !important; font-weight:600 !important; letter-spacing:.02em; transition:all .18s ease !important; border:1px solid transparent !important;}

html body .button_calendar.button_calendar,
html body .button_light.button_light {background:var(--td-white) !important; color:var(--td-ink) !important; border:1px solid var(--td-silver) !important;}

html body .button_calendar.button_calendar:hover,
html body .button_light.button_light:hover {border-color:var(--td-gold) !important; color:var(--td-ink) !important; box-shadow:0 0 0 3px rgba(210,162,76,.16); transform:translateY(-1px);}

html body .button_light_active.button_light_active,
html body .button_calendar.button_calendar.button_light_active {background:var(--td-ink) !important; color:var(--td-white) !important; border-color:var(--td-ink) !important;}

html body .button_grey.button_grey {background:#F1EFEA !important; color:var(--td-muted) !important;}

html body .button.button:not(.button_light):not(.button_grey):not(.button_calendar) {background:var(--td-ink) !important; color:var(--td-white) !important; border-color:var(--td-ink) !important;}

html body .button.button:not(.button_light):not(.button_grey):not(.button_calendar):hover {background:#000 !important; box-shadow:0 8px 22px rgba(20,20,20,.22), 0 0 0 3px rgba(210,162,76,.25); transform:translateY(-1px);}

html body .time.time,
html body .time__label.time__label {border-radius:8px !important; border:1px solid var(--td-line) !important; background:var(--td-white) !important; color:var(--td-ink) !important; transition:all .16s ease !important;}

html body .time__label.time__label:hover {border-color:var(--td-gold) !important; background:#FDF8EE !important; box-shadow:0 0 0 3px rgba(210,162,76,.15);}

html body .time__input.time__input:checked + .time__label,
html body .time__label.time__label.is-selected,
html body .time__label_active.time__label_active {background:var(--td-ink) !important; color:var(--td-white) !important; border-color:var(--td-ink) !important;}

html body .day.day:hover,
html body .calendarMobi__day.calendarMobi__day:hover {background:#FDF8EE !important; border-radius:7px;}

html body .today.today,
html body .calendarMobi__day.calendarMobi__day.today {outline:1.5px solid var(--td-gold) !important; outline-offset:-2px; border-radius:7px;}

html body .ui-select-toggle.ui-select-toggle,
html body .ui-select-search.ui-select-search {border:1px solid var(--td-silver) !important; border-radius:8px !important; background:var(--td-white) !important; color:var(--td-ink) !important;}

html body .ui-select-toggle.ui-select-toggle:focus,
html body .ui-select-search.ui-select-search:focus {border-color:var(--td-gold) !important; box-shadow:0 0 0 3px rgba(210,162,76,.18) !important; outline:none !important;}

html body .reason-mandatory.reason-mandatory {color:var(--td-gold-deep) !important; font-weight:600;}

html body [class*="deposit"],
html body .price.price,
html body .amount.amount {color:var(--td-gold-deep) !important; font-weight:700;}

html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible {outline:2px solid var(--td-gold) !important; outline-offset:2px;}