/* Falue flip-back captions — 2026-08-24 */
@media (max-width: 991px) {
  [data-falue-post-placard].falue-caption-short .falue-post-placard__media,
  [data-falue-post-placard].falue-caption-short [data-falue-media-element] {
    position: relative !important;
  }

  [data-falue-post-placard].falue-caption-short .falue-post-placard__media-caption {
    position: absolute !important;
    z-index: 30 !important;
    inset: auto 0 0 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 58px 62px 15px 16px !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 0 16px 16px !important;
    color: #fff !important;
    background: linear-gradient(180deg, rgba(10,12,22,0) 0%, rgba(10,12,22,.76) 52%, rgba(10,12,22,.94) 100%) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
  }

  [data-falue-post-placard].falue-caption-short .falue-post-placard__caption-body {
    display: -webkit-box !important;
    width: 100% !important;
    max-height: 2.65em !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere !important;
    text-shadow: 0 1px 8px rgba(0,0,0,.52) !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  [data-falue-post-placard].falue-caption-short .falue-post-placard__caption-toggle {
    position: absolute !important;
    z-index: 34 !important;
    right: 14px !important;
    bottom: 14px !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 5px 8px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: rgba(18,20,34,.52) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    backdrop-filter: blur(8px) !important;
  }

  [data-falue-post-placard].falue-caption-short .falue-post-placard__caption-toggle::before {
    content: "More" !important;
    display: block !important;
    color: inherit !important;
    font: inherit !important;
    transform: none !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-shell {
    position: relative !important;
    width: 100% !important;
    height: var(--falue-post-media-height) !important;
    min-height: var(--falue-post-media-height) !important;
    max-height: var(--falue-post-media-height) !important;
    overflow: visible !important;
    perspective: 1400px !important;
  }

  [data-falue-post-placard].falue-caption-long[data-falue-media-ratio="square"] .falue-flip-shell { height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 1 / 1 !important; }
  [data-falue-post-placard].falue-caption-long[data-falue-media-ratio="portrait"] .falue-flip-shell { height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 4 / 5 !important; }
  [data-falue-post-placard].falue-caption-long[data-falue-media-ratio="vertical"] .falue-flip-shell { height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 9 / 16 !important; }

  [data-falue-post-placard].falue-caption-long .falue-flip-card {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform-style: preserve-3d !important;
    transition: transform 620ms cubic-bezier(.2,.72,.2,1) !important;
  }

  [data-falue-post-placard].falue-caption-long.is-caption-flipped .falue-flip-card {
    transform: rotateY(180deg) !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-face {
    position: absolute !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-front .falue-post-placard__media,
  [data-falue-post-placard].falue-caption-long .falue-flip-front [data-falue-media-element] {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    border-radius: 16px !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-back {
    padding: 18px 18px 76px !important;
    transform: rotateY(180deg) !important;
    color: #232536 !important;
    background: #fff !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #e8e7ef !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-photo-wrap {
    position: relative !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    overflow: visible !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-photo {
    flex: 0 0 50px !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 1px !important;
    object-fit: cover !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 13px rgba(24,19,53,.18) !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-rating.user-rating-avatar-badge {
    position: absolute !important;
    z-index: 3 !important;
    left: 34px !important;
    top: 34px !important;
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    margin: 0 !important;
    transform: none !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-rating-static {
    position: absolute !important;
    z-index: 3 !important;
    left: 34px !important;
    top: 34px !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    transform: none !important;
    overflow: visible !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-rating-static .falue-flip-rating-image {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author > .user-rating-avatar-badge {
    position: absolute !important;
    z-index: 3 !important;
    left: 34px !important;
    top: 34px !important;
    right: auto !important;
    bottom: auto !important;
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    margin: 0 !important;
    transform: none !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author > .user-rating-avatar-badge .rating-badge-medallion {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-rating .rating-badge-medallion {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-name,
  [data-falue-post-placard].falue-caption-long .falue-flip-author-time {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-author-name { color: #232536 !important; font-size: 15px !important; font-weight: 700 !important; }
  [data-falue-post-placard].falue-caption-long .falue-flip-author-time { margin-top: 2px !important; color: #77798a !important; font-size: 12px !important; font-weight: 500 !important; }

  [data-falue-post-placard].falue-caption-long .falue-flip-back .falue-post-placard__media-caption {
    position: static !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: calc(100% - 67px) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 18px 2px 4px !important;
    display: block !important;
    overflow: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #232536 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-back .falue-post-placard__caption-body {
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #232536 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-open,
  [data-falue-post-placard].falue-caption-long .falue-flip-return {
    position: absolute !important;
    z-index: 40 !important;
    right: 14px !important;
    bottom: 14px !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 12px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: rgba(42,44,78,.88) !important;
    box-shadow: 0 6px 16px rgba(10,14,28,.18) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    backdrop-filter: blur(9px) !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-post-placard__caption-toggle {
    display: none !important;
  }

  [data-falue-post-placard].falue-caption-long .falue-flip-return {
    background: #6853ee !important;
  }

  [data-falue-post-placard].falue-caption-long.is-caption-flipped > .panel > .post-heading {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #night-mode [data-falue-post-placard].falue-caption-long .falue-flip-back,
  html[data-theme="dark"] [data-falue-post-placard].falue-caption-long .falue-flip-back,
  body.dark [data-falue-post-placard].falue-caption-long .falue-flip-back,
  body.night_mode [data-falue-post-placard].falue-caption-long .falue-flip-back {
    color: #f5f4fb !important;
    background: #252630 !important;
  }

  #night-mode [data-falue-post-placard].falue-caption-long .falue-flip-author,
  html[data-theme="dark"] [data-falue-post-placard].falue-caption-long .falue-flip-author,
  body.dark [data-falue-post-placard].falue-caption-long .falue-flip-author,
  body.night_mode [data-falue-post-placard].falue-caption-long .falue-flip-author { border-bottom-color: #3b3c48 !important; }

  #night-mode [data-falue-post-placard].falue-caption-long .falue-flip-author-name,
  #night-mode [data-falue-post-placard].falue-caption-long .falue-flip-back .falue-post-placard__media-caption,
  #night-mode [data-falue-post-placard].falue-caption-long .falue-flip-back .falue-post-placard__caption-body,
  html[data-theme="dark"] [data-falue-post-placard].falue-caption-long :is(.falue-flip-author-name,.falue-post-placard__media-caption,.falue-post-placard__caption-body),
  body.dark [data-falue-post-placard].falue-caption-long :is(.falue-flip-author-name,.falue-post-placard__media-caption,.falue-post-placard__caption-body),
  body.night_mode [data-falue-post-placard].falue-caption-long :is(.falue-flip-author-name,.falue-post-placard__media-caption,.falue-post-placard__caption-body) { color: #f5f4fb !important; }
}

@media (prefers-reduced-motion: reduce) and (max-width: 991px) {
  [data-falue-post-placard].falue-caption-long .falue-flip-card { transition: none !important; transform: none !important; }
  [data-falue-post-placard].falue-caption-long .falue-flip-back { transform: none !important; opacity: 0 !important; visibility: hidden !important; }
  [data-falue-post-placard].falue-caption-long.is-caption-flipped .falue-flip-front { opacity: 0 !important; visibility: hidden !important; }
  [data-falue-post-placard].falue-caption-long.is-caption-flipped .falue-flip-back { opacity: 1 !important; visibility: visible !important; }
}

/* Mobile top bar: keep its initial placement but let it scroll with the page. */
@media (max-width: 991px) {
  .falue-mobile-profile-topbar {
    position: absolute !important;
  }
}