/* =============================================================================
   L'art de la Photo — bloc « produit arrêté »
   Chargé par mu-plugin-lap-components.php UNIQUEMENT sur les articles qui
   contiennent la classe `deprecated` (enfilage conditionnel).
   -----------------------------------------------------------------------------
   Rôle : signaler sans ambiguïté qu'un produit testé n'est plus commercialisé,
   ET rediriger vers son remplaçant. Un article sur un outil mort est sinon un
   cul-de-sac : le bandeau le transforme en chemin vers le produit actuel.

   Distinct de `notice-maj` (avis d'information ponctuel, sans succession) et de
   `essentiel` (résumé de l'article). Le bandeau doit rester COURT : le résumé
   reste le rôle du bloc « L'essentiel ».

   ⚠️ Fichier volontairement séparé de lap-components.css : composant à part,
      versionnable et supprimable indépendamment (même mu-plugin, même déploiement).
   ⚠️ Géométrie en px pour le débord du bandeau (cf. lap-components.css).
   ============================================================================= */

.deprecated{
  background:#fff;
  border:1px solid #ecebe9;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 26px rgba(0,0,0,.06);
  padding:0 20px 18px;
  margin:0 0 25px;
  font-size:.98em;
  line-height:1.55;
  overflow:hidden;                      /* clippe le bandeau aux angles arrondis */
}

.deprecated__label{
  margin:0 -20px 18px;                  /* compense exactement le padding → bord à bord */
  padding:13px 20px;
  background:#a8500a;                   /* rouille : signal d'arrêt, distinct du jaune */
  color:#fff;
  font-size:.76em;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.deprecated__body{margin:0;color:#3d3c3a}
.deprecated__body strong{color:#8a3f06}

.deprecated__cta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin:14px 0 0;
}

.deprecated__cta{
  display:inline-block;
  padding:11px 20px;
  border-radius:9px;
  background:var(--accent-dark,#7e0152);
  color:#fff !important;
  font-weight:650;
  font-size:.95em;
  text-decoration:none;
  transition:background .15s;
}
.deprecated__cta:hover,
.deprecated__cta:focus-visible{background:#5c003c}

.deprecated__promo{
  font-size:.88em;
  color:#6b6b6b;
}
.deprecated__promo strong{color:#8a3f06}

@media(max-width:700px){
  .deprecated{padding:0 15px 15px}
  .deprecated__label{margin:0 -15px 15px;padding:11px 15px}
  .deprecated__cta{width:100%;text-align:center}
}