/*
 * Falue Post Placard — Concept 4: Premium Look
 * One continuous placard surface from header through footer.
 * Loaded after the existing placard/carousel/rating styles so it remains isolated.
 */

[data-falue-post-placard] {
  --falue-c4-accent: #5D5F93;
  --falue-c4-accent-strong: #6948D7;
  --falue-c4-ink: #2B2D42;
  --falue-c4-muted: #858B9C;
  --falue-c4-border: rgba(43,45,66,.10);
  --falue-c4-surface: #fff;
}

/* ONE visible card: the panel owns the surface because it contains both header and body. */
.post-container,
.post-container > .post[data-post-id],
[data-falue-post-placard] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

[data-falue-post-placard] > .panel,
[data-falue-post-placard] > .panel.panel-white,
[data-falue-post-placard] > .panel.panel-shadow,
[data-falue-post-placard] > .panel.panel-white.panel-shadow {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--falue-c4-surface) !important;
  border: 1px solid var(--falue-c4-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(43,45,66,.10) !important;
  overflow: visible !important;
}

/* The old inner card becomes layout-only so there is no nested white shell. */
[data-falue-post-placard] > .panel > .post-description {
  margin: 0 !important;
  padding: 0 14px 14px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

[data-falue-post-placard] > .panel > .post-description .post-description,
[data-falue-post-placard] .wow_shared_posts,
[data-falue-post-placard] .tag_post_prods,
[data-falue-post-placard] .falue-post-placard__media {
  background-color: transparent !important;
}

/* Premium header spacing, still using the existing functional post header. */
[data-falue-post-placard] > .panel > .post-heading {
  padding: 15px 16px 11px !important;
}
[data-falue-post-placard] > .panel > .post-heading .avatar {
  box-shadow: 0 0 0 3px rgba(93,95,147,.07);
}

/* Media is inset inside the one card, with clean premium corners. */
[data-falue-post-placard] [data-falue-media-element],
[data-falue-post-placard] [data-falue-media-element] > img,
[data-falue-post-placard] [data-falue-media-element] .image-file,
[data-falue-post-placard] [data-falue-media-element] video,
[data-falue-post-placard] [data-falue-media-element] iframe,
[data-falue-post-placard] .falue-media-carousel,
[data-falue-post-placard] .falue-media-carousel__viewport {
  border-radius: 19px !important;
}

/* Concept 4 carousel: count pill + subtle dots, purple selected state. */
[data-falue-post-placard] .falue-media-carousel__counter {
  top: 10px !important;
  right: 10px !important;
  min-width: 38px !important;
  height: 26px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  background: rgba(33,36,55,.76) !important;
  color: #fff !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(10px);
}
[data-falue-post-placard] .falue-media-carousel__dots {
  gap: 5px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}
[data-falue-post-placard] .falue-media-carousel__dot {
  width: 6px !important;
  height: 6px !important;
  border: 0 !important;
  background: #D9DBE5 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
[data-falue-post-placard] .falue-media-carousel__dot.is-active {
  width: 7px !important;
  height: 7px !important;
  background: #7A5AF8 !important;
  transform: none !important;
}
[data-falue-post-placard] .falue-media-carousel__arrow {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(43,45,66,.08) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--falue-c4-ink) !important;
  box-shadow: 0 6px 18px rgba(43,45,66,.12) !important;
  backdrop-filter: blur(10px);
}

/* Premium engagement strip contained inside the same surface. */
[data-falue-post-placard] .falue-post-placard__engagement {
  margin: 12px 0 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid rgba(43,45,66,.08) !important;
}
[data-falue-post-placard] .falue-post-placard__rating,
[data-falue-post-placard] .falue-post-placard__comments-button,
[data-falue-post-placard] .falue-post-placard__quick-comment-wrap {
  border-color: rgba(43,45,66,.08) !important;
}
[data-falue-post-placard] .falue-post-placard__quick-comment-submit {
  background: var(--falue-c4-accent) !important;
  box-shadow: 0 5px 14px rgba(93,95,147,.24) !important;
}
[data-falue-post-placard] .falue-post-placard__quick-comment-submit:hover {
  background: #50527F !important;
}

/* PRODUCT placards — Concept 4 premium hierarchy. */
[data-falue-post-placard][data-falue-placard-kind="product"] .tag_post_prods {
  margin: 0 !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .tag_post_prods .carousel {
  border-radius: 19px !important;
  overflow: hidden !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .wow_post_prod {
  padding: 15px 4px 2px !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .wow_post_prod_name {
  margin: 0 0 5px !important;
  color: var(--falue-c4-ink) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: -.025em;
}
[data-falue-post-placard][data-falue-placard-kind="product"] p.wow_post_prod_price {
  margin: 0 0 7px !important;
  color: var(--falue-c4-accent-strong) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .wow_post_prod_shead {
  color: var(--falue-c4-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .pr_stars {
  margin: 0 0 7px !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .pr_stars .star {
  width: 15px !important;
  height: 15px !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .tag_post_prods_btns {
  justify-content: flex-end !important;
  padding: 4px 0 7px !important;
  margin: 0 !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .tag_post_prods_btns > a.btn-default {
  min-width: 122px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 7px 0 0 !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #2B2D42 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 7px 16px rgba(43,45,66,.17) !important;
}
[data-falue-post-placard][data-falue-placard-kind="product"] .tag_post_prods_btns > a.btn-default:hover {
  background: var(--falue-c4-accent) !important;
  color: #fff !important;
}

/* Desktop product mosaic keeps its layout, but receives Concept 4 hierarchy. */
@media (min-width: 992px) {
  [data-falue-post-placard][data-falue-placard-kind="product"] .falue-product-desktop-card {
    padding: 4px 0 6px !important;
  }
  [data-falue-post-placard][data-falue-placard-kind="product"] .falue-product-desktop-name {
    color: var(--falue-c4-ink) !important;
  }
  [data-falue-post-placard][data-falue-placard-kind="product"] p.falue-product-desktop-price {
    color: var(--falue-c4-accent-strong) !important;
  }
  [data-falue-post-placard][data-falue-placard-kind="product"] .falue-product-desktop-details {
    min-width: 126px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #2B2D42 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(43,45,66,.18) !important;
  }
  [data-falue-post-placard][data-falue-placard-kind="product"] .falue-product-desktop-details:hover,
  [data-falue-post-placard][data-falue-placard-kind="product"] .falue-product-desktop-details:focus {
    background: var(--falue-c4-accent) !important;
    color: #fff !important;
  }
}

/* Smaller screens: tighter premium spacing, still one surface. */
@media (max-width: 767.98px) {
  [data-falue-post-placard] > .panel,
  [data-falue-post-placard] > .panel.panel-white,
  [data-falue-post-placard] > .panel.panel-shadow,
  [data-falue-post-placard] > .panel.panel-white.panel-shadow {
    border-radius: 20px !important;
    box-shadow: 0 10px 25px rgba(43,45,66,.09) !important;
  }
  [data-falue-post-placard] > .panel > .post-heading {
    padding: 12px 12px 9px !important;
  }
  [data-falue-post-placard] > .panel > .post-description {
    padding: 0 10px 11px !important;
  }
  [data-falue-post-placard] [data-falue-media-element],
  [data-falue-post-placard] [data-falue-media-element] > img,
  [data-falue-post-placard] [data-falue-media-element] .image-file,
  [data-falue-post-placard] .falue-media-carousel,
  [data-falue-post-placard] .falue-media-carousel__viewport,
  [data-falue-post-placard][data-falue-placard-kind="product"] .tag_post_prods .carousel {
    border-radius: 16px !important;
  }
  [data-falue-post-placard] .falue-post-placard__engagement {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }
  [data-falue-post-placard][data-falue-placard-kind="product"] .wow_post_prod {
    padding: 13px 3px 2px !important;
  }
}

/* Dark mode version. */
#night-mode [data-falue-post-placard],
html[data-theme="dark"] [data-falue-post-placard],
body.dark [data-falue-post-placard],
body.night_mode [data-falue-post-placard] {
  --falue-c4-surface: #181B28;
  --falue-c4-ink: #F4F6FB;
  --falue-c4-muted: #AAB1C4;
  --falue-c4-border: rgba(255,255,255,.09);
}
#night-mode [data-falue-post-placard] > .panel,
html[data-theme="dark"] [data-falue-post-placard] > .panel,
body.dark [data-falue-post-placard] > .panel,
body.night_mode [data-falue-post-placard] > .panel {
  box-shadow: 0 16px 36px rgba(0,0,0,.27) !important;
}
#night-mode [data-falue-post-placard] .falue-post-placard__engagement,
html[data-theme="dark"] [data-falue-post-placard] .falue-post-placard__engagement,
body.dark [data-falue-post-placard] .falue-post-placard__engagement,
body.night_mode [data-falue-post-placard] .falue-post-placard__engagement {
  border-top-color: rgba(255,255,255,.08) !important;
}
#night-mode [data-falue-post-placard] .falue-media-carousel__dot,
html[data-theme="dark"] [data-falue-post-placard] .falue-media-carousel__dot,
body.dark [data-falue-post-placard] .falue-media-carousel__dot,
body.night_mode [data-falue-post-placard] .falue-media-carousel__dot {
  background: #565C70 !important;
}
#night-mode [data-falue-post-placard] .falue-media-carousel__dot.is-active,
html[data-theme="dark"] [data-falue-post-placard] .falue-media-carousel__dot.is-active,
body.dark [data-falue-post-placard] .falue-media-carousel__dot.is-active,
body.night_mode [data-falue-post-placard] .falue-media-carousel__dot.is-active {
  background: #8B6BFF !important;
}