/* ---------- POESI: VERS-BLOCKET ---------- */
/* Vers-blocket (core/verse) är WordPress eget block för dikter: det behåller
   radbrytningarna man skriver, till skillnad från ett stycke. Core ger det
   bara white-space:pre-wrap och låter typsnittet ärvas – hela utseendet är
   alltså upp till oss, och utan de här reglerna ser en dikt ut precis som
   brödtext.

   Filen laddas både på sajten och inne i redigeraren, så dikten ser likadan
   ut medan den skrivs som när den är publicerad. Det är hela poängen med en
   dikt: raderna är satta för hand och måste gå att bedöma på plats. Därför
   har varje var() ett reservvärde – inne i redigerarens ram finns inte
   menu.css och dess :root-variabler.

   Allt här är standardvärden, inte lås. Blocket stödjer textstorlek,
   radavstånd, typsnitt och justering i sidopanelen, och det man ställer in
   där skrivs ut som inline-stil, vilket alltid vinner över den här filen.

   VARIABLERNA --urskap-verse-* är pluginets inställningspanel, Urskap → Poesi
   i adminmenyn. Filen är statisk och cachas av webbläsaren; panelen skriver
   bara ut de variabler som faktiskt ändrats, som några rader inline i
   sidhuvudet. Rör man ingenting skrivs ingenting ut alls. Se
   class-urskap-blocks.php.

   Standardvärdena nedan MÅSTE stämma med Urskap_Blocks::defaults() – de är
   samma tal på två ställen, och panelen jämför mot dem för att avgöra vad som
   behöver skrivas ut. */

.wp-block-verse{
  /* Temats egen serif i stället för brödtextens typsnitt: brödtext är ritad
     för att läsas fort, en dikt ska läsas långsamt.

     Kedjan läses inifrån och ut. Har du valt ett typsnitt i panelen står det
     i --urskap-verse-font och gäller. Annars temats Fraunces, om det finns
     kvar i temat. Annars pluginets rubriktypsnitt, som i sin tur ärver temat
     om inget valts under Urskap-Tools → Typsnitt. Notera mellansteget: byter
     du typsnitt i temat och Fraunces försvinner därifrån, faller dikten ner
     på rubriktypsnittet – och är det satt till versaler är det fel för poesi.
     Är det så det ser konstigt ut, välj typsnitt i panelen i stället, så
     hoppas hela kedjan över.

     Georgia sist gäller bara inne i blockredigerarens ram, där menu.css inte
     finns och --urskap-display alltså är odefinierad. */
  font-family:var(--urskap-verse-font, var(--wp--preset--font-family--fraunces, var(--urskap-display, Georgia, serif)));

  /* Något större än brödtexten. Nedre värdet gäller på telefon, det övre
     från ungefär en läsplatta och uppåt. Panelen räknar fram samma clamp
     ur en enda siffra – se Urskap_Blocks::size_clamp(). */
  font-size:var(--urskap-verse-size, clamp(1.05rem, .92rem + .6vw, 1.4rem));

  /* Luften. 2.15 vore slösaktigt för ett stycke men är rätt för en dikt:
     varje rad blir en egen enhet i stället för att flyta ihop med nästa, och
     ögat hittar tillbaka till radbörjan av sig självt. */
  line-height:var(--urskap-verse-leading, 2.15);

  /* En aning öppnare bokstavsavstånd. Knappt märkbart rad för rad, men det
     gör satsen luftig på samma sätt som radavståndet – och det klär en
     serif i den här storleken. */
  letter-spacing:var(--urskap-verse-tracking, .015em);
}

/* Ett kort rostfärgat streck ovanför dikten. Rubriken står redan över den,
   och strecket skiljer de två åt utan att lägga till ännu en textrad – det
   markerar att här börjar något som ska läsas i en annan takt. Accenten är
   sajtens enda färg vid sidan av papper och bläck, och den tål att användas
   just så här sparsamt.

   Strecket stängs av i panelen genom att --urskap-verse-rule sätts till none.
   Att stänga av det med display och inte med en egen regel är med flit: då
   behöver panelen aldrig skriva ut någon selektor, bara variabelvärden. */
.wp-block-verse::before{
  content:"";
  display:var(--urskap-verse-rule, block);
  width:34px;
  height:1px;
  margin-bottom:clamp(1rem, 2.5vh, 1.6rem);
  background:var(--urskap-accent, #a72f1f);
}
/* Strecket följer diktens egen justering. Vers-blocket stödjer textAlign,
   och en centrerad dikt med ett vänsterställt streck hade sett ut som ett
   misstag. */
.wp-block-verse.has-text-align-center::before{
  margin-inline:auto;
}
.wp-block-verse.has-text-align-right::before{
  margin-inline-start:auto;
}

/* På telefon är skärmen smal nog att långa rader bryts, och en bruten rad i
   en dikt är redan en störning – då ska den åtminstone inte ligga långt från
   raden den hör ihop med. Något stramare sats alltså, inte lika luftig.

   Faktorerna i stället för egna tal: då räcker det att du ställer in
   radavstånd och bokstavsavstånd en gång i panelen, så följer telefonen med
   i samma proportion. Med standardvärdena blir det 1.96 och .01em, alltså
   det som stod här förut. */
@media (max-width: 640px){
  .wp-block-verse{
    line-height:calc(var(--urskap-verse-leading, 2.15) * .91);
    letter-spacing:calc(var(--urskap-verse-tracking, .015em) * .67);
  }
}