/* .lhsd-pdf-btn {
  display: inline-block;
  background: #1e40af;
  color: #fff;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}
.lhsd-pdf-btn:hover {
  background: #1d4ed8;
  color: #fff;
} */

/* Couleurs + rayon demandés */
:root {
  --lhsd-pdf-bg: #3c509e;
  --lhsd-pdf-bg-hover: #5675b84d;
  --lhsd-pdf-color: #ffffff;
  --lhsd-pdf-color-hover: #e94a31;
  --lhsd-pdf-radius: 5px 20px 5px 20px;
}

/* Le bouton */
.lhsd-pdf-btn,
.btn.btn-pdf {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 30px 12px 20px;
  background: var(--lhsd-pdf-bg);
  color: #fff;
  text-decoration: none;
  line-height: 1;
  border: 0;
  border-radius: var(--lhsd-pdf-radius);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: background-color 0.2s ease, transform 0.02s ease,
    box-shadow 0.2s ease;
  font-weight: 600;
}

/* Icône : rendu blanc via mask (ultra fiable) */
.lhsd-pdf-btn::before,
.btn.btn-pdf::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 32px;
  flex: 0 0 30px;

  /* La couleur du pictogramme */
  background-color: var(--lhsd-pdf-color);

  /* Le mask utilise ton PNG (base64) pour découper la forme */
  -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAACaUlEQVR4nO2aS2vVQBiGn6PWG6gIVWx15caD7lwJIhR0oy4E252gKO7Ey84rroRu24WIUATBnSD+AEFEdCViL1hBUFB0JyLiXTsy8AaGIadNz5mZ5LR54SOZTJJvnnyZawKLRCaSvQB6FwKIAcZTwhhZjHtaewlsCnz/5CDjznZDYB9JQdYDz7Q/HTsyJiIIisREChgTGSQPpi+wv1ynse4ZHcYkAokOYxKCWFmYSeW/CgmTGsRqowfTT5eCRIEpCyQ4TOwhynxsOoTTkOpkoFkpkFLKYWqQsDI1iFSDBJapQRYbyF7gNHAROApscfK2ASeVdxzY7l27GzjvWX9ZIM+9nve74Kwu69gfbWeAa861V3N67l1lgvwDlgL7gL/OmCgDOay5eLZqst8DOQVsla0oGyTTEz35tR6I1YDS9z2QoQDlCA5il3d+Az05IDZqP4CPbYB0rKIgDRXYRuOB8nwQq/d6/RoOyB2nsi8rE8Tmf9P2A9CcBeSdwJe0qOwrc3wHGc4XAbFRGAZOAGucPB/ERuEX8EnpDOSYVh2tNcoEcesIs4A0lX5YsI6YHN+VABlV+my3gowBt7U/BazuNpBLzvWfgVve54NKgcylVcA62pOpEkgnMjVIiSAjBfsM08KuVwXE9vT32gR5BCyv0qtlG4an8ndhjnPP6Lw3RT9xp64jvcBr+TzX4pwDGnh+AXZUubI3NR6b0RTZ1U7gq0AOdkOrtQf4qQIP6thmTQOMXq15ySQ0O7t0h/FHFBU7GTvkfF+82c6TMYntrlqwTFe8/MdFWqiq6oYg3qb41SOmehQpf11sYeo/ULH1q3/lCzkAAAAASUVORK5CYII=");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAACaUlEQVR4nO2aS2vVQBiGn6PWG6gIVWx15caD7lwJIhR0oy4E252gKO7Ey84rroRu24WIUATBnSD+AEFEdCViL1hBUFB0JyLiXTsy8AaGIadNz5mZ5LR54SOZTJJvnnyZawKLRCaSvQB6FwKIAcZTwhhZjHtaewlsCnz/5CDjznZDYB9JQdYDz7Q/HTsyJiIIisREChgTGSQPpi+wv1ynse4ZHcYkAokOYxKCWFmYSeW/CgmTGsRqowfTT5eCRIEpCyQ4TOwhynxsOoTTkOpkoFkpkFLKYWqQsDI1iFSDBJapQRYbyF7gNHAROApscfK2ASeVdxzY7l27GzjvWX9ZIM+9nve74Kwu69gfbWeAa861V3N67l1lgvwDlgL7gL/OmCgDOay5eLZqst8DOQVsla0oGyTTEz35tR6I1YDS9z2QoQDlCA5il3d+Az05IDZqP4CPbYB0rKIgDRXYRuOB8nwQq/d6/RoOyB2nsi8rE8Tmf9P2A9CcBeSdwJe0qOwrc3wHGc4XAbFRGAZOAGucPB/ERuEX8EnpDOSYVh2tNcoEcesIs4A0lX5YsI6YHN+VABlV+my3gowBt7U/BazuNpBLzvWfgVve54NKgcylVcA62pOpEkgnMjVIiSAjBfsM08KuVwXE9vT32gR5BCyv0qtlG4an8ndhjnPP6Lw3RT9xp64jvcBr+TzX4pwDGnh+AXZUubI3NR6b0RTZ1U7gq0AOdkOrtQf4qQIP6thmTQOMXq15ySQ0O7t0h/FHFBU7GTvkfF+82c6TMYntrlqwTFe8/MdFWqiq6oYg3qb41SOmehQpf11sYeo/ULH1q3/lCzkAAAAASUVORK5CYII=");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Hover/active/focus */
.lhsd-pdf-btn:hover,
.btn.btn-pdf:hover {
  background: var(--lhsd-pdf-bg-hover);
  text-decoration: none;
  cursor: pointer;
}
.lhsd-pdf-btn:hover::before,
.btn.btn-pdf:hover::before {
  background-color: var(--lhsd-pdf-color-hover);
}
/*
.lhsd-pdf-btn:active,
.btn.btn-pdf:active {
  transform: translateY(1px);
}
*/
.lhsd-pdf-btn:focus-visible,
.btn.btn-pdf:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(60, 80, 158, 0.4);
}

/* Fallback (vieux navigateurs sans mask) : on affiche l’image et on tente de la blanchir */
@supports not ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
  .lhsd-pdf-btn::before,
  .btn.btn-pdf::before {
    background: none;
    width: 18px;
    height: 18px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAACaUlEQVR4nO2aS2vVQBiGn6PWG6gIVWx15caD7lwJIhR0oy4E252gKO7Ey84rroRu24WIUATBnSD+AEFEdCViL1hBUFB0JyLiXTsy8AaGIadNz5mZ5LR54SOZTJJvnnyZawKLRCaSvQB6FwKIAcZTwhhZjHtaewlsCnz/5CDjznZDYB9JQdYDz7Q/HTsyJiIIisREChgTGSQPpi+wv1ynse4ZHcYkAokOYxKCWFmYSeW/CgmTGsRqowfTT5eCRIEpCyQ4TOwhynxsOoTTkOpkoFkpkFLKYWqQsDI1iFSDBJapQRYbyF7gNHAROApscfK2ASeVdxzY7l27GzjvWX9ZIM+9nve74Kwu69gfbWeAa861V3N67l1lgvwDlgL7gL/OmCgDOay5eLZqst8DOQVsla0oGyTTEz35tR6I1YDS9z2QoQDlCA5il3d+Az05IDZqP4CPbYB0rKIgDRXYRuOB8nwQq/d6/RoOyB2nsi8rE8Tmf9P2A9CcBeSdwJe0qOwrc3wHGc4XAbFRGAZOAGucPB/ERuEX8EnpDOSYVh2tNcoEcesIs4A0lX5YsI6YHN+VABlV+my3gowBt7U/BazuNpBLzvWfgVve54NKgcylVcA62pOpEkgnMjVIiSAjBfsM08KuVwXE9vT32gR5BCyv0qtlG4an8ndhjnPP6Lw3RT9xp64jvcBr+TzX4pwDGnh+AXZUubI3NR6b0RTZ1U7gq0AOdkOrtQf4qQIP6thmTQOMXq15ySQ0O7t0h/FHFBU7GTvkfF+82c6TMYntrlqwTFe8/MdFWqiq6oYg3qb41SOmehQpf11sYeo/ULH1q3/lCzkAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: invert(1) brightness(2); /* “blanchit” l’icône en dernier recours */
  }
}

/* Version compacte */
@media (max-width: 420px) {
  .lhsd-pdf-btn,
  .btn.btn-pdf {
    padding: 9px 12px;
    gap: 8px;
    font-size: 0.95rem;
  }
  .lhsd-pdf-btn::before,
  .btn.btn-pdf::before {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }
}