/* Cameo Beverly Hills  - laxmcol */
:root {
  --font-headline: 'Didot';
  --font-headline-brand: 'Didot';
  --font-sans: 'bookmania';
  --font-serif: 'Proxima Nova';
}

@font-face {
  font-family: 'Didot', sans-serif;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/didot/regular.ttf');
}

@font-face {
  font-family: 'bookmania';
  font-weight: 400;
  font-display: swap;
  src: url('https://www.hilton.com/modules/assets/fonts/bookmania/regular.woff') format('woff');
}

.font-headline,
[data-element-id='subtitle-wrapper'] {
  font-style: italic;
}

/* Rooms Widget */
[data-element-id='booking-widget-day-button'],
[data-element-id='booking-widget-day-button'] + div {
  font-family: 'Didot', sans-serif;
  font-style: italic;
}

/* Curio theme is set on this LXR property, so resetting a bunch of styles it applies */
[data-osc-shop-form-rooms='true'] div button svg,
[data-osc-shop-form-special-rates='true'] div button svg,
[data-osc-shop-form-rooms='true'] div button:hover svg,
[data-osc-shop-form-special-rates='true'] div button:hover svg,
[data-osc-shop-form-rooms='true'] div button:focus svg,
[data-osc-shop-form-special-rates='true'] div button:focus svg {
  stroke: inherit;
}

button#shop-form-dates[data-osc-product='shop-form-dates'] span {
  border-color: inherit;
}

/* 
  STICKY SHOP FORM STYLES 
  - THESE ARE SET IN THE CMS, BUT THE CURIO THEME CSS OVERRIDES THOSE 
  - CLEANUP OF SHOP FORM CSS REQUIRED TO MOVE TO APP/BRAND PROPS AT SOME POINT
*/
.cp-header-shop-form {
  border-top-color: inherit;
  border-top-width: 1px;
}

/* sticky shop form button style overrides */
[data-osc-product='search-dates'] table tbody tr button.font-bold {
  background-color: #ad632e !important;
}

[data-osc-product='search-dates'] table tbody tr button.font-bold > span {
  color: #fff !important;
}

[data-osc-product='search-dates'] table tbody td button.text-text,
span[id^='calendar-month'] + table tbody td button.bg-secondary {
  background-color: #faf1eb !important;
}

[data-osc-product='search-dates'] table tbody td button.text-text span,
span[id^='calendar-month'] + table tbody td button.bg-secondary span,
span[id^='calendar-month'] + table tbody td button.bg-secondary {
  color: #000 !important;
}

[data-osc-product='search-dates'] button.text-current {
  color: inherit;
}
