/* Ornament from the official meeting banner (index_3).
   assets/ornament-tile.png = the banner's floral motif, extracted as a transparent overlay and mirrored into a seamless tile. */

/* A · Speech cards: ornament fades in from the corner opposite the portrait */
.ornament .opening { position: relative; overflow: hidden; }
.ornament .opening::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: url("../assets/ornament-tile.png") right top / 520px;
  opacity: 1;
  -webkit-mask-image: radial-gradient(circle at 100% 0, #000 0, rgba(0, 0, 0, .85) 35%, transparent 82%);
  mask-image: radial-gradient(circle at 100% 0, #000 0, rgba(0, 0, 0, .85) 35%, transparent 82%);
}
.ornament .opening.reverse::before { /* closing card: portrait on the right → ornament from the bottom-left; darker card, so the motif is layered twice */
  background: url("../assets/ornament-tile.png") left bottom / 520px, url("../assets/ornament-tile.png") left bottom / 520px;
  -webkit-mask-image: radial-gradient(circle at 0 100%, #000 0, rgba(0, 0, 0, .85) 35%, transparent 82%);
  mask-image: radial-gradient(circle at 0 100%, #000 0, rgba(0, 0, 0, .85) 35%, transparent 82%);
}
.ornament .opening > * { position: relative; z-index: 1; }

/* C · Small tiles: regional-organisation badges (participant cards + popup header) */
.ornament .pcard .org,
.ornament .modal-flag .org-badge {
  background: url("../assets/ornament-tile.png") center / 220px, url("../assets/ornament-tile.png") center / 220px, linear-gradient(140deg, #d81e2a, #5c070d);
  color: #fff;
}
.ornament .modal-flag .bgflag[style*="linear-gradient"] { /* popup cover behind an org badge */
  background: url("../assets/ornament-tile.png") center / 360px, url("../assets/ornament-tile.png") center / 360px, linear-gradient(140deg, #d81e2a, #3d0508) !important;
  filter: none; opacity: 1;
}