/*
  EXP overrides for epvotes.eu Voting Visualizer.

  This file is enqueued only on the EPV test page. Rules are gated behind
  html.epv-exp-on so the override layer can be toggled with ?epvexp=0.

  Keep changes small and targeted so experiments don't pollute the main plugin.
*/

/* Example:
#voting-logoscherm-container .fractie-header {
  outline: 2px solid magenta !important;
}
*/

/*
  EXP: Put Accepted/Rejected inside the label ("Vote Accepted:")
  and hide the duplicate decision text element.
  Keep #legend-decision in DOM because existing plugin logic reads it.
*/
html.epv-exp-on #voting-logoscherm-container #legend-decision,
html.epv-exp-on #voting-description-sidebar #legend-decision {
  display: none !important;
}

/*
  EXP: Prevent title flicker by hiding the plugin-owned #info-code and showing our shim.
  The plugin will still rewrite #info-code on vote changes, but it's not visible.
*/
html.epv-exp-on #info-code {
  display: none !important;
}

html.epv-exp-on #epv-exp-info-code {
  display: inline !important;
}

html.epv-exp-on #epv-result-chip {
  display: none !important;
}

/*
  EXP: Make the rapporteur emoji icon match the light-grey meta icons.
  The 👤 icon is loaded as an external SVG via <img>, so we use a CSS filter.
*/
html.epv-exp-on #info-rapporteur-item img.emoji {
  /* Make icon light-grey regardless of original hue */
  filter: brightness(0) invert(1) !important;
  opacity: 0.65;
}

/*
  EXP: Share link button overlay (top-right above logoscherm).
  JS ensures the target container is position:relative.
*/
html.epv-exp-on #epv-share-link-overlay {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1000;
}

html.epv-exp-on #share-link-btn {
  /* EU flag colors */
  background: #ffcc00 !important;
  color: #003399 !important;
  border: 1px solid rgba(0, 51, 153, 0.25) !important;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

html.epv-exp-on #share-link-btn:hover {
  filter: brightness(0.98);
}

html.epv-exp-on #share-link-btn:active {
  filter: brightness(0.95);
}

html.epv-exp-on #share-link-btn:focus {
  outline: 2px solid rgba(0, 51, 153, 0.35);
  outline-offset: 2px;
}