/* /plugins/auction/assets/css/views/auctions.css */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Phones: the "browse all auctions" button under an empty list wraps
   instead of running past the screen in longer languages (Greek). */
@media (max-width: 639px) {
  html .ed-btn-primary.auc-empty-cta { max-width: 100%; white-space: normal; text-align: center; }
}

/* /assets/css/components/guest-wall.css */
/* The sign-in wall over a members-only control (includes/guest-wall.php).
   The control and the card share one grid cell, so the wall is as tall as
   the taller of the two and nothing is clipped. Colours are the theme's own
   tokens; the card's text is --ink on at least 80% --paper, which keeps AA
   whatever shows through it. */
.px-gw {
  position: relative;
  display: grid;
  isolation: isolate;
}
.px-gw > * { grid-area: 1 / 1; min-width: 0; }

.px-gw__body {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
/* What the caller hid stays hidden, whatever display its own classes give it. */
.px-gw__body [hidden] { display: none !important; }
/* A coloured button blurred behind the card still reads as a smudge through
   it, so the control's buttons keep their place but aren't drawn. */
.px-gw__body :is(button, [role="button"], input[type="submit"], input[type="button"]) { visibility: hidden !important; }

.px-gw__card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.25rem 1rem;
  text-align: center;
  color: var(--ink);
  background: var(--paper-2);
  border: 1px solid var(--rule);
  border-radius: 12px;
  box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.45);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) and (background: color-mix(in srgb, red 50%, transparent)) {
  .px-gw__card {
    background: color-mix(in srgb, var(--paper) 80%, transparent);
    -webkit-backdrop-filter: blur(10px) saturate(1.15);
    backdrop-filter: blur(10px) saturate(1.15);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .px-gw__card {
    background: var(--paper-2);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

.px-gw__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--rule);
}
.px-gw__badge svg { display: block; }

.px-gw__title {
  margin: 0.25rem 0 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.px-gw__line {
  margin: 0;
  max-width: 34rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--ink);
  overflow-wrap: anywhere;
}

/* Sign in and Create account side by side, always the same width, each
   label on one line. Themes turn any
   primary + secondary pair into a flex row on phones (html body
   :is(div, p):has(> .ed-btn-primary)…), so these selectors outweigh that. */
.px-gw .px-gw__card .px-gw__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0.5rem;
  width: 100%;
  max-width: 24rem;
  margin-top: 0.5rem;
}
/* A theme's own button padding or nowrap must not widen one column past the other. */
.px-gw .px-gw__card .px-gw__actions > .px-gw__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  margin: 0;
  padding-inline: 1rem;
  text-align: center;
  white-space: nowrap;
}
/* On a phone each button is about 140px wide: less side padding and a
   slightly smaller label keep "Create account" (and longer translations)
   on one line, at the same size in both buttons. */
@media (max-width: 480px) {
  .px-gw .px-gw__card .px-gw__actions > .px-gw__btn {
    padding-inline: 0.375rem;
    font-size: clamp(0.6875rem, 3.1vw, 0.875rem);
    letter-spacing: 0;
  }
}

.px-gw__return {
  margin: 0.125rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--ink);
}

.px-gw__social {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--rule);
}
.px-gw__social-label {
  margin: 0;
  font-size: 0.75rem;
  color: var(--ink);
}
.px-gw__social-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.px-gw__social-row .social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.625rem;
  border: 1px solid var(--rule);
  background: var(--paper);
}
.px-gw__social-row .social-btn img { width: 1.25rem; height: 1.25rem; }

.px-gw a:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}