/* ==========================================================================
   SVÍTAN, svitan.html í heimi leikjasíðnanna (Villi 29/9: „Núna er það
   svítan. Gerðu hana í sama útliti og við höfum verið að vinna með")

   Grunnurinn er sá sami og á minigolf.html, pila.html, hopar.html og
   vidburdir.html: body ber .forsida og .leikir, svo hero, verðskráin,
   „Fest mynd" listinn, fyrirtækjakaflinn, hagnýta blokkin og spurt og
   svarað (hopasida.css) koma óbreytt. Hér er aðeins það sem svítan á ein:
   ljósmyndin í hero í stað myndbands og myndarinnar í fyrirtækjakaflanum.
   Enginn nýr litur, öll gildi eru --fs-* úr forsida.css.
   ========================================================================== */

/* hero: rýmið sjálft, ljósmynd á sama stað og myndböndin á hinum síðunum.
   Paddingin er sú sama og alls staðar, hún kemur úr forsida.css. */
.fs-hero > .sv-hero-mynd {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 60%;
}

/* fljótandi takkinn fer aldrei í tvær línur */
body.svitusida .flot-boka .orv-t,
body.svitusida .fs-hero .btn.orv.xl .orv-t {
  white-space: nowrap;
}

/* „Bóka svítuna" er lengra en „Bóka" á hinum síðunum: takkinn fær pláss
   svo orðin rekist aldrei á örina. Aðeins breiddin, annað úr forsida.css. */
body.svitusida .fs-hero .btn.orv.xl {
  min-width: 340px;
}

/* Texti sem skiptir máli má vera stærri (Villi 29/9) */
body.svitusida .fs-stadreyndir li {
  font-size: 16px;
}
body.svitusida .lk-verd-skyring {
  max-width: 62ch;
  font-size: 17px;
  line-height: 1.5;
  color: var(--fs-texti);
}
body.svitusida .lk-verd small {
  font-size: 16px;
}
body.svitusida main h2,
body.svitusida main h3 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}

/* aðeins fyrir skjálesara: hvaða pakka takkinn bókar */
.sv-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* fyrirtækjakaflinn: rýmið sjálft, sófarnir og skjárinn í mynd */
body.svitusida .fs-hopar-mynd img {
  object-position: 70% 50%;
}

/* ---------- síminn ---------- */
@media (max-width: 760px) {
  /* í síma er 300 px það breiðasta sem kemst fyrir í 360 px skjá */
  body.svitusida .fs-hero .btn.orv.xl {
    min-width: 300px;
  }
  body.svitusida .fs-rod p {
    font-size: 16px;
  }
  body.svitusida .lk-inniheld {
    font-size: 16px;
  }
  body.svitusida .lk-verd-skyring {
    font-size: 16px;
  }
}