/**
 * Gravity Forms Date Field Styling
 */

 #ui-datepicker-div.is-loading > * {
  opacity: 0.5;
  pointer-events: none;
}

/* Unavailable dates styling */
.unavailable-date .ui-state-default {
    background-color: #e8e8e8 !important;
    color: #999 !important;
    text-decoration: line-through;
    cursor: not-allowed !important;
}

.unavailable-date .ui-state-hover,
.unavailable-date .ui-state-focus {
    background-color: #e8e8e8 !important;
    color: #999 !important;
}

/* Datepicker styling */
.hw-date-field {
    width: 100%;
    max-width: 300px;
}

.hw-date-field.ui-datepicker-trigger {
    cursor: pointer;
}

/* Date field containers */
.hw-date-field-arrival,
.hw-date-field-departure {
    border-color: var(--gf-form-field-border-color, #ccc);
}

.hw-date-field-arrival:focus,
.hw-date-field-departure:focus {
    border-color: var(--gf-form-field-border-color-focus, #0073aa);
    box-shadow: 0 0 0 1px var(--gf-form-field-border-color-focus, #0073aa);
}

/* Error state */
.gfield--error .hw-date-field {
    border-color: #ff0000;
}

/* Responsive */
@media (max-width: 600px) {
    .hw-date-field {
        max-width: 100%;
    }

    .ui-datepicker {
        font-size: 12px;
    }

    .ui-datepicker td {
        padding: 4px 2px;
    }
}

#field_1_46,
#field_1_47,
#field_1_48,
#field_1_45 {
  display: none;
}