/* Corvus – Csillagtérkép (plg_content_csillagterkep). A sablon színváltozóit használja, tartalékértékekkel. */

/* Főoldali ajánlat-kártya: a kártya üres helyét tölti ki, a kártyát nem növeli
   (flex-basis 0, a vászon abszolút pozícióban; a negatív margó kiegyenlíti a kártya „gap”-jét). */
.starmap--compact {
  flex: 1 1 0; min-height: 0; margin-top: -16px;
  display: flex; flex-direction: column;
}
/* a térkép a felső 16px-es sávot (a kártya „gap”-jét) szabadon hagyja – a starmap.js ennyivel kisebbre rajzol */
.starmap--compact .starmap__stage {
  position: relative; flex: 1 1 0; min-height: 0; display: block; border-radius: 50%;
}
.starmap--compact canvas {
  position: absolute; left: 50%; top: calc(50% + 8px); transform: translate(-50%, -50%); display: block;
  transition: transform .2s;
}
.starmap--compact .starmap__stage:hover canvas,
.starmap--compact .starmap__stage:focus-visible canvas { transform: translate(-50%, -50%) scale(1.02); }
.starmap--compact .starmap__stage:focus-visible { outline: none; }
.starmap--compact .starmap__stage:focus-visible canvas { outline: 2px solid var(--c-gold, #F2B544); outline-offset: 3px; border-radius: 50%; }
.starmap.is-hidden canvas { visibility: hidden; }

/* Kinyitott cikk: a szövegmező szélességében */
.starmap--full {
  margin: 2rem 0 0; padding: 22px; background: var(--c-card, #141B30);
  border: 1px solid var(--c-card-border, #2A3452); border-radius: var(--r-card, 16px);
  font-family: var(--f-body, Inter, system-ui, sans-serif);
}
.starmap--full.is-hidden { display: none; }
.starmap__head { margin-bottom: 14px; }
.starmap__title { margin: 0 0 4px; font: 600 1.25rem/1.3 var(--f-head, Sora, sans-serif); color: var(--c-text, #E8ECF5); }
.starmap__meta { margin: 0; font-size: 14px; color: var(--c-text-2, #C9D1E4); }
.starmap__sep { margin: 0 .5em; color: var(--c-text-muted, #A3ADC6); }
.starmap--full .starmap__stage { display: flex; justify-content: center; }
.starmap--full canvas { display: block; max-width: 100%; }

.starmap__controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px; margin-top: 16px; }
.starmap__field { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 12px; color: var(--c-text-muted, #A3ADC6); }
.starmap__field input {
  box-sizing: border-box; height: 44px; min-height: 44px; margin: 0; padding: 0 12px; border-radius: var(--r-btn, 10px); font: inherit; font-size: 15px;
  background: var(--c-inner, #1C2440); color: var(--c-text, #E8ECF5); border: 1px solid var(--c-line-strong, #2E3858);
  color-scheme: dark;
}
.starmap__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.starmap__btn {
  box-sizing: border-box; height: 44px; margin: 0; padding: 0 14px; border-radius: var(--r-btn, 10px); cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px; font: 600 14px/1 var(--f-body, Inter, sans-serif);
  background: var(--c-inner, #1C2440); color: var(--c-text, #E8ECF5); border: 1px solid var(--c-line-strong, #2E3858);
}
.starmap__btn:hover { border-color: var(--c-gold, #F2B544); color: var(--c-gold-hover, #FFD27A); }
.starmap__btn:focus-visible, .starmap__field input:focus-visible { outline: 2px solid var(--c-gold, #F2B544); outline-offset: 2px; }
.starmap__btn--geo { color: var(--c-gold, #F2B544); }
.starmap__btn[hidden] { display: none; }
.starmap__msg { flex-basis: 100%; margin: 0; font-size: 13px; color: var(--c-text-muted, #A3ADC6); }
.starmap__msg:empty { display: none; }

.starmap__legend-title { margin: 18px 0 6px; font: 600 14px/1.3 var(--f-head, Sora, sans-serif); color: var(--c-gold, #F2B544); }
.starmap__legend { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px 8px; }
.starmap__legend li {
  padding: 4px 10px; border-radius: 999px; font-size: 13px;
  background: var(--c-gold-bg, #2A2410); color: var(--c-gold, #F2B544);
}
.starmap__legend li.is-below { background: var(--c-inner, #1C2440); color: var(--c-text-muted, #A3ADC6); }
.starmap__credit { margin: 14px 0 0; font-size: 12px; color: var(--c-text-muted, #A3ADC6); }

@media (max-width: 480px) {
  .starmap--full { padding: 14px; margin-left: -4px; margin-right: -4px; }
  .starmap__field { flex: 1 1 140px; }
  .starmap__btns { flex-basis: 100%; }
  .starmap__btn { flex: 1 1 auto; justify-content: center; }
}

/* Az egész cikk nyomtatásakor a vezérlők ne kerüljenek papírra (a térkép saját „Nyomtatás” gombja külön, világos lapot készít) */
@media print {
  .starmap__controls, .starmap__msg, .starmap--compact { display: none !important; }
  .starmap--full { break-inside: avoid; }
}