/* style.css – Basstil för datorlucas.se Ⓐ Style 
   Version: 1.0
   Uppdaterad: 2026-01-15 09:43 | av: Ⓐberg
   ---------------------------------------------------------
   Den här uppdateringen minskar avståndet från toppen och
   placerar "datorlucas.se" direkt under loggan med tight spacing.
*/

/* ========== 1) Variabler & grund ========== */
:root {
  --bg: #f3d49b;     /* Bakgrund */
  --ink: #000000;    /* Textfärg (svart) */
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: Consolas, "Courier New", ui-monospace, Menlo, Monaco, "Liberation Mono", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ========== 2) Layout nära toppen ========== */
/*
  Vi vill inte centrera allt vertikalt längre, så vi byter från grid/center
  till en enkel flex-kolumn med liten top-padding.
*/
.center-stage {
  display: flex;
  flex-direction: column;
  align-items: center;    /* centrera horisontellt */
  justify-content: flex-start; /* lägg innehåll nära toppen */
  min-height: 100vh;      /* låt innehållet fylla höjden vid behov */
  padding: 16px 24px 32px;/* liten luft upptill, lite mer nertill */
  gap: 6px;               /* minimal gap mellan logga och site-tag */
}

/* ========== 3) Media ========== */
/*
  hero-logo får bara små marginaler så site-tag hamnar direkt under.
  Inline style på <img> styr bredden (300px), vilket vinner över CSS.
*/
.hero-logo {
  display: block;
  height: auto;
  margin: 0;       /* ingen extra luft runt loggan */
}

/* ========== 4) Site-tag under loggan ========== */
.site-tag {
  margin: 2px 0 0;              /* mycket tight mot loggan */
  font-size: clamp(14px, 2.4vw, 18px);
  line-height: 1.15;
  font-weight: 700;
}

/* ========== 5) Responsiv liten justering ========== */
@media (max-width: 480px) {
  .center-stage {
    padding-top: 12px;  /* ännu lite närmare toppen på mobil */
  }
}

/* Sista metadata-kommentar */
/* Version: 1.01 | Uppdaterad: 2025-10-07 14:43 | av: KlⒶssⓔ & Ⓐberg */