/* CAW (Check Availability Widget) — Font Awesome fallback for fs-iconfont */

#NavigationCAW .icon:before,
#NavigationCAW .cawComponent .icon:before,
.tailwind-root.CAW .icon:before,
.ReactCAW .icon:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#NavigationCAW .icon-close:before,
.tailwind-root.CAW .icon-close:before,
.ReactCAW .icon-close:before {
    content: "\f00d" !important;
}

#NavigationCAW .icon-chevron_left:before,
.tailwind-root.CAW .icon-chevron_left:before,
.FSHCalendarView__navigation__prev-button .icon:before {
    content: "\f053" !important;
}

#NavigationCAW .icon-chevron_right:before,
.tailwind-root.CAW .icon-chevron_right:before,
.FSHCalendarView__navigation__next-button .icon:before {
    content: "\f054" !important;
}

#NavigationCAW .icon-checkmark:before,
.tailwind-root.CAW .icon-checkmark:before,
.cawComponent .ppc-brg-cta.icon:before,
.cawComponent .ppc-brg-cta:before {
    content: "\f00c" !important;
}

#NavigationCAW .icon-search:before,
.tailwind-root.CAW .icon-search:before {
    content: "\f002" !important;
}

/* Dropdown chevrons on date / guests fields */
#NavigationCAW .caw-comp__wrapper .Calendar-container .DateField:after,
#NavigationCAW .caw-comp__wrapper .Guestdropdown-container .OccupancyField:after,
.tailwind-root.CAW .Calendar-container .DateField:after,
.tailwind-root.CAW .Guestdropdown-container .OccupancyField:after,
.cawComponent .DateField:after,
.cawComponent .OccupancyField:after,
.cawComponent .OccupancyField_row.OccupancyField:after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f078" !important;
}

/* Guest +/- controls */
#NavigationCAW .decrement-button:after,
#NavigationCAW .increment-button:after,
.tailwind-root.CAW .decrement-button:after,
.tailwind-root.CAW .increment-button:after,
.cawComponent .decrement-button:after,
.cawComponent .increment-button:after {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
}

#NavigationCAW .decrement-button:after,
.tailwind-root.CAW .decrement-button:after,
.cawComponent .decrement-button:after {
    content: "\f068" !important;
}

#NavigationCAW .increment-button:after,
.tailwind-root.CAW .increment-button:after,
.cawComponent .increment-button:after {
    content: "\f067" !important;
}

/* Dialog close (empty button in React) */
#NavigationCAW .Dialog-closebutton,
.tailwind-root.CAW .Dialog-closebutton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

#NavigationCAW .Dialog-closebutton::before,
.tailwind-root.CAW .Dialog-closebutton::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f00d" !important;
    font-size: 16px;
    line-height: 1;
    color: #2d2d2d;
}

/* Clear dates button */
#NavigationCAW .DateField_clear .icon:before,
.tailwind-root.CAW .DateField_clear .icon:before {
    content: "\f00d" !important;
    font-size: 12px;
}

/* Patched FA icons inside CAW — hide duplicate ::before from fs-iconfont rules */
#NavigationCAW .icon.fs-fa-patched:before,
.tailwind-root.CAW .icon.fs-fa-patched:before {
    content: none !important;
    display: none !important;
}