/* Scoped to the existing native booking page. All assets and country data are local. */
#imlaak-booking .ib-phone-field { min-width: 0; position: relative; }
#imlaak-booking .ib-phone-field > label { margin: 0; }
#imlaak-booking .ib-phone-control { display: flex; align-items: stretch; gap: 0; margin-top: 5px; }
#imlaak-booking .ib-phone-country-trigger { flex: 0 0 auto; min-width: 94px; min-height: 43px; padding: 9px 8px; border: 1px solid #cbd6e2; border-right: 0; border-radius: 5px 0 0 5px; background: #f5f8fb; color: #102e4c; font: 13px Arial, Helvetica, sans-serif; white-space: nowrap; cursor: pointer; }
#imlaak-booking .ib-phone-country-trigger[aria-expanded="true"] { background: #fff8e9; border-color: #b89554; }
#imlaak-booking input.ib-phone-number { flex: 1 1 auto; width: 0; min-width: 0; margin: 0; border-radius: 0 5px 5px 0; }
#imlaak-booking input.ib-phone-number[aria-invalid="true"] { border-color: #a12d2d; }
#imlaak-booking .ib-phone-hint { margin: 5px 0 0; color: #526b81; font-size: 11px; line-height: 1.4; }
#imlaak-booking .ib-phone-error { margin: 5px 0 0; color: #a12d2d; font-size: 12px; line-height: 1.4; }
#imlaak-booking .ib-phone-popup { position: fixed; z-index: 10020; display: flex; flex-direction: column; width: 360px; max-width: calc(100vw - 24px); max-height: 380px; padding: 10px; overflow: hidden; border: 1px solid #cbd6e2; border-top: 3px solid #b89554; border-radius: 8px; background: #fff; box-shadow: 0 12px 38px #102e4c30; color: #19354f; font: 14px/1.4 Arial, Helvetica, sans-serif; }
#imlaak-booking .ib-phone-popup[hidden], #imlaak-booking .ib-phone-error[hidden], #imlaak-booking .ib-phone-empty[hidden] { display: none !important; }
#imlaak-booking .ib-phone-popup-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex: none; }
#imlaak-booking .ib-phone-search-label { font-size: 12px; font-weight: 600; }
#imlaak-booking .ib-phone-close { width: 32px; min-height: 32px; padding: 0; border: 1px solid #dce3eb; border-radius: 4px; background: #f5f8fb; color: #102e4c; font: 22px/1 Arial, sans-serif; cursor: pointer; }
#imlaak-booking input.ib-phone-search { flex: none; width: 100%; min-height: 43px; margin: 6px 0 8px; padding: 9px 10px; border: 1px solid #cbd6e2; border-radius: 5px; background: #fff; color: #102e4c; font: 14px Arial, Helvetica, sans-serif; }
#imlaak-booking .ib-phone-country-list { min-height: 0; margin: 0; padding: 0; overflow-y: auto; overscroll-behavior: contain; list-style: none; scrollbar-gutter: stable; }
#imlaak-booking .ib-phone-country-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; margin: 0; padding: 9px 8px; border-radius: 4px; cursor: pointer; }
#imlaak-booking .ib-phone-country-option:hover { background: #f3f6f9; }
#imlaak-booking .ib-phone-country-option.is-active { background: #e9f0f7; outline: 1px solid #bfd0e0; outline-offset: -1px; }
#imlaak-booking .ib-phone-country-option[aria-selected="true"] .ib-phone-country-name { font-weight: 700; }
#imlaak-booking .ib-phone-country-option[aria-selected="true"] .ib-phone-country-name::before { content: "✓ "; color: #72521e; }
#imlaak-booking .ib-phone-country-code { flex: none; color: #526b81; font-size: 12px; font-variant-numeric: tabular-nums; }
#imlaak-booking .ib-phone-empty { margin: 4px 0 0; padding: 12px 8px; font-size: 13px; }
#imlaak-booking .ib-phone-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#imlaak-booking .ib-phone-field.is-disabled .ib-phone-control { opacity: .65; }
#imlaak-booking .ib-phone-country-trigger:disabled { cursor: not-allowed; }
@media (max-width: 950px) { #imlaak-booking .ib-contact > .ib-phone-field:last-child { grid-column: 1 / -1; } }
@media (max-width: 650px) {
  #imlaak-booking .ib-phone-country-trigger { min-height: 46px; min-width: 94px; font-size: 14px; }
  #imlaak-booking input.ib-phone-number, #imlaak-booking input.ib-phone-search { font-size: 16px; min-height: 46px; }
  #imlaak-booking .ib-phone-close { min-height: 40px; width: 40px; }
  #imlaak-booking .ib-phone-country-option { min-height: 46px; }
}