/* Hotel Management list — Figma 600:15138. Tokens only. */

.admin-event-hotels__breadcrumb { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; font-size: 0.8125rem; color: var(--wa-color-text-quiet); }
.admin-event-hotels__breadcrumb [aria-current="page"] { color: var(--wa-color-text-normal); font-weight: 600; }

.admin-event-hotels__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
.admin-event-hotels__title { margin: 0; }

/* The design carries each filter's meaning in the control's placeholder, so
   the <label> stays for screen readers only. */
.admin-event-hotels__filter > label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.admin-event-hotels__filters { display: flex; gap: 1rem; align-items: flex-end; margin-bottom: 1.25rem; flex-wrap: wrap; }
.admin-event-hotels__filters wa-select { min-width: 14rem; }
.admin-event-hotels__filter--search { margin-left: auto; }
.admin-event-hotels__search { display: flex; gap: 0.5rem; align-items: center; }
.admin-event-hotels__search .admin-event-hotels__search-input { padding: 0.5rem 0.75rem; border: 1px solid var(--wa-color-surface-border); border-radius: var(--wa-border-radius-m); min-width: 16rem; }

.admin-event-hotels__sort { display: inline-flex; align-items: center; gap: 0.375rem; color: inherit; text-decoration: none; }
.admin-event-hotels__sort-arrow { font-size: 0.75rem; color: var(--wa-color-text-quiet); }

.admin-event-hotels__distance { display: block; font-size: 0.75rem; color: var(--wa-color-text-quiet); font-weight: 400; }

.admin-event-hotels__approve { padding: 0.375rem 0.875rem; border: 1px solid var(--wa-color-green-80); border-radius: var(--wa-border-radius-m); background: var(--wa-color-green-95); color: var(--wa-color-green-20); font-weight: 600; cursor: pointer; }
.admin-event-hotels__approve:hover { background: var(--wa-color-green-90); }

.admin-event-hotels__pagination { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.admin-event-hotels__per-page { display: flex; align-items: center; gap: 0.5rem; }
.admin-event-hotels__per-page > label,
.admin-event-hotels__per-page-suffix { font-size: 0.8125rem; color: var(--wa-color-text-quiet); }
.admin-event-hotels__per-page wa-select { width: 5.5rem; }
.admin-event-hotels__pages { display: flex; gap: 0.25rem; }
.admin-event-hotels__page { padding: 0.25rem 0.625rem; border-radius: var(--wa-border-radius-m); color: var(--wa-color-text-quiet); text-decoration: none; }
.admin-event-hotels__page--current { background: var(--wa-color-brand-fill-quiet); color: var(--wa-color-text-normal); font-weight: 600; }