@charset "utf-8";/*
 * BISTRO BUDDY component/community polish — 2026-08-01
 *
 * This child layer is deliberately limited to EasySocial surfaces. Existing
 * JBusinessDirectory event, listing, deal, image, gallery and cart behavior is
 * preserved by leaving those selectors untouched.
 */

/* Restore the approved full-size Docker avatar without changing Docker layout. */
html.bb-polish-v1 body #es.es-docker .docker__menu > a:last-child,
html.bb-polish-v1 body #es.es-docker .docker-avatar > a {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  flex-basis: 50px !important;
  padding: 4px !important;
  border: 2px solid #ef7724 !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, #333338, #202024) !important;
  box-shadow:
    inset 0 0 0 2px #2f6fbd,
    0 0 14px rgba(239, 119, 36, 0.24) !important;
}

html.bb-polish-v1 body #es.es-docker .docker__menu > a:last-child img,
html.bb-polish-v1 body #es.es-docker .docker-avatar > a img,
html.bb-polish-v1 body #es.es-docker .docker__menu > a:last-child .o-avatar-v2,
html.bb-polish-v1 body #es.es-docker .docker-avatar > a .o-avatar-v2 {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  background: transparent !important;
}

/* Clear, modern posting composer; popovers remain free to escape the surface. */
html.bb-polish-v1 body #es .es-story,
html.bb-polish-v1 body #es [data-story],
html.bb-polish-v1 body #es .es-story-panel {
  position: relative !important;
  margin-bottom: 18px !important;
  border: 1px solid rgba(47, 111, 189, 0.24) !important;
  border-radius: 20px !important;
  color: #202124 !important;
  background:
    radial-gradient(circle at 0 0, rgba(239, 119, 36, 0.1), transparent 32%),
    radial-gradient(circle at 100% 100%, rgba(47, 111, 189, 0.11), transparent 34%),
    #fff !important;
  box-shadow: 0 16px 38px rgba(37, 36, 61, 0.13) !important;
}

html.bb-polish-v1 body #es .es-story::before,
html.bb-polish-v1 body #es [data-story]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 10px auto !important;
  height: 4px !important;
  border-radius: 0 0 999px 999px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, #ef7724, #7ca4dd, #ff9a44) !important;
  background-size: 220% 100% !important;
  animation: bbPolishStoryLine 6s linear infinite !important;
}

html.bb-polish-v1 body #es .es-story-body,
html.bb-polish-v1 body #es .es-story-panel-content,
html.bb-polish-v1 body #es .es-story-textbox,
html.bb-polish-v1 body #es .mentions,
html.bb-polish-v1 body #es .es-story-text-placeholder-ie9 {
  border-color: rgba(47, 111, 189, 0.18) !important;
  color: #202124 !important;
  background: #fff !important;
}

html.bb-polish-v1 body #es .es-story-textbox,
html.bb-polish-v1 body #es .mentions,
html.bb-polish-v1 body #es .es-story textarea,
html.bb-polish-v1 body #es [data-story] textarea {
  min-height: 92px !important;
  padding: 16px !important;
  border: 1px solid rgba(47, 111, 189, 0.22) !important;
  border-radius: 14px !important;
  color: #202124 !important;
  background: linear-gradient(180deg, #fff, #fbfdff) !important;
  box-shadow: inset 0 2px 7px rgba(37, 36, 61, 0.05) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

html.bb-polish-v1 body #es .es-story-textbox:focus-within,
html.bb-polish-v1 body #es .mentions:focus-within,
html.bb-polish-v1 body #es .es-story textarea:focus,
html.bb-polish-v1 body #es [data-story] textarea:focus {
  border-color: #2f6fbd !important;
  outline: none !important;
  box-shadow:
    0 0 0 4px rgba(47, 111, 189, 0.13),
    inset 0 2px 7px rgba(37, 36, 61, 0.04) !important;
}

html.bb-polish-v1 body #es .es-story-header,
html.bb-polish-v1 body #es .es-story-footer,
html.bb-polish-v1 body #es .es-story-actions,
html.bb-polish-v1 body #es .es-story-panel-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 11px 13px !important;
  border-color: rgba(47, 111, 189, 0.12) !important;
  background: rgba(246, 249, 253, 0.9) !important;
}

html.bb-polish-v1 body #es .es-story a,
html.bb-polish-v1 body #es .es-story button,
html.bb-polish-v1 body #es [data-story] a,
html.bb-polish-v1 body #es [data-story] button {
  min-height: 40px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease !important;
}

html.bb-polish-v1 body #es .es-story .btn-primary,
html.bb-polish-v1 body #es .es-story button[type="submit"],
html.bb-polish-v1 body #es [data-story] .btn-primary,
html.bb-polish-v1 body #es [data-story] button[type="submit"] {
  margin-left: auto !important;
  border-color: transparent !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ef7724, #2f6fbd) !important;
  box-shadow: 0 8px 18px rgba(47, 111, 189, 0.22) !important;
}

html.bb-polish-v1 body #es .es-story a:hover,
html.bb-polish-v1 body #es .es-story button:hover,
html.bb-polish-v1 body #es [data-story] a:hover,
html.bb-polish-v1 body #es [data-story] button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(37, 36, 61, 0.14) !important;
}

@keyframes bbPolishStoryLine {
  to {
    background-position: 220% 0;
  }
}

@media (max-width: 767.98px) {
  html.bb-polish-v1 body #es.es-docker .docker__menu > a:last-child,
  html.bb-polish-v1 body #es.es-docker .docker-avatar > a {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex-basis: 44px !important;
    padding: 3px !important;
  }

  html.bb-polish-v1 body #es.es-docker .docker__menu > a:last-child img,
  html.bb-polish-v1 body #es.es-docker .docker-avatar > a img,
  html.bb-polish-v1 body #es.es-docker .docker__menu > a:last-child .o-avatar-v2,
  html.bb-polish-v1 body #es.es-docker .docker-avatar > a .o-avatar-v2 {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  html.bb-polish-v1 body #es .es-story-header,
  html.bb-polish-v1 body #es .es-story-footer,
  html.bb-polish-v1 body #es .es-story-actions,
  html.bb-polish-v1 body #es .es-story-panel-buttons {
    gap: 6px !important;
    padding: 9px !important;
  }

  html.bb-polish-v1 body #es .es-story a,
  html.bb-polish-v1 body #es .es-story button,
  html.bb-polish-v1 body #es [data-story] a,
  html.bb-polish-v1 body #es [data-story] button {
    flex: 1 1 auto !important;
    min-width: 44px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.bb-polish-v1 body #es .es-story::before,
  html.bb-polish-v1 body #es [data-story]::before {
    animation: none !important;
  }

  html.bb-polish-v1 body #es .es-story a,
  html.bb-polish-v1 body #es .es-story button,
  html.bb-polish-v1 body #es [data-story] a,
  html.bb-polish-v1 body #es [data-story] button {
    transition: none !important;
  }
}