/* RedFeed — modos de layout do feed (classic | cards). Padrão: classic */

/* —— Classic — proporção natural (exceto feed home IG) —— */
html[data-rf-feed-layout="classic"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media-wrap .rf-post-media,
html[data-rf-feed-layout="classic"] body:not(.rf-redfeed-home) .rf-post-media-wrap .rf-post-media,
body.rf-feed-layout-classic:not(.rf-redfeed-home) .rf-post-media-wrap .rf-post-media {
  position: relative;
  overflow: hidden;
  background: #000 !important;
  aspect-ratio: auto !important;
  max-height: min(82vh, 820px);
  width: 100%;
  min-height: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

html[data-rf-feed-layout="classic"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media video.rf-feed-vid-lazy,
html[data-rf-feed-layout="classic"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media > video,
html[data-rf-feed-layout="classic"] body:not(.rf-redfeed-home) .rf-post-media video.rf-feed-vid-lazy,
html[data-rf-feed-layout="classic"] body:not(.rf-redfeed-home) .rf-post-media > video,
body.rf-feed-layout-classic:not(.rf-redfeed-home) .rf-post-media video.rf-feed-vid-lazy {
  width: 100% !important;
  height: auto !important;
  max-height: min(82vh, 820px) !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #000 !important;
  display: block;
}

html[data-rf-feed-layout="classic"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media > img,
html[data-rf-feed-layout="classic"] body:not(.rf-redfeed-home) .rf-post-media > img,
body.rf-feed-layout-classic:not(.rf-redfeed-home) .rf-post-media > img {
  width: 100% !important;
  height: auto !important;
  max-height: min(82vh, 820px) !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #000 !important;
}

html[data-rf-feed-layout="classic"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media.rf-feed-open-reels,
html[data-rf-feed-layout="classic"] body:not(.rf-redfeed-home) .rf-post-media.rf-feed-open-reels,
body.rf-feed-layout-classic:not(.rf-redfeed-home) .rf-post-media.rf-feed-open-reels {
  min-height: unset !important;
  max-height: min(82vh, 820px) !important;
  display: flex !important;
}

/* —— Cards (experimental — estilo feed em cards) —— */
html[data-rf-feed-layout="cards"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media video.rf-feed-vid-lazy,
html[data-rf-feed-layout="cards"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media > video,
html[data-rf-feed-layout="cards"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media-wrap .rf-post-media video,
html[data-rf-feed-layout="cards"] body:not(.rf-redfeed-home) .rf-post-media video.rf-feed-vid-lazy,
html[data-rf-feed-layout="cards"] body:not(.rf-redfeed-home) .rf-post-media > video,
body.rf-feed-layout-cards:not(.rf-redfeed-home) .rf-post-media video.rf-feed-vid-lazy {
  width: 100% !important;
  height: auto !important;
  max-height: min(calc(100dvh - 150px - env(safe-area-inset-bottom)), 880px) !important;
  min-height: min(52vh, 480px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #0a0a10 !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media > img,
html[data-rf-feed-layout="cards"] body:not(.rf-redfeed-home) .rf-post-media > img,
body.rf-feed-layout-cards:not(.rf-redfeed-home) .rf-post-media > img {
  width: 100% !important;
  height: auto !important;
  max-height: min(calc(100dvh - 150px - env(safe-area-inset-bottom)), 880px) !important;
  min-height: min(52vh, 480px) !important;
  object-fit: contain !important;
  background: #0a0a10 !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media-wrap .rf-post-media,
html[data-rf-feed-layout="cards"][data-rf-native-app="1"] body:not(.rf-redfeed-home) .rf-post-media.rf-feed-open-reels,
html[data-rf-feed-layout="cards"] body:not(.rf-redfeed-home) .rf-post-media-wrap .rf-post-media,
body.rf-feed-layout-cards:not(.rf-redfeed-home) .rf-post-media-wrap .rf-post-media {
  min-height: min(58vh, 560px) !important;
  max-height: min(calc(100dvh - 140px - env(safe-area-inset-bottom)), 900px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  aspect-ratio: auto !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-list .rf-post,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-list .rf-post,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-list .rf-post {
  display: flex !important;
  flex-direction: column !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 12px !important;
  margin-bottom: 2px !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-top,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-top,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-top { order: 1; }

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-media-wrap,
html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-media.rf-feed-open-reels,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-media-wrap,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-media.rf-feed-open-reels { order: 3; }

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-body,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-body,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-body {
  order: 5;
  padding: 6px 14px 2px !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-caption-below,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-caption-below,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-caption-below {
  order: 6;
  padding: 8px 14px 12px !important;
  background: #000 !important;
  cursor: pointer;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-body > .rf-post-caption,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-body > .rf-post-caption,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-body > .rf-post-caption {
  display: none !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-caption-below .rf-post-caption-preview,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-caption-below .rf-post-caption-preview,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-caption-below .rf-post-caption-preview {
  -webkit-line-clamp: 5;
  font-size: 0.88rem;
  line-height: 1.42;
  color: #e8e8f2;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-caption-below .rf-caption-full-btn,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-caption-below .rf-caption-full-btn,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-caption-below .rf-caption-full-btn {
  display: none;
  border: 0;
  background: transparent;
  color: #ff8ab3;
  font-weight: 800;
  font-size: 0.82rem;
  padding: 6px 0 0;
  margin: 0;
  cursor: pointer;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-caption-below.has-more .rf-caption-full-btn,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-caption-below.has-more .rf-caption-full-btn,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-caption-below.has-more .rf-caption-full-btn {
  display: block;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-actions,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-actions,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-actions {
  gap: 8px !important;
  margin-bottom: 4px !important;
  align-items: center !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-actions .rf-feed-like-form button,
html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-actions .rf-feed-comment-toggle,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-actions .rf-feed-like-form button,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-actions .rf-feed-comment-toggle {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  padding: 7px 13px !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-post-actions .rf-feed-repost-btn,
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-post-actions .rf-feed-repost-btn,
body.rf-feed-layout-cards.rf-redfeed-home .rf-post-actions .rf-feed-repost-btn {
  margin-left: auto !important;
}

html[data-rf-feed-layout="cards"][data-rf-native-app="1"] .rf-feed-follow-btn:not(.is-following),
html[data-rf-feed-layout="cards"] body.rf-redfeed-home .rf-feed-follow-btn:not(.is-following),
body.rf-feed-layout-cards.rf-redfeed-home .rf-feed-follow-btn:not(.is-following) {
  background: #fff !important;
  color: #111 !important;
  border-radius: 999px !important;
}