/* =============================================================================
   L'art de la Photo — cartes produit Amazon (.amz-card)
   Chargé par mu-plugin-lap-components.php UNIQUEMENT sur les contenus qui en
   contiennent (enfilage conditionnel : 58 articles sur 324).
   -----------------------------------------------------------------------------
   Transposé le 21/07/2026 depuis les blocs <style> recopiés dans le contenu.
   58 exemplaires en 5 empreintes, mais les écarts sont SOUSTRACTIFS : la variante
   majoritaire (43x) est le sur-ensemble, les autres n'ont que des règles en moins
   (demi-etoiles `.demi`, integration dans les tableaux). Elle sert donc de version
   canonique — les articles amputés récupèrent au passage ce qui leur manquait.

   ⚠️ CORRECTIF VISUEL (demandé le 21/07) : les images n'avaient pas de ratio imposé.
      `width:100%;height:100%` ne résout pas la hauteur dans ce conteneur flex, donc
      l'image conservait son ratio d'origine : une photo PORTRAIT s'étirait en longueur
      et imposait sa hauteur à toute la carte (cas Nikon Z 180-600).
      → 1re tentative en `object-fit:contain` : REJETÉE en revue visuelle. Le produit
        était bien entier, mais flottait dans du blanc en haut à gauche — le letterboxing
        se voyait, et la colonne n'était pas remplie. Pire que l'état initial.
      → Retenu : le VISUEL occupe toute la colonne de gauche (`align-self:stretch`,
        `padding:0`, `overflow:hidden`) et l'image le COUVRE intégralement
        (`object-fit:cover`, `width/height:100%`). Plus aucun blanc.
        `min-height:160px` donne un plancher quasi carré quand le texte est court ;
        au-delà, le visuel suit la hauteur de la carte.
        L'arrondi est porté par le conteneur, qui clippe l'image.
   ============================================================================= */

.amz-card{position:relative;margin:1.6em 0 1.8em;border:1px solid #e8dfd0;border-radius:10px;background:linear-gradient(135deg,#faf6ef 0%,#fdfaf5 100%);display:flex;align-items:stretch;box-shadow:0 1px 6px rgba(140,100,50,.05);transition:box-shadow .2s}
.amz-card:hover{box-shadow:0 4px 14px rgba(140,100,50,.14)}
.amz-card__visual{flex:0 0 160px;align-self:stretch;position:relative;min-height:160px;background:#fff;padding:0;overflow:hidden;border-radius:9px 0 0 9px}
.amz-card__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.amz-card__body{flex:1 1 auto;min-width:0;padding:1.1em 1.2em .9em}
.amz-card__badge{position:absolute;top:0;left:16px;transform:translateY(-50%);z-index:1;margin:0;padding:.2em .8em;font-size:.7em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9c5511;background:#faf3e8;border:1px solid #ecd9bd;border-radius:999px;box-shadow:0 1px 4px rgba(140,100,50,.1)}
.amz-card__name{margin:0 0 .2em;font-size:1em;font-weight:700;color:var(--accent,#2a1810);display:flex;align-items:baseline;justify-content:space-between;gap:.8em;flex-wrap:wrap}
.amz-card__stars{font-size:.82em;font-weight:600;color:var(--accent,#de7921);white-space:nowrap;letter-spacing:.05em}
.demi{position:relative;display:inline-block}
.demi::before{content:"\2606"}
.demi::after{content:"\2605";position:absolute;left:0;top:0;width:50%;overflow:hidden}
.amz-card__specs{margin:0 0 .35em;font-size:.78em;letter-spacing:.02em;color:#8a7a68}
.amz-card__desc{margin:0 0 .55em;font-size:.88em;line-height:1.45;color:#555}
.amz-card__cta{display:inline-block;padding:.45em 1em;background:var(--primary,#1a1a1a);color:var(--black,#1a1a1a) !important;text-decoration:none;font-weight:600;font-size:.85em;border-radius:5px;transition:background .2s}
.amz-card__cta::after{content:" \2192"}
.amz-card__cta:hover{color:var(--black,#1a1a1a) !important;background:color-mix(in srgb,var(--primary,#1a1a1a) 88%,black)}
.wp-block-table .amz-card__cta{display:block;width:100%;box-sizing:border-box;text-align:center;white-space:nowrap}
.wp-block-table td span[title^="Note Amazon"]{color:var(--accent,#de7921);font-weight:600}
.wp-block-table:has(.amz-card__cta) td:nth-child(3){text-align:center}
.amz-card{cursor:pointer}
.amz-card .amz-card__cta{position:static !important}
.amz-card .amz-card__cta::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}
.amz-card__badge{pointer-events:none}
.amz-card__stars{position:relative;z-index:1}
.amz-card__credit{margin-left:.8em;font-size:.75em;color:#999}
@media(max-width:600px){.amz-card{flex-direction:column}.amz-card__visual{flex:0 0 auto;min-height:0;height:190px;border-radius:9px 9px 0 0}.amz-card__img{height:100%}}