/* Rulezz Likes V1.2 — header UX validé. CSS encapsulé, aucun style global du BO. */
/* Installer Rulezz et Aide disparaissent du HEADER, et restent accessibles par URL/menu mobile. */
header.rz40-head a.rz-pwa-install-header,
header.rz40-head a[href$="installer.php"],
header.rz40-head a[href*="installer.php?"],
header.rz40-head a[href$="help.php"],
header.rz40-head a[href*="help.php?"],
header.rz-shared-head a.rz-pwa-install-header,
header.rz-shared-head a[href$="installer.php"],
header.rz-shared-head a[href*="installer.php?"],
header.rz-shared-head a[href$="help.php"],
header.rz-shared-head a[href*="help.php?"]{
  display:none!important;
}
/* Le bouton entier est UNE seule pastille : cœur, intitulé, compteur. */
header.rz40-head .rzlikes-button,
header.rz-shared-head .rzlikes-button{
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0 3px!important;
  padding:4px 12px 4px 5px!important;
  border:1px solid #e851c1!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(112deg,rgba(135,28,112,.42),rgba(28,22,75,.82))!important;
  box-shadow:0 0 0 1px rgba(235,66,190,.08),0 0 10px rgba(229,44,155,.13),inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-decoration:none!important;
  text-shadow:none!important;
  font-family:inherit!important;font-size:13px!important;font-weight:800!important;line-height:1.05!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  cursor:pointer;
  vertical-align:middle!important;
  isolation:isolate;
  transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
header.rz40-head .rzlikes-button .rzlikes-icon,
header.rz-shared-head .rzlikes-button .rzlikes-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,160,218,.43)!important;
  background:linear-gradient(135deg,#fa3e9b,#d72c97)!important;
  box-shadow:0 0 11px rgba(243,49,151,.4)!important;
}
header.rz40-head .rzlikes-button .rzlikes-icon svg,
header.rz-shared-head .rzlikes-button .rzlikes-icon svg{
  display:block!important;width:19px!important;height:19px!important;
  stroke:#fff!important;stroke-width:1.45!important;stroke-linejoin:round!important;
  fill:#fff!important;
  filter:none!important;
}
header.rz40-head .rzlikes-button .rzlikes-label,
header.rz-shared-head .rzlikes-button .rzlikes-label{
  display:inline!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
}
header.rz40-head .rzlikes-button .rzlikes-count,
header.rz-shared-head .rzlikes-button .rzlikes-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:2ch!important;
  margin:0 0 0 1px!important;
  padding:0 0 0 9px!important;
  border-left:1px solid rgba(255,255,255,.32)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:20px!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
}
header.rz40-head .rzlikes-button[aria-pressed="true"],
header.rz-shared-head .rzlikes-button[aria-pressed="true"]{
  border-color:#ff90d7!important;
  background:linear-gradient(112deg,rgba(195,35,133,.54),rgba(90,30,122,.8))!important;
}
header.rz40-head .rzlikes-button:hover:not(:disabled),
header.rz-shared-head .rzlikes-button:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#ff9cdb!important;
  box-shadow:0 0 17px rgba(244,47,161,.30)!important;
}
header.rz40-head .rzlikes-button:active:not(:disabled),
header.rz-shared-head .rzlikes-button:active:not(:disabled){transform:translateY(0)}
header.rz40-head .rzlikes-button:focus-visible,
header.rz-shared-head .rzlikes-button:focus-visible{outline:3px solid #61d4ff!important;outline-offset:3px!important}
header.rz40-head .rzlikes-button[hidden],
header.rz-shared-head .rzlikes-button[hidden]{display:none!important}
header.rz40-head .rzlikes-button:disabled,
header.rz-shared-head .rzlikes-button:disabled{opacity:.85;cursor:wait}
.rzlikes-mobile-slot{display:none!important}
/* Antidébordement : un peu plus d'espace aux autres liens sans modifier leur style. */
header.rz40-head .rz40-tools,header.rz-shared-head .rz40-tools{gap:6px}
@media(max-width:900px){
  header.rz40-head .rz40-tools>.rzlikes-button,
  header.rz-shared-head .rz40-tools>.rzlikes-button{display:none!important}
  header.rz40-head .rzlikes-mobile-slot,
  header.rz-shared-head .rzlikes-mobile-slot{
    display:inline-flex!important;align-items:center!important;
    justify-content:center!important;margin-left:auto!important;
    margin-right:6px!important;min-width:0!important;flex:0 0 auto!important;
  }
  header.rz40-head .rzlikes-mobile-slot .rzlikes-button,
  header.rz-shared-head .rzlikes-mobile-slot .rzlikes-button{
    height:39px!important;min-height:39px!important;max-height:39px!important;
    padding:4px 9px 4px 5px!important;border-radius:12px!important;
    gap:6px!important;margin:0!important;
  }
  header.rz40-head .rzlikes-mobile-slot .rzlikes-label,
  header.rz-shared-head .rzlikes-mobile-slot .rzlikes-label{display:none!important}
  header.rz40-head .rzlikes-mobile-slot .rzlikes-count,
  header.rz-shared-head .rzlikes-mobile-slot .rzlikes-count{
    margin-left:0!important;padding-left:0!important;border-left:0!important;
  }
}
@media(max-width:380px){
  header.rz40-head .rzlikes-mobile-slot .rzlikes-button,
  header.rz-shared-head .rzlikes-mobile-slot .rzlikes-button{height:36px!important;min-height:36px!important;max-height:36px!important;padding:3px 7px 3px 4px!important}
  header.rz40-head .rzlikes-mobile-slot .rzlikes-icon,
  header.rz-shared-head .rzlikes-mobile-slot .rzlikes-icon{width:27px!important;min-width:27px!important;height:27px!important;flex-basis:27px!important}
}
@media(prefers-reduced-motion:reduce){header.rz40-head .rzlikes-button,header.rz-shared-head .rzlikes-button{transition:none!important}}
@media(prefers-contrast:more){header.rz40-head .rzlikes-button,header.rz-shared-head .rzlikes-button{border:2px solid white!important;background:#6f195b!important}}