/* The enquiry popup and the dimmed page behind it. Loaded by the popup itself (front.common.inquiry_popup), so a trip
   page and a guide show the same form in the same design. These rules were in the trip page's stylesheet.
   Author: Pravash Karki - pravashkarki.com */
/* The photograph viewer. The page behind it is blurred and dimmed in the brand's near-black blue, as frosted glass,
   so the photograph is the only sharp thing in view. A caption keeps the capitals the admin typed. */
.fancybox-bg { background: var(--color-dark, #0b1f2e); }
.fancybox-is-open .fancybox-bg { opacity: 0.6; }
.fancybox-container { -webkit-backdrop-filter: blur(24px) saturate(1.4); backdrop-filter: blur(24px) saturate(1.4); }
.fancybox-caption { font-family: var(--font-body, "Mulish", sans-serif); font-size: var(--text-body-md, 0.875rem); letter-spacing: 0; text-transform: none; }
.fancybox-caption__body { text-transform: none; }

/* The question popup. The system's panel corner, one column so the message has room, and WhatsApp for a quicker answer. */
#inquiry-model.inquiry-popup { width: min(560px, calc(100vw - 32px)); max-width: 560px; padding: var(--space-6, 32px); border-radius: var(--radius-2xl, 24px); corner-shape: squircle; }
#inquiry-model .package-form, #inquiry-model .contact-form { padding: 0; margin: 0; background: none; box-shadow: none; }
#inquiry-model .fancybox-close-small { top: var(--space-3, 12px); right: var(--space-3, 12px); width: var(--touch-min, 44px); height: var(--touch-min, 44px); padding: 10px; border-radius: var(--radius-pill, 9999px); color: var(--color-contrast, #0b1f2e); }
#inquiry-model .fancybox-close-small:hover { background: var(--color-surface, #f4f7f3); }
.inquiry-popup__about { margin: 0 0 var(--space-1, 4px); padding-right: var(--space-7, 40px); color: var(--color-muted, #51606b); font-size: var(--text-body-md, 0.875rem); }
#inquiry-model .inquiry-popup__trip { margin: 0 0 var(--space-4, 16px); padding-right: var(--space-7, 40px); color: var(--color-contrast, #0b1f2e); font-size: var(--text-heading-sm, 1.125rem); font-weight: var(--weight-extrabold, 800); line-height: var(--leading-heading, 1.2); }
.inquiry-popup__fields { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3, 12px); }
.inquiry-popup__fields .form-group { margin: 0; }
.inquiry-popup__wide { grid-column: 1 / -1; }
@media (max-width: 575.98px) { .inquiry-popup__fields { grid-template-columns: 1fr; } #inquiry-model.inquiry-popup { padding: var(--space-5, 24px); } }
#inquiry-model .form-control { min-height: var(--touch-min, 44px); border-radius: var(--radius-xl, 16px); corner-shape: squircle; font-size: var(--text-body-lg, 1rem); }
#inquiry-model textarea.form-control { min-height: 8.5rem; resize: vertical; }
.inquiry-popup__send { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2, 8px) var(--space-4, 16px); margin-top: var(--space-4, 16px); }
#inquiry-model .inquiry-popup__button { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2, 8px); min-height: var(--touch-min, 44px); margin: 0; padding: var(--space-3, 12px) var(--space-5, 24px); border-radius: var(--radius-2xl, 24px) !important; corner-shape: squircle; text-transform: none; }
#inquiry-model .inquiry-popup__button::after { display: none !important; }
#inquiry-model .inquiry-popup__send .enquiry-form__privacy { margin: 0; }
.inquiry-popup__whatsapp { display: flex; align-items: center; gap: var(--space-3, 12px); margin-top: var(--space-5, 24px); padding: var(--space-3, 12px) var(--space-4, 16px); border: var(--border-hairline, 1px) solid var(--color-outline, #c9d1d6); border-radius: var(--radius-xl, 16px); corner-shape: squircle; color: var(--color-contrast, #0b1f2e) !important; text-decoration: none !important; }
.inquiry-popup__whatsapp:hover { border-color: var(--color-dark, #0b1f2e); background: var(--color-surface, #f4f7f3); }
.inquiry-popup__whatsapp:focus-visible { outline: var(--focus-width, 2px) solid var(--color-focus, #295e1d); outline-offset: var(--focus-offset, 2px); }
.inquiry-popup__whatsapp-icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: var(--space-7, 40px); height: var(--space-7, 40px); border-radius: 50%; background: var(--color-primary-dark, #295e1d); color: var(--color-on-primary-dark, #fff); font-size: var(--text-body-xl, 1.125rem); }
.inquiry-popup__whatsapp-copy { display: grid; gap: 2px; }
.inquiry-popup__whatsapp-title { font-size: var(--text-body-md, 0.875rem); font-weight: var(--weight-bold, 700); line-height: var(--leading-body, 1.5); text-decoration: underline; text-underline-offset: var(--space-1, 4px); }
.inquiry-popup__status { display: inline-flex; align-items: center; gap: var(--space-2, 8px); color: var(--color-muted, #51606b); font-size: var(--text-body-md, 0.875rem); }
.inquiry-popup__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary, #5dbb46); }
.inquiry-popup__dot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--color-primary, #5dbb46); animation: inquiry-pulse 2s var(--ease-out, ease) infinite; }
@keyframes inquiry-pulse { from { transform: scale(1); opacity: 0.6; } to { transform: scale(2.6); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .inquiry-popup__dot::after { animation: none; } }