/* GeoGames · estilos de páginas de contenido (ciudades, guías de modo, about).
   Complementa site.min.css sin modificarlo. Usa las variables de tema. */

.breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;
  font-size:.85rem;color:var(--muted,#9ca3af);margin:0 0 1rem;
}
.breadcrumb a{color:var(--accent,#38bdf8);text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}

/* Índice de ciudades por país en /places */
.place-city-index h3{
  margin:1.25rem 0 .5rem;font-size:1.02rem;
  padding-bottom:.3rem;border-bottom:1px solid rgba(148,163,184,.22);
}
.place-city-index h3:first-of-type{margin-top:.25rem;}

/* Chips que son enlaces (ciudades relacionadas, otros modos, índice) */
.chip-row{display:flex;flex-wrap:wrap;gap:.4rem;}
a.chip{
  display:inline-block;padding:.32rem .7rem;border-radius:999px;
  background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.30);
  color:var(--text,#e5e7eb);text-decoration:none;font-size:.86rem;line-height:1.2;
  transition:background .15s ease,border-color .15s ease,transform .05s ease;
}
a.chip:hover{background:rgba(56,189,248,.20);border-color:var(--accent,#38bdf8);}
a.chip:active{transform:translateY(1px);}

/* Página de ciudad y guía de modo */
.page-city .doc-section,
.page-mode-guide .doc-section{margin-bottom:1rem;}
.page-city .doc-section h2,
.page-mode-guide .doc-section h2{margin-top:0;font-size:1.15rem;}

.page-city .place-stats{
  display:flex;flex-wrap:wrap;gap:1.4rem;margin:.6rem 0 .4rem;padding:0;
}
.page-city .place-stats > div{display:flex;flex-direction:column;min-width:88px;}
.page-city .place-stats dt{
  font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted,#9ca3af);margin:0;
}
.page-city .place-stats dd{margin:0;font-size:1.4rem;font-weight:700;color:var(--text,#e5e7eb);}

.page-city .place-author{color:var(--muted,#9ca3af);font-size:.85rem;margin:.4rem 0 0;}

.page-city .point-count-badge,
.page-city .page-title-card .point-count-badge{
  display:inline-block;padding:.15rem .6rem;border-radius:999px;
  background:rgba(56,189,248,.14);color:var(--accent,#38bdf8);
  font-size:.82rem;font-weight:600;white-space:nowrap;
}

/* Lista de modos disponibles en la página de ciudad */
.page-city .compact-list,
.page-mode-guide .compact-list{margin:.4rem 0 0;padding-left:1.1rem;}
.page-city .compact-list li,
.page-mode-guide .compact-list li{margin:.3rem 0;line-height:1.5;}

/* Botonera de acciones en secciones */
.page-city .doc-section .gg-btn,
.page-mode-guide .doc-section .gg-btn{margin:.2rem .4rem .2rem 0;}

/* Botón de Discord en color de marca (Blurple #5865F2) */
.gg-discord-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#5865F2!important;border:1px solid #5865F2!important;color:#fff!important;
  text-decoration:none;text-shadow:none!important;
}
.gg-discord-btn:hover{background:#4752C4!important;border-color:#4752C4!important;color:#fff!important;}
.gg-discord-btn:active{background:#3c45a5!important;}
.gg-discord-icon{width:18px;height:18px;flex:0 0 auto;}