/* ==========================================================================
   1. MÉDIAS & VIDÉOS (Lazy Load Dailymotion / VisuGPX / VideoAsalvi)
   ========================================================================== */

/* Conteneur Lazy-Load Dailymotion */
.dm-lazy-video {
  position: relative;
  background-color: #000;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

/* Bouton Play physique centré */
.dm-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 12px;
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, transform 0.2s ease;
  z-index: 9999;
  pointer-events: none;
}

.dm-lazy-video:hover .dm-play-btn { 
  transform: translate(-50%, -50%) scale(1.1); 
  background-color: #0066dc; /* Couleur au survol */
}

/* Quand la vidéo est lancée, on masque le bouton */
.dm-lazy-video.is-playing .dm-play-btn {
  display: none !important;
}

/* L'iframe finale injectée prend 100% de la zone */
.dm-lazy-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

/* Alignements et conteneurs médias */
.media-link, .media-link:hover {
  border: none !important;
  text-decoration: none !important;
  background: none !important;
  box-shadow: none !important;
}

.media-center img,
.media-center iframe {
  display: block !important;
  margin: 0 auto !important;
  border: none !important;
}

.media-center {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  border: none !important;
}

.post-content p img,
.widget p img {
  display: table;
  margin: 0 auto;
}

.videoasalvi iframe, .videoasalvi object, .videoasalvi embed, .visugpx iframe {
  display: table;
  margin: 1em auto 0 auto;
}

/* Adaptations mobiles */
@media (max-width: 600px) {
  .visugpx {
    position: relative;
    padding-bottom: 150%; 
    padding-top: 0;
    height: 0;
    overflow: hidden;
  }

  .visugpx iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
  }

  .videoasalvi {
    position: relative;
    padding-bottom: 75%;
    padding-top: 25px;
    height: 0;
  }

  .videoasalvi iframe, .videoasalvi object, .videoasalvi embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* ==========================================================================
   2. BLOCS DE CONTENU BILLETS (Intro, Topo, Accordéon)
   ========================================================================== */
/* Nettoyage du double soulignement sur les liens */

a,
a:link,
a:visited,
a:any-link {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration-line: none !important;
  border-bottom: 1px dotted currentColor !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Au survol : la bordure devient une ligne continue très nette */
a:hover,
a:focus,
a:any-link:hover {
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
}

.intro {
  background-color: light-dark(#f3f3f3, #242424);
  font-size: 0.875em;
  padding: 1em 1em;
  margin-bottom: 2em;
}

.intro ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.intro li {
  margin-bottom: .2em;
}

.intro strong {
  font-weight: normal;
}

.topo ul {
  background-color: light-dark(#f3f3f3, #242424);
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.875em;
}

.topo li:first-letter, .topo a:first-letter {
  font-size: 1.05em;
  font-weight: 700;
}

.topo blockquote {
  quotes: none !important;
  margin: 0;
}

.topo blockquote p {
  margin: 3px 0;
}

.topo blockquote p:first-letter {
  font-weight: 700;
}

h3#avertissement, h5#avertissement {
  color: light-dark(#c0413c, #ff5849);
}

.billet-intro {
  padding: 12px !important;
  font-size: .9em;
  border-bottom: 1px dashed rgba(128, 128, 128, 0.3) !important;
  display: block !important;
}

.details-synthèse {
  margin: 20px 0;
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 4px;
  background-color: light-dark(#f8fafc, #1a1a1a) !important;
  overflow: visible !important;
  position: relative;
}

.details-synthèse summary {
  padding: 12px !important;
  cursor: pointer !important;
  color: light-dark(#18417e, #fafafa) !important;
  background-color: light-dark(#f1f5f9, #2d2d2d) !important;
  display: list-item !important;
  line-height: 1.4;
  padding-right: 35px !important;
}

.liste-billets {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: light-dark(#ffffff, #1a1a1a) !important;
}

.billet-item {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 12px !important;
  border-top: 1px solid rgba(128, 128, 128, 0.15) !important;
}

.billet-titre {
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 15px;
  margin: 0 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.billet-titre a {
  color: inherit !important;
  text-decoration: none !important;
}

.billet-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin-left: 10px;
}

.pdf-link {
  color: red !important;
  transition: all 0.2s ease-in-out;
}

.pdf-link:hover {
  transform: translateY(-1px);
}

@media (prefers-color-scheme: dark) {
  .pdf-link:hover {
    color: #5d9cec !important;
  }
}

.qr-container {
  position: relative;
  display: inline-flex !important;
}

.qr-tooltip {
  display: none;
  position: absolute;
  bottom: 30px;
  right: 0;
  background-color: white !important;
  padding: 5px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
  z-index: 9999 !important;
  width: 130px !important;
  height: 130px !important;
}

.qr-tooltip img {
  width: 120px !important;
  height: 120px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(24, 65, 126, 0.25) !important;
  display: block !important;
  overflow: hidden !important;
}

.qr-container:hover .qr-tooltip {
  display: block !important;
}

.icon-btn {
  color: light-dark(#003e8b, #fafafa) !important;
  text-decoration: none !important;
  display: flex;
  align-items: center;
}

.liste-billets li:first-letter, .billet-titre:first-letter, .billet-intro:first-letter {
  font-size: 1.05em;
  font-weight: 700;
}

.carto-reset {
  text-align: left;
  margin-top: 10px;
  margin-left: 2px;
}

.carto-reset a {
  text-decoration: none !important;
  border: none !important;
  font-size: .85em;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  outline: none;
}

.carto-reset a span {
  position: relative;
  top: 2px;
  line-height: 1;
}

.carto-reset a:hover {
  opacity: 0.8;
}

.qr-code {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
  list-style: none;
}

.qr-code span::first-letter {
  font-size: 1.05em;
  font-weight: 700;
}

.qr-code img {
  width: 100px;
  height: 100px;
  background-color: light-dark(#f3f3f3, #242424);
  padding: 6px;
  border: 1px solid light-dark(#e0e0e0, #3a3a3a);
  border-radius: 4px;
  transition: transform 0.2s ease;
}

.qr-code img:hover {
  transform: scale(1.05);
  border-color: #3498db;
}

.qr-code-url img {
  border: 2px solid transparent;
  border-radius: 4px;
}

.qr-code-url img:hover {
  transform: scale(1.05);
  border-color: #3498db;
  transition: transform 0.3s ease;
}

/* Ajustement du bord des légendes d'image (blockquote) */
blockquote {
  font-size: 0.9em !important;
  font-style: italic !important;
  color: oklch(from var(--foreground) l c h / 0.62) !important; /* Contraste encore plus doux */
  border-inline-start: 5px solid oklch(from var(--accent-subtle) l c h / 0.4) !important;
}

/* ==========================================================================
   3. TYPOGRAPHIE & LIENS ENRICHIS (Ko-Fi, Citations, Liens)
   ========================================================================== */
/* Suppression de la puce sur "Liste des billets par massif" */
.widget.mrvbToC ul,
.widget.mrvbToC li.posts {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Retrait à gauche des billets déroulés (sous-liste) */
.widget.mrvbToC ul ul {
  padding-left: 1.25em !important;
  margin-left: 0 !important;
  list-style: none !important;
}

/* Alignement et espacement des sous-éléments */
.widget.mrvbToC li.entry {
  list-style: none !important;
  list-style-type: none !important;
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}

/* 1re lettre en gras sur les catégories ET les billets */
.widget.mrvbToC li.category > a,
.widget.mrvbToC li.entry a {
  display: inline-block;
}

.widget.mrvbToC li.category > a::first-letter,
.widget.mrvbToC li.entry a::first-letter {
  font-weight: bold !important;
}

/* Indicateur du temps de lecture */

/* Indicateur du temps de lecture */
.post-time {
  padding-left: 22px;
  padding-right: .5em;
  display: inline-flex;
  align-items: center;
  position: relative;
}

/* Pseudo-élément dédié uniquement à l'icône mark-time.svg */
.post-time::before {
  content: "";
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: currentColor; /* Harmonisation automatique avec la couleur du texte */
  opacity: 0.6;                   /* Adoucit le noir pour correspondre exactement au ton du texte */
  -webkit-mask-image: url(/montagne/public/layout/mark-time.svg);
  mask-image: url(/montagne/public/layout/mark-time.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.post-time .time {
  margin-left: 0.35em;
}

/* ==========================================================================
   Harmonisation de l'icône du temps de lecture (mark-time)
   ========================================================================== */

/* Si c'est un masque SVG ou une police/icône vectorielle */
.mark-time,
img[src*="mark-time"],
.reading-time::before {
  color: var(--foreground) !important;
  fill: var(--foreground) !important;
}

/* Si c'est une image <img> ou un background SVG bleu qu'on harmonise en mode clair */
html:not([data-theme="dark"]) img[src*="mark-time"],
html:not([data-theme="dark"]) .mark-time {
  filter: brightness(0) opacity(0.75) !important; /* Calque l'icône sur la teinte sombre du texte */
}

.salvant {
  color: #8DB735;
  font-style: italic;
}

q {
  color: light-dark(#8DB735, #a5cc52);
}

dfn, abbr, acronym {
  border-bottom: 1px dotted;
}

a:link, a:visited {
  border-bottom: 1px dotted;
}

a:hover, a:active, a:focus {
  border-bottom: 1px solid !important;
}

.site-title .site-title__link {
  border: none !important;
}

.icone-kofi {
  height: 1.1em;
  width: auto;
  vertical-align: middle;
  margin-left: 5px;
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

.lien-kofi-texte {
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  transition: all 0.2s;
}

.lien-kofi-texte:hover {
  color: #0056b3;
  border-bottom: 1px solid #0056b3;
}

.lien-kofi-texte:hover .icone-kofi {
  transform: scale(1.3) rotate(-5deg);
}

.btn-kofi-widget {
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 0.9em;
  border-radius: 0.25em;
  padding: 0.5em 0.5em;
  color: light-dark(#000000, #ffffff) !important;
  border: 2px solid light-dark(#000000, #ffffff) !important;
  background-color: light-dark(#f1f1f1, #4a4a4a) !important;
  transition: transform 0.2s, box-shadow 0.2s;
}

.btn-kofi-widget:hover {
  transform: translateY(-2px);
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
}

.btn-kofi-widget:hover .icone-kofi {
  transform: scale(1.2) rotate(-10deg);
}

.bigfoot-footnote__content {
  color: light-dark(#137bbb, #4d9bcf);
}

.livre {
    clear: both;
}
span.livre {
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
}

/* 1. Déblocage complet du conteneur de contenu principal */
#main,
#content,
.content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* 2. Forcer les paragraphes .note à s'étaler sans limite de caractères */
p.note,
.content-info p.note {
  display: block !important;
  width: 100% !important;
  max-width: none !important;       /* Annule les limites de type 60ch ou 800px */
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* Réinitialisation et personnalisation des balises d'abréviation */
dfn, abbr, acronym,
abbr[title] {
  /* 1. Suppression du pointillé natif des navigateurs modernes */
  text-decoration: none !important;
  text-decoration-line: none !important;
  
  /* 2. Application de ta bordure inférieure (trait plein fin) */
  border-bottom: 1px solid currentColor !important;
  
  /* Optionnel : curseur avec point d'interrogation pour indiquer l'info-bulle */
  cursor: help !important;
}

/* ==========================================================================
   4. NUAGE DE TAGS & MOTEUR DE RECHERCHE D'ARCHIVES
   ========================================================================== */
/* Séparateur pour la liste des lieux-dits / tags */
.tag-item::after {
  content: ",";
  margin-right: 0.35em;
}

/* Suppression de la virgule et de la marge sur le tout dernier tag d'un groupe */
.tag-item:last-child::after {
  content: "";
  margin-right: 0;
}

/* Alignement en liste pour les conteneurs sous forme de <ul> */
.tags li {
  display: inline !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Couleurs des liens de tags (Mode clair / Mode sombre) */
.dc-tags a:link { color: light-dark(#444444, #cdcdcd) !important; }
.dc-tags a:active { color: light-dark(#ffffff, #ffffff) !important; }

/* ==========================================================================
   5. WIDGETS DE LA SIDEBAR (Livres, Entrées récentes)
   ========================================================================== */
#sidebar .widget ul,
#sidebar .widget ol,
.widget.text ul,
.widget.posts ul,
.widget.related ul {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.925em;
}

#sidebar .widget li,
.widget.text li,
.widget.posts li,
.widget.related li {
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px dotted rgba(128, 128, 128, 0.3);
  line-height: 1.35;
  background: transparent !important;
}

#sidebar .widget li:last-child {
  border-bottom: none;
}

#sidebar .widget li img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 8px !important;
}

#sidebar .widget li a,
.widget.text li a,
.widget.posts li a {
  display: inline-block;
  padding-left: 0;
  transition: padding-left 0.15s ease-in-out;
}

#sidebar .widget li a::first-letter {
  font-size: 1.05em;
  font-weight: 700;
}

#sidebar .widget li a:hover,
.widget.text li a:hover,
.widget.posts li a:hover {
  padding-left: 6px;
  text-decoration: none;
}

.widget a:link   { color: light-dark(#444444, #cdcdcd) !important; }
.widget a:visited { color: light-dark(#7e7e7e, #7f7f7f) !important; }
.widget a:active  { color: light-dark(#ffffff, #fafafa) !important; }

/* ==========================================================================
   6. VOLET SUPPLÉMENTAIRE & FOOTER (Fix Trait Unique & Compact)
   ========================================================================== */

/* 1. Neutralisation totale de TOUS les traits / bordures au-dessus du footer */
main + aside,
aside + div,
.sidebar + #blogcustom,
.sidebar + div,
#extra,
.extra-sidebar,
#footer,
.footer,
.footer-wrapper,
#page > div:last-child,
#page > footer,
#page > aside ~ * {
  border: none !important;
  border-top: 0 none transparent !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Neutralisation spécifique des lignes virtuelles (::before / ::after) */
main + aside::before, main + aside::after,
.sidebar + #blogcustom::before, .sidebar + #blogcustom::after,
#extra::before, #extra::after,
#footer::before, #footer::after {
  content: none !important;
  display: none !important;
  border: none !important;
}

/* 2. Trait supérieur UNIQUE centré et conteneur principal (#blogcustom) */
#blogcustom,
.footer__widgets {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 1000px !important;
  margin: 1.5rem auto 0 auto !important;
  padding: 1rem 0 0.5rem 0 !important;
  box-sizing: border-box !important;
  
  /* Seul et unique trait supérieur de séparation */
  border-top: 1px solid currentColor !important;
}

/* 3. Centralisation et suppression des marges inutiles des widgets parents */
#blogcustom .widget,
#blogcustom .blogcustom__title,
#accessconfig,
.themeswitcherhelper,
.widget.syndicate {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0.15rem auto !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
}

/* Titres des sections */
.blogcustom__title,
.widget.syndicate h3 {
  text-align: center !important;
  margin: 0.2rem auto 0.1rem auto !important;
  font-size: 1.05em !important;
  line-height: 1.2 !important;
}

/* 4. Liens Feed (S'abonner) — Liens simples centrés sans encadrement */
#blogcustom ul.feeds {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0.1rem auto !important;
  width: 100% !important;
}

#blogcustom ul.feeds li {
  display: inline-block !important;
  margin: 0 0.4rem !important;
  padding: 0 !important;
  float: none !important;
}

#blogcustom ul.feeds a.feed {
  display: inline !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0.9em !important;
  text-decoration: underline !important;
  color: inherit !important;
}

#blogcustom ul.feeds a.feed:hover {
  opacity: 0.75 !important;
  background: transparent !important;
}

/* 5. ThemeSwitcherHelper (Centrage horizontal des boutons) */
#themeSwitchHelper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.3rem !important;
  width: 100% !important;
  margin: 0.1rem auto 0.2rem auto !important;
  float: none !important;
}

/* 6. BOUTONS D'ACTION (Accessibilité #a42-ac-button & Thèmes) */
#a42-ac-button,
#themeSwitchHelper button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid currentColor !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 4px !important;
  color: inherit !important;
  
  margin: 0.05rem 0.2rem !important;
  padding: 0.2rem 0.55rem !important;
  height: auto !important;
  min-height: 1.6rem !important;
  line-height: 1 !important;
  font-size: 0.85em !important;
  text-decoration: none !important;
  cursor: pointer !important;
  float: none !important;
}

#a42-ac-button:hover,
#themeSwitchHelper button:hover {
  opacity: 0.8 !important;
  background: rgba(128, 128, 128, 0.15) !important;
}

/* 7. Signature compacte en bas de page */
#blogcustom ul.signature {
  list-style: none !important;
  padding: 0 !important;
  margin: 0.3rem auto 0 auto !important;
  text-align: center !important;
}

#blogcustom ul.signature li {
  display: block !important;
  font-size: 0.8em !important;
  margin: 0.1rem 0 !important;
  line-height: 1.25 !important;
}

/* ==========================================================================
   POINT 5 : Page Archives (Masquage taxonomie + Années/Mois en ligne)
   ========================================================================== */

/* 1. Masquage de la taxonomie */
.dc-archive #other-criteria,
.dc-archive .arch-taxonomy,
.dc-archive .arch-by-cat {
  display: none !important;
}

/* 2. Conteneur principal en grille CSS */
.dc-archive .arch-by-year {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 2em 1.5em;
  margin-top: 1.5em;
}

/* Forcer le titre et la période à prendre toute la largeur avant les colonnes */
.dc-archive .arch-by-year > h3,
.dc-archive .arch-by-year > .fromto {
  grid-column: 1 / -1 !important;
  margin-bottom: 0.5em;
}

.dc-archive .arch-by-year > .fromto {
  margin-bottom: 1.5em; /* Espace sous le texte de la période */
}

/* Titre de l'année */
.dc-archive .arch-by-year__each-year h4 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.2em;
}

/* Liste des mois sous chaque année */
.dc-archive ul.arch-year-list {
  padding-left: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.dc-archive ul.arch-year-list li {
  display: block !important;
  list-style: none !important;
  margin-bottom: 0.25em;
}

.dc-archive ul.arch-year-list li::after {
  content: "" !important;
}

/* ==========================================================================
   Correction universelle des icônes Social Share
   ========================================================================== */

/* Structure & Alignement */
.share-links, 
.share-links li {
  list-style: none !important;
}

.share .share-links a {
  text-decoration: none !important;
}

.share .share-links a:hover span {
  text-decoration: underline !important;
}

/* Style de base pour tous les liens de partage */
.share a[class*="share-"] {
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 16px 16px !important;
  padding-left: 22px !important;
}

/* ==========================================================================
   Correction universelle des icônes Social Share
   ========================================================================== */

/* Structure & Alignement */
.share-links, 
.share-links li {
  list-style: none !important;
}

.share .share-links a {
  text-decoration: none !important;
}

.share .share-links a:hover span {
  text-decoration: underline !important;
}

/* Style de base pour tous les liens de partage */
.share a[class*="share-"] {
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 16px 16px !important;
  padding-left: 22px !important;
}

/* --------------------------------------------------------------------------
   DECLARATION DES ICONES SVG (toutes variantes de classes)
   -------------------------------------------------------------------------- */

/* Menu de partage universel */
.share .share-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E") !important;
}

/* LinkedIn */
.share .share-in,
.share .share-linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A66C2'%3E%3Cpath d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.75M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z'/%3E%3C/svg%3E") !important;
}

/* Facebook */
.share .share-fb,
.share .share-facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231877F2'%3E%3Cpath d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H7.5v-3H10V9.5C10 7.01 11.49 5.6 13.77 5.6c1.09 0 2.23.2 2.23.2v2.45h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.77l-.44 3h-2.33v6.8c4.56-.93 8-4.96 8-9.8z'/%3E%3C/svg%3E") !important;
}

/* Mastodon */
.share .share-ma,
.share .share-mastodon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236364FF'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.3-5.004C15.61.028 12.034 0 12.034 0s-3.577.028-5.935.309C3.42.703 1.154 2.735.803 5.313c-.378 2.784-.393 6.376-.02 9.213.268 2.046 1.76 3.633 3.738 4.19 2.502.704 5.385.808 7.513.722 1.488-.06 2.977-.282 4.417-.666.19-.05.38-.1.568-.157.062-.018.12-.04.18-.058.016-.006.033-.01.05-.017v-1.782a.152.152 0 0 0-.053-.117.155.155 0 0 0-.128-.037 25.26 25.26 0 0 1-4.088.35c-2.451 0-3.32-.962-3.535-1.503a4.23 4.23 0 0 1-.223-1.37v-.044a.153.153 0 0 1 .153-.153h6.818c1.377 0 2.583-.24 3.532-.865.986-.65 1.483-1.636 1.483-2.956 0-1.892-.387-3.69-.387-3.69z'/%3E%3C/svg%3E") !important;
}

/* X / Twitter */
.share .share-tw,
.share .share-twitter,
.share .share-x {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") !important;
}

/* Bluesky */
.share .share-bsky,
.share .share-bluesky {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231185FE'%3E%3Cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566 0.944 1.561 1.266 0.9 1.846 0.13 2.529-0.106 3.615 0.04 4.736c0.518 3.96 2.827 10.74 5.344 12.821 2.378 1.968 4.238.835 6.616-1.577 2.378 2.412 4.238 3.545 6.616 1.577 2.517-2.08 4.826-8.86 5.344-12.821 0.146-1.121-0.09-2.207-0.86-2.89-0.661-0.58-1.666-0.902-4.302.959C16.046 4.747 13.087 8.686 12 10.8z'/%3E%3C/svg%3E") !important;
}

/* Email / Courriel */
.share .share-mail,
.share .share-email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666666'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") !important;
}