/* ============================================================
   Concordia — Patron de rendu des recettes (GUI Minecraft)
   Utilisé par jobs.php et codex.php (include recipe_gui.php)
   ============================================================ */

/* Conteneur GUI : largeur naturelle, réduit sur petit écran */
.rg{position:relative;display:inline-block;line-height:0;font-size:0;max-width:100%;vertical-align:top}
.rgi-craft{width:352px}
.rgi-smith{width:260px}
.rgi-furnace{width:360px}

/* Image de fond (GUI) : rendu pixel-art net */
.rg-bg{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;
  border-radius:8px;box-shadow:0 6px 22px rgba(0,0,0,.35)}
.rg-bg.plain{box-shadow:none}

/* Case d'item : positionnée en % (centrée sur le slot) */
.rg-slot{position:absolute;transform:translate(-50%,-50%);pointer-events:none}
/* Case cliquable : ouvre la recette de l'item dans une modale imbriquée. */
.rg-slot--link{pointer-events:auto;cursor:pointer;border-radius:7px;
  transition:background .15s ease,box-shadow .15s ease}
.rg-slot--link:hover,.rg-slot--link:focus-visible{background:rgba(0,212,170,.22);
  box-shadow:0 0 0 2px rgba(0,212,170,.6);outline:none}
.rg-slot img{display:block;width:100%;height:auto;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}

/* Badge de quantité (résultat ×N) */
.rg-count{position:absolute;right:-4px;bottom:-4px;background:linear-gradient(135deg,#f5c542,#d9a621);
  color:#2a1c00;font-family:var(--font-body);font-weight:800;font-size:.7rem;line-height:1;
  padding:2px 6px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.45);pointer-events:none}

/* Légende sous le GUI */
.rg-caption{margin-top:8px;font-size:.72rem;color:var(--muted-2);line-height:1.4;text-align:center}
.rg-caption code{font-family:var(--font-mono);color:var(--muted)}

@media(max-width:420px){
  .rgi-craft,.rgi-smith,.rgi-furnace{width:100%}
}