/* ── Arcadia Extension — Feuille de styles globale ── */

/* ══════════════════════════════════════════
   GÉNÉALOGIE DES FICHES
══════════════════════════════════════════ */
/* Label sous la carte dans la vue en colonnes */
.arcadia-geneal-card-label  { font-size: 11px; opacity: 0.65; text-align: center; padding: 0 4px 4px; line-height: 1.2; display: block; }

/* Liste des liens directs */
.arcadia-geneal-section-title { margin: 14px 0 4px; font-size: 13px; font-weight: bold; border-bottom: 1px solid rgba(128,128,128,0.2); padding-bottom: 3px; }
.arcadia-geneal-list       { list-style: none; margin: 0 0 6px; padding: 0; }
.arcadia-geneal-item       { display: flex; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid rgba(128,128,128,0.1); }
.arcadia-geneal-item:last-child { border-bottom: none; }
.arcadia-geneal-thumb      { width: 32px; height: 44px; object-fit: contain; border-radius: 3px; flex-shrink: 0; background: rgba(128,128,128,0.08); }
.arcadia-geneal-label      { font-size: 12px; font-weight: bold; min-width: 80px; color: inherit; flex-shrink: 0; }
.arcadia-geneal-dates      { color: #888; font-size: 11px; }
.arcadia-geneal-secret     { color: #888; font-style: italic; }
.arcadia-geneal-deduced    { opacity: 0.7; font-style: italic; }
.arcadia-geneal-indirect-label { margin: 8px 0 2px; font-size: 12px; }

/* Badge "déduit" / "calculé" */
.arcadia-geneal-deduced-badge { font-size: 10px; font-weight: normal; background: rgba(128,128,128,0.15); border-radius: 3px; padding: 1px 5px; margin-left: 6px; vertical-align: middle; }

/* Miniature dans formulaire de modification */
.arcadia-geneal-cs-item    { display: flex; align-items: center; gap: 8px; }
.arcadia-geneal-cs-thumb   { width: 28px; height: 38px; object-fit: contain; border-radius: 2px; flex-shrink: 0; background: rgba(128,128,128,0.08); }

/* ══════════════════════════════════════════
   PRÉ-REQUIS OBJETS
══════════════════════════════════════════ */
/* ══════════════════════════════════════════
   HIÉRARCHIE 5 NIVEAUX (fiche détaillée objet)
══════════════════════════════════════════ */
.arcadia-hierarchy-5col      { display: flex; align-items: flex-start; justify-content: center; flex-wrap: nowrap; overflow-x: auto; margin: 12px 0 8px; }
.arcadia-hierarchy-col       { display: flex; flex-direction: column; align-items: center; gap: 10px; flex-shrink: 0; }
.arcadia-hierarchy-col-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.55; margin: 0 0 2px; text-align: center; white-space: nowrap; }
.arcadia-hierarchy-arrow     { font-size: 26px; align-self: center; opacity: 0.4; padding: 32px 6px 0; flex-shrink: 0; }
.arcadia-hierarchy-more-btn  { margin-top: 4px; font-size: 11px; padding: 2px 8px; }

/* Vignettes — hauteur fixe uniforme, image occupe l'espace restant (flex:1) */
.arcadia-hierarchy-card      { display: flex; flex-direction: column; text-decoration: none; color: inherit; border: 3px solid #ccc; border-radius: 6px; overflow: hidden; width: clamp(90px, 10vw, 144px); height: 220px; background: transparent; text-align: center; transition: border-color 0.15s; padding: 5px; flex-shrink: 0; }
.arcadia-hierarchy-card:hover { border-color: #888; text-decoration: none; color: inherit; }
.arcadia-hierarchy-thumb     { flex: 1; width: 100%; min-height: 0; object-fit: contain; display: block; background: var(--theme-bg, inherit); }
.arcadia-hierarchy-nothumb   { flex: 1; width: 100%; min-height: 0; background: rgba(128,128,128,0.08); }
.arcadia-hierarchy-name      { flex-shrink: 0; font-weight: bold; font-size: 13px; text-align: center; padding: 6px 8px 8px; line-height: 1.3; display: block; word-break: break-word; }

/* Objet en cours — même hauteur, légèrement plus large, bordure bleue */
.arcadia-hierarchy-card-current { border-color: #3b82f6 !important; cursor: default; width: clamp(100px, 11vw, 162px); }

/* Statut possession */
.arcadia-hierarchy-owned     { border-color: #2a7a2a !important; }
.arcadia-hierarchy-missing   { border-color: #c00 !important; }

/* Petit écran : affichage liste linéaire (vignettes masquées) */
@media (max-width: 520px) {
  .arcadia-hierarchy-5col    { flex-direction: column; overflow-x: visible; align-items: stretch; }
  .arcadia-hierarchy-arrow   { align-self: center; transform: rotate(90deg); padding: 2px 0; }
  .arcadia-hierarchy-col     { width: 100%; gap: 2px; align-items: stretch; }
  .arcadia-hierarchy-card    { flex-direction: row; align-items: center; width: 100%; height: auto; border-width: 0 0 0 4px; border-radius: 0; padding: 5px 10px; background: none; }
  .arcadia-hierarchy-card-current { background: rgba(59,130,246,0.06); }
  .arcadia-hierarchy-thumb,
  .arcadia-hierarchy-nothumb { display: none; }
  .arcadia-hierarchy-name    { flex-shrink: 1; text-align: left; padding: 0; font-size: 13px; }
  .arcadia-hierarchy-more-btn { align-self: flex-start; margin-left: 10px; }
}

/* ══════════════════════════════════════════
   GÉNÉALOGIE VERTICALE (fiche personnage)
══════════════════════════════════════════ */
.arcadia-genealogy-vertical       { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 12px 0 8px; }
.arcadia-geneal-section           { display: flex; flex-direction: column; align-items: center; width: 100%; }
.arcadia-geneal-section-col-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; opacity: 0.55; margin-bottom: 6px; text-align: center; white-space: nowrap; }
.arcadia-geneal-cards-row         { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.arcadia-geneal-v-arrow           { font-size: 22px; opacity: 0.35; line-height: 1; padding: 2px 0; flex-shrink: 0; }
.arcadia-geneal-peer-row          { display: flex; align-items: flex-start; justify-content: center; gap: 0; width: 100%; flex-wrap: wrap; }
.arcadia-geneal-peer-group        { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0 4px; }
.arcadia-geneal-peer-sep          { font-size: 20px; opacity: 0.22; padding: 32px 10px 0; flex-shrink: 0; }

@media (max-width: 520px) {
  .arcadia-genealogy-vertical     { gap: 2px; }
  .arcadia-geneal-peer-row        { flex-direction: column; align-items: center; }
  .arcadia-geneal-peer-sep        { padding: 2px 0; font-size: 18px; transform: rotate(90deg); }
}

/* Checkboxes multi-prérequis (formulaire objet) */
.arcadia-prereq-cat-group        { margin: 6px 0 10px; }
.arcadia-prereq-cat-label        { font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: 0.4px; opacity: 0.65; display: block; margin-bottom: 3px; }
.arcadia-prereq-checkboxes       { display: flex; flex-direction: column; gap: 4px; padding-left: 8px; }
.arcadia-prereq-checkboxes label { display: flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; }

.arcadia-prereq-badge        { margin-left: 4px; font-size: 14px; vertical-align: middle; cursor: default; }
.arcadia-prereq-locked       { opacity: 0.85; }
.arcadia-prereq-unlocked     { opacity: 0.85; }
.arcadia-prereq-chain        { list-style: none; margin: 6px 0 8px; padding: 0; }
.arcadia-prereq-chain li     { padding: 3px 0; }
.arcadia-prereq-owned        { color: #2a7a2a; }
.arcadia-prereq-missing      { color: #c00; }
.arcadia-prereq-ok           { color: #2a7a2a; font-weight: bold; margin-top: 6px; }
.arcadia-prereq-fail         { color: #c00; font-weight: bold; margin-top: 6px; }

/* ══════════════════════════════════════════
   NAVIGATION
══════════════════════════════════════════ */
.arcadia-nav-shop > a,
.arcadia-nav-chars > a {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;
  padding-left: 18px !important;
}
.arcadia-nav-shop > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23888888' d='M5 1a3 3 0 0 1 6 0h2a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h2zm3-1a2 2 0 0 0-2 2h4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}
.arcadia-nav-chars > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23888888' d='M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H4zM4.5 5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1zm0 3h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1zm0 3h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
}

/* ══════════════════════════════════════════
   BARRE DE CONTRÔLES (tri, filtre, affichage)
══════════════════════════════════════════ */
.arcadia-controls-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 12px;
  background: rgba(128,128,128,0.08);
  border: 1px solid rgba(128,128,128,0.2);
  border-radius: 4px;
  margin: 10px 0 14px;
}
.arcadia-controls-filters              { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.arcadia-controls-filters form         { margin: 0; }
.arcadia-controls-filters label        { font-size: 13px; display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.arcadia-controls-toggle               { display: flex; align-items: center; gap: 5px; }
.arcadia-controls-toggle button        { padding: 5px 12px; cursor: pointer; border: 1px solid rgba(128,128,128,0.4); background: rgba(128,128,128,0.12); border-radius: 3px; font-size: 13px; color: inherit; }
.arcadia-controls-toggle button.active { background: rgba(128,128,128,0.5); color: inherit; border-color: rgba(128,128,128,0.7); font-weight: bold; }

/* Compatibilité ancienne classe (non utilisée dans les nouveaux templates) */
.arcadia-toggle-bar { margin: 12px 0 8px; display: flex; align-items: center; gap: 8px; }
.arcadia-toggle-bar button { padding: 4px 10px; cursor: pointer; border: 1px solid #aaa; background: #f5f5f5; border-radius: 3px; font-size: 13px; }
.arcadia-toggle-bar button.active { background: #666; color: #fff; border-color: #444; }

/* ══════════════════════════════════════════
   FICHES — GRILLE & CARTES
══════════════════════════════════════════ */
.arcadia-chars-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
  margin: 12px 0;
}
.arcadia-char-card {
  display: flex; 
  flex-direction: column;
  border: 1px solid #5f0c14; 
  border-radius: 6px;
  overflow: hidden;
  background: var(--theme-bg, #fff); 
  text-align: center;
}
.arcadia-char-card .card-name { font-weight: bold; font-size: 13px; padding: 6px 8px 0; line-height: 1.3; }
.arcadia-char-card .card-img  { 
	width: 100%; 
	/*height: 200px; élément désactivé pour éviter des éspaces verticaux inutiles*/
	object-fit: contain; 
	display: block; 
	background: var(--theme-bg, inherit); }
.arcadia-char-card .card-body { padding: 6px 8px 8px; flex: 1; display: flex; flex-direction: column; gap: 3px; font-size: 12px; }
.arcadia-char-card .card-status { display: inline-block; padding: 1px 6px; border-radius: 3px; color: #fff; font-size: 11px; }

/* Vue liste — Fiches */
.arcadia-chars-list { width: 100%; border-collapse: collapse; margin: 8px 0; }
.arcadia-chars-list th, .arcadia-chars-list td { padding: 7px 10px; border-bottom: 1px solid #e0e0e0; vertical-align: middle; }
.arcadia-chars-list th { text-align: left; background: #f0f0f0; font-weight: bold; font-size: 12px; }
.arcadia-chars-list .list-img { width: 44px; text-align: center; }
.arcadia-chars-list .list-img img { max-width: 40px; max-height: 50px; object-fit: contain; border-radius: 3px; }

/* Pagination */
.arcadia-pagination { margin: 16px 0; display: flex; gap: 6px; flex-wrap: wrap; }
.arcadia-pagination a { padding: 4px 10px; border: 1px solid #ccc; border-radius: 3px; text-decoration: none; }
.arcadia-pagination a.current { background: #666; color: #fff; border-color: #444; font-weight: bold; }

/* ══════════════════════════════════════════
   MAGASIN — GRILLE & CARTES
══════════════════════════════════════════ */
.arcadia-shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
  margin: 12px 0;
}
.arcadia-item-card {
  display: flex; flex-direction: column;
  border: 1px solid #5f0c14; 
  border-radius: 6px; 
  overflow: hidden;
  background: var(--theme-bg, #fff); 
  text-align: center;
}
.arcadia-item-card .card-img   { 
	width: 100%; 
	/*height: 200px; élément désactivé pour éviter des éspaces verticaux inutiles*/ 
	object-fit: contain; 
	display: block; 
	background: var(--theme-bg, inherit); }
.arcadia-item-card .card-body  { padding: 8px 8px 0; flex: 1; display: flex; flex-direction: column; gap: 4px; }
.arcadia-item-card .card-name  { font-weight: bold; font-size: 13px; line-height: 1.3; padding: 6px 8px 0; text-align: center; }
.arcadia-item-card .card-price { font-size: 12px; color: #666; }
.arcadia-item-card .card-action { padding: 6px 8px 8px; }
.arcadia-item-card .card-action form { margin: 0; }

/* ══════════════════════════════════════════
   VIGNETTES — OVERLAY AU SURVOL
══════════════════════════════════════════ */

/* Conteneur image : contexte de positionnement pour l'overlay */
.arcadia-char-card .card-img-wrapper,
.arcadia-item-card .card-img-wrapper {
  position: relative;
  overflow: hidden;
}

/* Lien image : block pour supprimer l'espace inline */
.arcadia-char-card .card-img-link,
.arcadia-item-card .card-img-link { display: block; }

/* Placeholder quand il n'y a pas d'image */
.arcadia-char-card .card-img-empty,
.arcadia-item-card .card-img-empty { height: 120px; background: rgba(128, 128, 128, 0.1); }

/* Overlay : masqué par défaut, visible au survol / tactile */
.arcadia-char-card .card-overlay,
.arcadia-item-card .card-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 8px;
  text-align: center;
  background: rgba(0, 0, 0, 0.58);
  color: #fff;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.arcadia-char-card:hover .card-overlay,
.arcadia-item-card:hover .card-overlay,
.arcadia-char-card.card-overlay-active .card-overlay,
.arcadia-item-card.card-overlay-active .card-overlay {
  opacity: 1;
  pointer-events: auto;
}

/* Overrides des styles généraux dans le contexte overlay */
.arcadia-char-card .card-overlay .card-body,
.arcadia-item-card .card-overlay .card-body { flex: none; padding: 0; color: #fff; }
.arcadia-char-card .card-overlay .arcadia-card-age { color: #fff; }
.arcadia-item-card .card-overlay .card-price { color: #fff; }
.arcadia-item-card .card-overlay .card-action { padding: 0; }

/* ── Transfert sortant en attente ───────────────────────────────────── */
.arcadia-inv-pending-out {
  border-color: #E67E22;
  animation: arcadia-pulse-pending 2s ease-in-out infinite;
}
@keyframes arcadia-pulse-pending {
  0%, 100% { box-shadow: 0 0 4px 1px rgba(230, 126, 34, 0.4); }
  50%       { box-shadow: 0 0 12px 4px rgba(230, 126, 34, 0.85); }
}
@media (prefers-reduced-motion: reduce) {
  .arcadia-inv-pending-out { animation: none; }
}

/* Vue liste — Magasin */
.arcadia-shop-list { width: 100%; border-collapse: collapse; margin: 8px 0; }
.arcadia-shop-list th, .arcadia-shop-list td { padding: 6px 8px; border-bottom: 1px solid #e0e0e0; vertical-align: middle; }
.arcadia-shop-list th { text-align: left; background: #f0f0f0; font-weight: bold; font-size: 12px; }
.arcadia-shop-list .list-img { width: 40px; text-align: center; }
.arcadia-shop-list .list-img img { max-width: 36px; max-height: 36px; object-fit: contain; }

/* En-têtes de catégorie */
.arcadia-cat-header { margin: 20px 0 8px; padding-bottom: 4px; border-bottom: 2px solid #ccc; font-size: 16px; font-weight: bold; }

/* ══════════════════════════════════════════
   MISE EN PAGE — VUE DÉTAIL (fiche / objet)
══════════════════════════════════════════ */
.arcadia-detail-layout { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 20px; }
.arcadia-detail-image  { flex: 0 0 auto; }
.arcadia-detail-info   { flex: 1; min-width: 220px; }

.arcadia-char-main-img { max-width: 220px; max-height: 300px; object-fit: contain; border: 1px solid #ccc; border-radius: 6px; padding: 4px; }
.arcadia-item-main-img { max-width: 240px; max-height: 320px; object-fit: contain; border: 1px solid #ccc; border-radius: 6px; padding: 4px; }

.arcadia-char-title    { margin: 0 0 8px; }
.arcadia-status-wrap   { margin-bottom: 12px; }
.arcadia-status-tag    { color: #fff; padding: 2px 8px; border-radius: 3px; font-size: 12px; display: inline-block; }
.arcadia-birthday-sub  { margin-top: 2px; }
.arcadia-birthday-members { margin-top: 4px; }

.arcadia-panel-sub     { margin-top: 12px; }
.arcadia-item-unavailable { color: #E74C3C; font-weight: bold; }
.arcadia-dates-hint    { color: inherit; }
.arcadia-item-action   { margin-top: 12px; }
.arcadia-owners-list   { margin: 0; padding: 0 0 0 16px; }

/* ══════════════════════════════════════════
   BADGES MODÉRATION (fiche vue)
══════════════════════════════════════════ */
.arcadia-badge-pending        { background: #E67E22 !important; border-color: #d35400 !important; color: #fff !important; }
.arcadia-badge-archived       { background: #95A5A6 !important; border-color: #7f8c8d !important; color: #fff !important; }
.arcadia-badge-member-pending { background: #F39C12 !important; border-color: #E67E22 !important; color: #fff !important; }

/* ══════════════════════════════════════════
   FORMULAIRES
══════════════════════════════════════════ */
.arcadia-successbox   { background-color: #d4edda; border: 1px solid #2a7a2a; color: #1a4a1a; padding: 10px 14px; margin-bottom: 12px; font-size: 1em; }
.arcadia-errorbox     { background-color: #ffc7c7; border: 1px solid #f80000; color: #930000; padding: 10px 14px; margin-bottom: 12px; font-size: 1em; }
.arcadia-errorbox ul  { margin: 0; padding-left: 22px; font-size: 1em; }
.arcadia-errorbox li  { margin: 4px 0; font-size: 1em; font-weight: bold; }
.arcadia-warnbox      { background-color: #fff3cd; border: 1px solid #E67E22; color: #7d4e00; padding: 10px 14px; margin-bottom: 12px; font-size: 1em; }
.arcadia-warnbox ul   { margin: 4px 0; padding-left: 22px; }
.arcadia-warnbox p    { margin: 6px 0 0; }

.arcadia-panel-links             { margin-top: 16px; }
.arcadia-panel-links dl          { clear: both; margin-bottom: 8px; overflow: hidden; }
.arcadia-panel-links dl dt       { float: left; width: 35%; padding: 4px 0 0; font-weight: bold; }
.arcadia-panel-links dl dd       { margin-left: 37%; padding: 2px 0 0; }
.arcadia-table-full   { width: 100%; }
.arcadia-cell-nowrap  { white-space: nowrap; }
.arcadia-form-inline  { display: inline; margin: 0; }
.arcadia-btn-small    { font-size: 11px; }
.arcadia-btn-tiny     { font-size: 11px; padding: 1px 5px; }
.arcadia-form-margin0 { margin: 0; }

.arcadia-img-preview          { margin-bottom: 6px; }
.arcadia-img-preview img      { max-width: 120px; max-height: 120px; border-radius: 4px; border: 1px solid #ddd; display: block; }

/* ══════════════════════════════════════════
   AVERTISSEMENT DOUBLON
══════════════════════════════════════════ */
.arcadia-warn-duplicate     { background: #F39C12; border: 1px solid #E67E22; border-radius: 4px; padding: 10px 14px; margin-bottom: 14px; color: #fff; }
.arcadia-warn-duplicate ul  { margin: 6px 0 8px 16px; }
.arcadia-warn-duplicate a   { color: #fff; text-decoration: underline; }

/* ══════════════════════════════════════════
   DASHBOARD (index du forum)
══════════════════════════════════════════ */
.arcadia-dashboard         { margin: 8px 0; }
.arcadia-dashboard h3      { margin-top: 0; }
.arcadia-dash-section      { margin-bottom: 12px; }
.arcadia-dash-list         { margin: 4px 0 0; padding: 0 0 0 16px; }

.arcadia-dash-panel        { margin-bottom: 8px; }
.arcadia-dash-panel h3     { margin-top: 0; }

.arcadia-mini-grid         { display: flex; flex-wrap: nowrap; gap: 8px; margin-top: 6px; }
.arcadia-mini-grid-center  { display: flex; flex-wrap: nowrap; gap: 8px; justify-content: center; }
.arcadia-mini-card         { 
	flex: 0 1 auto; 
	width: 110px; 
	min-width: 0; 
	text-align: center; 
	border: 1px solid #5f0c14; 
	border-radius: 4px; 
	padding: 4px; 
	font-size: 12px; }
.arcadia-mini-card img     { width: 100px; height: 130px; object-fit: contain; background: inherit; border-radius: 3px; display: block; }
.arcadia-mini-card-name    { margin-top: 4px; font-weight: bold; line-height: 1.2; }
.arcadia-mini-card-price   { font-size: 11px; color: #666; }
.arcadia-mini-card-status  { font-size: 11px; } /* color: défini en inline (valeur dynamique) */

/* ══════════════════════════════════════════
   PROFIL / VIEWTOPIC — DERNIERS OBJETS
══════════════════════════════════════════ */
.arcadia-last-items-grid        { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.arcadia-last-item              { text-align: center; width: 80px; }
.arcadia-last-item img          { 
	width: 70px; 
	height: 90px; 
	object-fit: contain; 
	background:transparent; /*fond de la vignette de l'inventaire du membre*/
	border: 1px solid #ddd; 
	border-radius: 4px; 
	display: block; 
	margin: 0 auto; }
.arcadia-last-item-placeholder  { width: 70px; height: 90px; background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #bbb; font-size: 10px; }
.arcadia-last-item-name         { 
	font-size: 11px; 
	margin-top: 3px; 
	line-height: 1.2; 
	/*color: #333; désactivation de la couleur pour améliorer la lisibilité*/ }
.arcadia-last-item-qty          { font-size: 10px; color: #888; }

/* ══════════════════════════════════════════
   ANNIVERSAIRES LIÉS (footer)
══════════════════════════════════════════ */
#arcadia-linked-birthdays        { display: none; }
.arcadia-linked-bday-dt,
.arcadia-linked-bday-dd          { display: inline; }

/* ══════════════════════════════════════════
   INVENTAIRE — GRILLE & CARTES
══════════════════════════════════════════ */
.arcadia-inv-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
  margin: 12px 0;
}
.arcadia-inv-card {
  display: flex; flex-direction: column;
  border: 1px solid #ccc; border-radius: 6px; overflow: hidden;
  background: var(--theme-bg, #fff); text-align: center;
}
.arcadia-inv-card a.card-img-link { display: block; }
.arcadia-inv-card .card-img { width: 100%; height: 200px; object-fit: contain; display: block; background: var(--theme-bg, inherit); }
.arcadia-inv-card .card-no-img { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; background: var(--theme-bg, inherit); color: #aaa; font-size: 11px; }
.arcadia-inv-card .card-body { padding: 6px 8px 0; flex: 1; display: flex; flex-direction: column; gap: 3px; font-size: 12px; }
.arcadia-inv-card .card-name { font-weight: bold; font-size: 13px; line-height: 1.3; padding: 6px 8px 0; text-align: center; }
.arcadia-inv-card .card-meta { color: #888; font-size: 11px; }
.arcadia-inv-card .card-action { padding: 4px 8px 8px; }

/* Vue liste inventaire */
.arcadia-inv-view-list          { display: none; }
.arcadia-inv-list-img           { max-width: 50px; max-height: 60px; object-fit: contain; }
.arcadia-col-thumb              { width: 60px; }
.arcadia-col-qty                { width: 60px; }
.arcadia-col-status             { width: 90px; }
.arcadia-col-date               { width: 120px; }
.arcadia-col-action             { width: 70px; }

/* Mini Banque (trade + shop) */
.arcadia-panel-minibank         { margin: 20px 0 16px; }

/* Offres d'échange en attente */
.arcadia-panel-trade-pending    { border-color: #E67E22 !important; margin-bottom: 16px; }
.arcadia-panel-trade-pending h3 { color: #E67E22; }
.arcadia-inv-section-h4         { margin: 8px 0 4px; }
.arcadia-offer-thumb            { max-width: 28px; max-height: 35px; object-fit: contain; vertical-align: middle; margin-right: 4px; }
.arcadia-cell-center            { text-align: center; }
.arcadia-cell-muted             { font-size: 11px; color: #666; }
.arcadia-cell-small             { font-size: 11px; }
.arcadia-row-warning            { background: rgba(230, 126, 34, 0.1); }
.arcadia-offer-warning-text     { color: #E67E22; font-size: 11px; }
.arcadia-btn-trade              { background: #27AE60 !important; color: #fff !important; }
.arcadia-btn-blocked            { background: #C0392B !important; color: #fff !important; border-color: #922B21 !important; cursor: not-allowed !important; opacity: 0.85; }
.arcadia-err-funds              { display: block; margin-top: 5px; color: #C0392B; font-size: 12px; font-style: italic; }
.arcadia-form-filter            { margin-bottom: 12px; }

/* ══════════════════════════════════════════
   FICHES — MODÉRATION & LISTE
══════════════════════════════════════════ */
.arcadia-panel-pending        { border-color: #E67E22 !important; margin-bottom: 16px; }
.arcadia-panel-warning        { border-color: #E67E22 !important; }
.arcadia-panel-section        { margin-bottom: 16px; }
.arcadia-pending-h3           { color: #E67E22; }
.arcadia-pending-actions      { white-space: nowrap; display: flex; align-items: center; gap: 4px; }
.arcadia-btn-validate         { background: #27AE60 !important; color: #fff !important; border-color: #1E8449 !important; }
.arcadia-btn-refuse           { background: #C0392B !important; color: #fff !important; border-color: #922B21 !important; }
.arcadia-btn-action           { display: inline-block; padding: 4px 10px !important; font-size: 11px !important; font-family: inherit !important; line-height: 1.4 !important; box-sizing: border-box; vertical-align: middle; cursor: pointer; }
.arcadia-btn-action:hover     { filter: brightness(0.88); }
.arcadia-chars-thumb          { max-width: 40px; max-height: 50px; object-fit: contain; }
.arcadia-card-category        { font-size: 11px; color: #666; }
.arcadia-card-age             { font-size: 11px; color: #888; }
.arcadia-badge-pending-card   { background: #E67E22; color: #fff; font-size: 11px; padding: 2px 4px; border-radius: 3px; display: inline-block; }
.arcadia-badge-archived-card  { background: #95A5A6; color: #fff; font-size: 11px; padding: 2px 4px; border-radius: 3px; display: inline-block; }
.arcadia-chars-view-list      { display: none; }
.arcadia-text-pending         { color: #E67E22; }
.arcadia-text-archived        { color: #95A5A6; }
.arcadia-text-validated       { color: #27AE60; }

/* ══════════════════════════════════════════
   BANQUE
══════════════════════════════════════════ */
.arcadia-bank-form            { margin-bottom: 8px; }
.arcadia-bank-form .inputbox  { width: 65%; }
.arcadia-bank-fieldset        { border: 1px solid rgba(128,128,128,0.25); border-radius: 4px; padding: 8px 14px 10px; margin-bottom: 0; }
.arcadia-bank-legend          { font-weight: bold; font-size: 13px; padding: 0 6px; }
dl.arcadia-bank-dl            { margin: 0; }
dl.arcadia-bank-dl dt         { margin-bottom: 2px; }
dl.arcadia-bank-dl dd         { margin: 0 0 10px 0; }
.arcadia-bank-amount          { font-size: 1.05em; }
.arcadia-cell-right           { text-align: right; }

/* ══════════════════════════════════════════
   MAGASIN — COMPLÉMENTS
══════════════════════════════════════════ */
.arcadia-minibank-title       { margin: 0 0 10px; font-size: 15px; font-weight: bold; }
.arcadia-shop-balances        { display: flex; flex-direction: column; gap: 8px; }
.arcadia-shop-balance-row     { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.arcadia-balance-label        { white-space: nowrap; flex: 0 0 auto; }
.arcadia-shop-transfer-form   { display: inline-flex; gap: 6px; align-items: center; margin: 0; }
.arcadia-view-list            { display: none; }
.arcadia-item-avail-hint      { font-size: 10px; color: #888; }
.arcadia-cell-hint            { font-size: 11px; color: #888; }

/* ══════════════════════════════════════════
   GESTION INVENTAIRE
══════════════════════════════════════════ */
.arcadia-manage-layout        { display: flex; gap: 20px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 20px; }
.arcadia-manage-img           { max-width: 180px; max-height: 220px; object-fit: contain; border: 1px solid #ccc; border-radius: 6px; padding: 4px; background: #f5f5f5; }
.arcadia-manage-title         { margin: 0 0 6px; }
.arcadia-text-muted           { color: #666; }
.arcadia-text-hint            { color: #888; font-size: 12px; }
.arcadia-table-auto           { width: auto; }

/* ══════════════════════════════════════════
   ÉCHANGES
══════════════════════════════════════════ */
.arcadia-offer-img            { max-width: 32px; max-height: 40px; object-fit: contain; vertical-align: middle; margin-right: 6px; }
.arcadia-form-inline-spaced   { display: inline; margin: 0 0 0 4px; }
.arcadia-history-h3           { margin-top: 24px; }

/* ══════════════════════════════════════════
   SMALL-TEXT (classe phpBB native — override Arcadia)
   La définition d'origine est dans le stylesheet du thème actif :
   styles/<nom_du_style>/style/stylesheet.css  (chercher ".small-text")
   Les valeurs ci-dessous s'appliquent uniquement aux pages Arcadia.
══════════════════════════════════════════ */
#page-body .small-text {
  font-size: 12px;
  color: inherit;
  opacity: 0.75;
}

/* ══════════════════════════════════════════
   BOUTONS — ALIGNEMENT
══════════════════════════════════════════ */
p.submit-buttons               { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
p.submit-buttons input,
p.submit-buttons a             { margin: 0; }
/* Uniformise le padding vertical des liens-boutons avec les input-boutons dans une rangée flex */
p.submit-buttons a.button1,
p.submit-buttons a.button2     { padding-top: 1px; padding-bottom: 1px; vertical-align: baseline; }
h4.arcadia-links-subtitle      { margin: 18px 0 6px; font-size: 14px; border-bottom: 1px solid rgba(128,128,128,0.25); padding-bottom: 4px; }

/* ══════════════════════════════════════════
   AUTOCOMPLÉTION SUJETS
══════════════════════════════════════════ */
.arcadia-ts-wrap               { position: relative; display: inline-block; }
.arcadia-ts-input              { width: 100%; }
.arcadia-ts-box                { position: absolute; max-width: 420px; background: #fff; border: 1px solid #aaa; border-top: none; z-index: 9999; display: none; max-height: 400px; overflow-y: auto; box-shadow: 0 3px 8px rgba(0,0,0,.18); }
.arcadia-ts-item               { padding: 6px 10px; cursor: pointer; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #f0f0f0; }
.arcadia-ts-item:hover         { background: #e8f0fe; color: #1a1a1a; }
.arcadia-ts-none               { padding: 6px 10px; font-size: 13px; color: #888; font-style: italic; }
.arcadia-ts-item-disabled      { color: #bbb; cursor: default; }

/* ══════════════════════════════════════════
   PRÉREQUIS TAGS
══════════════════════════════════════════ */
.arcadia-prereq-tags           { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; min-height: 0; }
.arcadia-prereq-tag            { display: inline-flex; align-items: center; background: #e8f0fe; border: 1px solid #aac4f0; border-radius: 3px; padding: 3px 8px 3px 8px; font-size: 12px; gap: 5px; }
.arcadia-prereq-tag-remove     { background: none; border: none; cursor: pointer; color: #666; font-size: 15px; line-height: 1; padding: 0; margin: 0; }
.arcadia-prereq-tag-remove:hover { color: #c00; }

/* ══════════════════════════════════════════
   INPUTS & SÉLECTS
══════════════════════════════════════════ */
.arcadia-input-tiny           { width: 70px; }
.arcadia-input-small          { width: 80px; }
.arcadia-input-medium         { width: 90px; }
.arcadia-input-num            { width: 100px; }
.arcadia-input-wide           { width: 200px; }
.arcadia-input-note           { width: 250px; }
.arcadia-select-medium        { width: 140px; }
.arcadia-select-wide          { width: 300px; }

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */
@media (max-width: 900px) {
  .arcadia-mini-card         { width: 85px; }
  .arcadia-mini-card img     { width: 76px; height: 100px; }
  .arcadia-mini-card-name    { font-size: 11px; }
}

@media (max-width: 700px) {
  .arcadia-mini-card         { width: 65px; padding: 2px; }
  .arcadia-mini-card img     { width: 58px; height: 76px; }
  .arcadia-mini-card-name    { font-size: 10px; }
  .arcadia-mini-card-price,
  .arcadia-mini-card-status  { display: none; }
  /* Autoriser le retour à la ligne pour éviter le scroll horizontal */
  .arcadia-mini-grid,
  .arcadia-mini-grid-center  { flex-wrap: wrap; }
}

@media (max-width: 600px) {
  .arcadia-detail-layout     { flex-direction: column; }
  .arcadia-char-main-img,
  .arcadia-item-main-img     { max-width: 100%; }

  /* Basculement automatique en vue liste */
  .arcadia-inv-view-card     { display: none !important; }
  .arcadia-inv-view-list     { display: table !important; }
  .arcadia-view-card         { display: none !important; }
  .arcadia-view-list         { display: table !important; }
  .arcadia-chars-view-card   { display: none !important; }
  .arcadia-chars-view-list   { display: table !important; }

  /* Masquer le toggle carte/liste (inutile en vue forcée) */
  .arcadia-controls-toggle   { display: none; }
}

/* ══════════════════════════════════════════
   ACP — ZONE DE DANGER & MODALE
══════════════════════════════════════════ */
.arcadia-danger-zone              { border: 2px solid #C0392B; border-radius: 4px; background: rgba(192,57,43,0.06); padding: 16px 20px; margin-top: 24px; }
.arcadia-danger-title             { color: #C0392B; margin: 0 0 8px; font-size: 15px; }
.arcadia-danger-buttons           { display: flex; gap: 10px; flex-wrap: wrap; }
.arcadia-btn-danger               { background: #C0392B; color: #fff; border: 2px solid #922B21; border-radius: 3px; padding: 6px 14px; font-size: 13px; cursor: pointer; font-family: inherit; }
.arcadia-btn-danger:hover         { background: #922B21; }
.arcadia-modal-overlay            { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 9999; align-items: center; justify-content: center; }
.arcadia-modal-overlay.arcadia-modal-open { display: flex; }
.arcadia-modal                    { background: #fff; border: 2px solid #C0392B; border-radius: 6px; padding: 24px 28px; max-width: 480px; width: 90%; }
.arcadia-modal-title              { color: #C0392B; margin: 0 0 12px; font-size: 16px; }
.arcadia-modal-desc               { margin: 0 0 14px; font-size: 13px; }
.arcadia-modal-irrev              { color: #C0392B; font-weight: bold; margin: 0 0 16px; font-size: 13px; }
.arcadia-modal-confirm-label      { font-size: 13px; margin: 0 0 6px; }
.arcadia-modal-input              { width: 100%; padding: 6px 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; margin-bottom: 14px; font-family: monospace; }
.arcadia-modal-buttons            { display: flex; gap: 10px; justify-content: flex-end; }
.arcadia-modal-btn-confirm        { background: #C0392B; color: #fff; border: none; border-radius: 3px; padding: 6px 16px; font-size: 13px; cursor: pointer; font-family: inherit; }
.arcadia-modal-btn-confirm:disabled { background: #aaa; cursor: not-allowed; }
.arcadia-modal-btn-cancel         { background: #555; color: #fff; border: none; border-radius: 3px; padding: 6px 16px; font-size: 13px; cursor: pointer; font-family: inherit; }

/* Téléphone : basculement en liste verticale (plus de vignettes) */
@media (max-width: 480px) {
  .arcadia-mini-grid,
  .arcadia-mini-grid-center  { flex-direction: column; align-items: stretch; gap: 0; flex-wrap: nowrap; }
  .arcadia-mini-card         { width: 100%; height: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; border: none; border-bottom: 1px solid #ddd; border-radius: 0; padding: 6px 4px; text-align: left; }
  .arcadia-mini-card img     { display: none; }
  .arcadia-mini-card-name    { margin-top: 0; font-size: 13px; font-weight: bold; text-align: left; }
  .arcadia-mini-card-status  { font-size: 12px; display: inline; margin-left: 6px; }
}