/* La Festa Phu Quoc, Curio Collection by Hilton */
:root {
  --font-headline: 'playfair';
  --font-sans: 'Avenir Next';
}

@font-face {
  font-family: 'playfair';
  src: url('https://www.hilton.com/modules/assets/fonts/playfair/regular.ttf');
  font-display: auto;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: Avenir Next;
  font-weight: 200;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/avenir-next/regular.woff') format('woff'),
    url('https://www.hilton.com/modules/assets/fonts/avenir-next/regular.woff2') format('woff2');
}

@font-face {
  font-family: Avenir Next;
  font-weight: 600;
  font-display: swap;
  src:
    url('https://www.hilton.com/modules/assets/fonts/avenir-next/bold.woff') format('woff'),
    url('https://www.hilton.com/modules/assets/fonts/avenir-next/bold.woff2') format('woff2');
}

/*====================================================== 
    OSC COMPOSABLE SEARCH FORM
======================================================*/

/* SHOP FORM OVERRIDES */
[data-osc-date-picker='true'] td button.font-bold[tabindex='0']:not(:disabled):not(:focus) {
  background-color: rgb(241, 241, 241);
  border-color: rgb(255, 255, 255);
  color: rgb(18, 18, 18);
}

[data-osc-date-picker='true'] td button.font-bold[tabindex='0']:not(:disabled),
[data-osc-date-picker='true'] td button.font-bold[tabindex='0']:not(:disabled):not(:focus):hover {
  background-color: rgb(241, 241, 241);
  border-color: rgb(255, 255, 255);
  color: rgb(18, 18, 18);
}

[data-osc-date-picker='true'] td button.font-bold[tabindex='0']:not(:disabled):not(.bg-bg-alt) {
  background-color: rgb(77, 93, 112);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

[data-osc-date-picker='true'] td button.text-text[tabindex='-1']:not(:disabled) {
  background-color: rgb(241, 241, 241);
  border-color: rgb(255, 255, 255);
  color: rgb(18, 18, 18);
}

[data-osc-date-picker='true'] td button[tabindex='0']:not(:disabled) {
  background-color: rgb(77, 93, 112);
  border-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

[data-osc-date-picker='true'] input.form-checkbox:checked {
  background-color: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary));
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
}

[data-osc-product='search-rates-first'] input.form-checkbox:checked {
  background-color: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary));
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");
}

[data-osc-date-picker='true'] td button[tabindex='0']:not(:disabled) {
  border-color: rgb(var(--color-border));
}

[data-osc-date-picker='true'] div div,
[data-osc-product='search-dates'],
[data-osc-shop-form-rooms='true'] div div,
[data-osc-shop-form-rooms='true'] + div,
[data-osc-shop-form-rooms='true'] + div + div,
[data-osc-shop-form-special-rates='true'] div div {
  border-color: rgb(var(--color-border));
}

[data-osc-product='search-rates-second'] input.form-input,
[data-osc-product='search-rates-first'] input.form-checkbox {
  border-color: rgb(var(--color-border));
}

[data-osc-shop-form-rooms='true'] a span:hover,
[data-osc-shop-form-rooms='true'] a span:focus {
  color: rgba(var(--color-primary-alt), var(--tw-text-opacity));
}