:root {
--hfy-v2-muted-foreground: #6c757d; --hfy-v2-destructive: #dc3545; --hfy-v2-accent: #f8f9fa; --hfy-v2-ring: #0d6efd; --hfy-v2-ring-offset: #fff; --hfy-v2-border-color: #dee2e6; --hfy-v2-primary-bg: #0d6efd; --hfy-v2-primary-bg-hover: #0b5ed7; }  .hfy-modal-blocker {
padding: 0!important;
}
.hfy-modal a.close-modal {
display: none!important;
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-content {
background-color: #fff; position: relative; transition: background-color 0.3s ease, border-color 0.3s ease; width: 100%;  max-height: 90vh;
overflow-y: auto;
border-radius: 0.375rem; }
@media (min-width: 640px) {
#hfy-direct-inquiry-modal-v2 {
max-width: 700px;
} .hfy-direct-inquiry-modal-v2 .hfy-modal-content {
max-width: 700px;
}
} .hfy-direct-inquiry-modal-v2 .hfy-modal-header {
display: none; position: relative;
padding-bottom: 1rem; border-bottom: 1px solid var(--hfy-v2-border-color); margin-bottom: 1.5rem; }
.hfy-direct-inquiry-modal-v2 .hfy-modal-title {
font-size: 1.5rem; font-weight: 600; text-align: center;
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-close {
position: absolute;
right: 1rem; top: 1rem; border-radius: 0.125rem; opacity: 0.7;
transition: opacity 0.2s ease-in-out;
background: none;
border: none;
padding: 0.25rem;
cursor: pointer;
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-close:hover {
opacity: 1;
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-close:focus {
outline: none;
box-shadow: 0 0 0 2px var(--hfy-v2-ring-offset), 0 0 0 4px var(--hfy-v2-ring); }
.hfy-direct-inquiry-modal-v2 .hfy-modal-close svg {
height: 1rem; width: 1rem; color: inherit; } .hfy-direct-inquiry-modal-v2 .hfy-modal-body { }
.hfy-direct-inquiry-modal-v2 .hfy-modal-body > div:not(:last-child),
.hfy-direct-inquiry-modal-v2 .hfy-modal-body > button:not(:last-child) {
margin-bottom: 1.5rem; } .hfy-direct-inquiry-modal-v2 .grid {
display: grid;
gap: 1rem; }
.hfy-direct-inquiry-modal-v2 .grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) { .hfy-direct-inquiry-modal-v2 .sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} .hfy-direct-inquiry-modal-v2 .space-y-2 > *:not(:first-child) {
margin-top: 0.5rem; }
.hfy-direct-inquiry-modal-v2 .space-y-3 > *:not(:first-child) {
margin-top: 0.75rem; }
.hfy-direct-inquiry-modal-v2 .space-y-4 > *:not(:first-child) {
margin-top: 1rem; }
.hfy-direct-inquiry-modal-v2 .space-y-6 > *:not(:first-child) {
margin-top: 1.5rem; } .hfy-direct-inquiry-modal-v2 .hfy-label {
display: block; font-weight: 500; margin-bottom: 0.5rem; }
.hfy-direct-inquiry-modal-v2 .hfy-label.flex {
display: flex;
align-items: center; gap: 0.25rem; }
.hfy-direct-inquiry-modal-v2 .hfy-label svg {
height: 1rem; width: 1rem; }
.hfy-direct-inquiry-modal-v2 .hfy-input,
.hfy-direct-inquiry-modal-v2 .hfy-textarea {
width: 100%;
padding: 0.5rem 0.75rem;
border: 1px solid var(--hfy-v2-border-color);
border-radius: 0.25rem;
box-sizing: border-box; }
.hfy-direct-inquiry-modal-v2 .hfy-input:focus,
.hfy-direct-inquiry-modal-v2 .hfy-textarea:focus {
border-color: var(--hfy-v2-ring);
outline: none;
box-shadow: 0 0 0 1px var(--hfy-v2-ring);
} #hfy-inquiry-datepicker-trigger-v2 {
width: 100%; display: flex; justify-content: flex-start; text-align: left;
font-weight: 400; color: var(--hfy-v2-muted-foreground); }
#hfy-inquiry-datepicker-trigger-v2.has-dates { color: inherit; }
#hfy-inquiry-datepicker-trigger-v2 svg {
margin-right: 0.5rem; height: 1rem; width: 1rem; } #hfy-inquiry-calendar-container-v2 {
width: auto; padding: 0; background-color: #fff; border: 1px solid var(--hfy-v2-border-color);
border-radius: 0.375rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .hfy-direct-inquiry-modal-v2 .flex {
display: flex;
}
.hfy-direct-inquiry-modal-v2 .items-center {
align-items: center;
}
.hfy-direct-inquiry-modal-v2 .justify-between {
justify-content: space-between;
}
.hfy-direct-inquiry-modal-v2 .gap-1 { gap: 0.25rem; }
.hfy-direct-inquiry-modal-v2 .gap-3 { gap: 0.75rem; }
.hfy-direct-inquiry-modal-v2 .text-base { font-size: 1rem; }
.hfy-direct-inquiry-modal-v2 .font-medium { font-weight: 500; }
.hfy-direct-inquiry-modal-v2 .text-sm { font-size: 0.875rem; }
.hfy-direct-inquiry-modal-v2 .text-muted-foreground { color: var(--hfy-v2-muted-foreground); }
.hfy-direct-inquiry-modal-v2 .text-destructive { color: var(--hfy-v2-destructive); }
.hfy-direct-inquiry-modal-v2 .border { border: 1px solid var(--hfy-v2-border-color); }
.hfy-direct-inquiry-modal-v2 .rounded-md { border-radius: 0.375rem; }
.hfy-direct-inquiry-modal-v2 .p-4 { padding: 1rem; } .hfy-direct-inquiry-modal-v2 .hfy-guest-btn {
height: 2rem; width: 2rem; border-radius: 9999px; display: inline-flex;
align-items: center;
justify-content: center;
padding: 0; border: 2px solid var(--hfy-v2-border-color);
background-color: white;
cursor: pointer;
}
.hfy-direct-inquiry-modal-v2 .hfy-guest-btn svg {
height: 1.25rem; width: 1.25rem;
stroke: #333;
fill: none;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
} .hfy-direct-inquiry-modal-v2 .hfy-btn.hfy-guest-btn.hfy-btn-outline {
padding: 0 !important;
min-width: 2rem !important;
min-height: 2rem !important;
}
.hfy-direct-inquiry-modal-v2 .hfy-guest-count {
width: 1.25rem; text-align: center;
min-width: 1.25rem; }
.hfy-direct-inquiry-modal-v2 .hfy-guest-input.w-16 {
width: 4rem; text-align: center;
} .hfy-direct-inquiry-modal-v2 input[type='number']::-webkit-inner-spin-button,
.hfy-direct-inquiry-modal-v2 input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.hfy-direct-inquiry-modal-v2 input[type='number'] {
-moz-appearance: textfield; } .hfy-direct-inquiry-modal-v2 .hfy-modal-footer {
display: flex;
flex-direction: column-reverse; gap: 0.75rem; padding-top: 1.5rem; border-top: 1px solid var(--hfy-v2-border-color); margin-top: 1.5rem; }
@media (min-width: 640px) { .hfy-direct-inquiry-modal-v2 .hfy-modal-footer {
flex-direction: row; justify-content: space-between; }
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-footer .hfy-btn-primary {
background-color: var(--hfy-v2-primary-bg); color: white;
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-footer .hfy-btn-primary:hover {
background-color: var(--hfy-v2-primary-bg-hover); } .hfy-direct-inquiry-modal-v2 .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.hfy-direct-inquiry-modal-v2 .justify-center { justify-content: center; } .hfy-direct-inquiry-modal-v2 .hfy-btn { padding: 0.6rem 1.2rem;
border-radius: 0.25rem;
cursor: pointer;
font-weight: 500;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: none;
}
.hfy-direct-inquiry-modal-v2 .hfy-btn-outline {
border: 1px solid var(--hfy-v2-border-color);
background-color: transparent;
color: inherit; }
.hfy-direct-inquiry-modal-v2 .hfy-btn-outline:hover {
background-color: var(--hfy-v2-accent);
}
.hfy-direct-inquiry-modal-v2 .hfy-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}  .hfy-direct-inquiry-modal-v2 .hfy-btn.loading {
position: relative; color: transparent !important; pointer-events: none; min-height: 2.5rem; } .hfy-direct-inquiry-modal-v2 .hfy-btn-primary.loading::after {
border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #fff; } .hfy-direct-inquiry-modal-v2 .hfy-btn.loading::after {
content: '';
box-sizing: border-box;
display: block;
position: absolute; left: 50%;
top: 50%;
transform: translate(-50%, -50%); width: 1.25rem; height: 1.25rem; border: 3px solid rgba(0, 0, 0, 0.2); border-top-color: var(--hfy-v2-primary-bg); border-radius: 50%; animation: hfy-spinner 0.6s linear infinite;
}
@keyframes hfy-spinner {
to {
transform: translate(-50%, -50%) rotate(360deg); }
}  .hfy-inquiry-response {
flex-grow: 1; text-align: left;
padding-right: 1rem; }
.hfy-inquiry-response.success { color: green; }
.hfy-inquiry-response.error { color: var(--hfy-v2-destructive); } .hfy-modal.hfy-inquiry-success {
background-color: transparent !important; box-shadow: none!important;  }
.hfy-modal.hfy-inquiry-success .hfy-modal-content {
background-color: #f0fdf4; border: 1px solid #15803d; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .hfy-modal.hfy-inquiry-success .thx {
color: #14532d; text-align: center;
padding: 2rem 1rem; }
.hfy-modal.hfy-inquiry-success .thx::before {
content: '';
display: block;
width: 3rem; height: 3rem; margin: 0 auto 1rem auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2.5' stroke='%2315803d' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .hfy-modal.hfy-inquiry-success .hfy-modal-close {
color: #166534; opacity: 0.8;
}
.hfy-modal.hfy-inquiry-success .hfy-modal-close:hover {
color: #14532d; opacity: 1;
} @media (max-width: 639px) { #hfy-direct-inquiry-modal-v2 {
width: 100%;
height: 100%; max-width: 100%;
max-height: 100%;
top: 0;
left: 0;
border-radius: 0;  padding: 0 !important;
} .hfy-direct-inquiry-modal-v2 .hfy-modal-content {
height: 100%;
max-height: 100%;
border-radius: 0; border: none; box-shadow: none; } .hfy-direct-inquiry-modal-v2 .hfy-modal-header,
.hfy-direct-inquiry-modal-v2 .hfy-modal-body, .hfy-direct-inquiry-modal-v2 .hfy-modal-header {
padding-top: 0; padding-bottom: 0.75rem; margin-bottom: 0;  display: block; position: sticky; top: 0;
background-color: #fff; z-index: 10; }
.hfy-direct-inquiry-modal-v2 .hfy-modal-title {
font-size: 1.125rem; line-height: 1.325rem;
} .hfy-direct-inquiry-modal-v2 .hfy-modal-close {
top: 0;
right: 0.75rem;
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-footer {
padding-left: 1rem; padding-right: 1rem;
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-header { display: block; position: sticky; top: 0;
background-color: #fff; z-index: 10; }
.hfy-direct-inquiry-modal-v2 .hfy-modal-body {
padding-top: 0;
padding-bottom: 1rem;
}
.hfy-direct-inquiry-modal-v2 .hfy-modal-footer {
padding-bottom: 1rem; position: sticky; bottom: 0;
background-color: #fff; z-index: 10; } .hfy-modal.hfy-inquiry-success {
padding: 0 !important;
}
.hfy-modal.hfy-inquiry-success .hfy-modal-content {
height: 100%;
max-height: 100%;
border-radius: 0;
border: none;
}
}