/* =========================================================
   BLOC — OUTIL AFFILIÉ
   Utilisé uniquement par template-parts/blocks/outil-affilie.php
   ========================================================= */

.affilie{
  padding:16px 0 8px;
}
.affilie-card{
  background:var(--paper-2);
  border:1px solid var(--brass);
  border-radius:4px;
  padding:36px 40px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:32px;
}
.affilie-label{
  font-family:'IBM Plex Mono', monospace;
  font-size:10.5px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--brass-dark);
  background:var(--paper);
  border:1px solid var(--line);
  padding:5px 10px;
  border-radius:2px;
  display:inline-block;
  margin-bottom:12px;
}
.affilie-logo{
  width:64px; height:64px;
  border-radius:4px;
  background:linear-gradient(135deg, var(--brass), var(--ink));
  flex-shrink:0;
}
.affilie-content h3{
  font-size:20px;
  margin-bottom:8px;
}
.affilie-content p{
  font-size:13.5px;
  color:var(--ink-soft);
  max-width:56ch;
}
.affilie-cta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  flex-shrink:0;
}
.affilie-cta a{
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;
  letter-spacing:0.05em;
  text-transform:uppercase;
  background:var(--ink);
  color:var(--paper);
  padding:11px 20px;
  border-radius:2px;
  white-space:nowrap;
  display:inline-block;
}
.affilie-cta a:hover{ background:var(--brass-dark); }
.affilie-disclaimer{
  font-size:11px;
  color:#8a8370;
  text-align:right;
}

@media (max-width:700px){
  .affilie-card{ grid-template-columns:1fr; text-align:left; padding:26px 22px; gap:20px; }
  .affilie-cta{ align-items:flex-start; }
  .affilie-disclaimer{ text-align:left; }
}