/* LunaLeaf V47: ONE elegant forest-green photo action pill in two orientations.
   V46 inbox, navbar, personal covers, posts, captions, payment and messages unchanged.
   Only photo posts on the For You feed are styled here. */
:root{--ll47-action-forest:var(--ll46-forest,#193629);--ll47-action-gold:var(--ll46-gold,#d7b471);--ll47-action-cream:#fff6e5}

/* Upright capsule remains inside taller photographs, exactly as before. */
.feed-mode #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions{
  background:linear-gradient(155deg,#254938f4,#193629f5)!important;
  border:1.4px solid var(--ll47-action-gold)!important;
  border-radius:30px!important;
  box-shadow:0 3px 11px rgba(15,25,19,.35)!important;
  color:var(--ll47-action-cream)!important;
}
/* Bright, readable cream icons and counts, with gold detail against forest green. */
.feed-mode #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action,
.feed-mode #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .ll34-views{
  color:var(--ll47-action-cream)!important;
}
.feed-mode #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action svg,
.feed-mode #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .ll34-views svg{
  color:var(--ll47-action-gold)!important;
  stroke:var(--ll47-action-gold)!important;
}
/* Keep feedback colors distinct and visible. */
.feed-mode #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action.liked svg{
  fill:#e3779d!important;stroke:#ffe1e9!important;
}
.feed-mode #content article.post-card.ll45-photo-post .ll45-image-frame .post-actions .action.saved svg{
  fill:var(--ll47-action-gold)!important;stroke:#fff7de!important;
}
/* Wide/short pictures: the SAME green rounded capsule laid across underneath
   the picture, not V45's flat square sage row. Keep the full picture visible. */
.feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame{
  flex-direction:column!important;align-items:stretch!important;
}
.feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions{
  position:static!important;
  z-index:auto!important;
  width:calc(100% - 16px)!important;
  max-width:430px!important;
  min-height:62px;
  max-height:none!important;
  box-sizing:border-box!important;
  margin:10px auto 11px!important;
  padding:5px 10px!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-around!important;
  align-items:center!important;
  gap:clamp(2px,1.4vw,10px)!important;
  border-radius:999px!important;
  background:linear-gradient(105deg,#284a38,#193629)!important;
}
.feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .left-actions{
  flex-direction:row!important;
  flex:0 1 auto!important;
  justify-content:space-around!important;
  align-items:center!important;
  gap:clamp(2px,1.4vw,10px)!important;
}
.feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .action,
.feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .ll34-views{
  min-width:32px!important;
  min-height:42px!important;
  max-width:56px!important;
  padding:2px 0!important;
  margin:0!important;
  background:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:2px!important;
  flex:0 1 auto!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.1!important;
  color:var(--ll47-action-cream)!important;
}
.feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .action svg{
  width:23px!important;height:23px!important;
  stroke:var(--ll47-action-gold)!important;
}
.feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .ll34-views svg{
  width:21px!important;height:21px!important;
  stroke:var(--ll47-action-gold)!important;
}
/* Hidden view counts must remain hidden if backend tracking is unavailable. */
.feed-mode #content article.post-card.ll45-photo-post .post-actions .ll34-views[hidden]{display:none!important}
@media(max-width:375px){
 .feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions{
   width:calc(100% - 12px)!important;padding:5px 7px!important;gap:2px!important;
 }
 .feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .left-actions{gap:2px!important}
 .feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .action,
 .feed-mode #content article.post-card.ll45-photo-post.ll45-short-photo .ll45-image-frame .post-actions .ll34-views{
   min-width:29px!important;
 }
}