/* === Label Page Polish === */

/* ─────────────────────────────────────────────────────────────
   8a. Genre ribbon — album cards
   NOTE: counter-skew (.albumcard_text > *) only fires when the
   genre text is wrapped in a child element. Currently the PHP
   outputs raw text directly inside .albumcard_text — see note
   at bottom of this file for the one-line template change needed.
   ───────────────────────────────────────────────────────────── */
/* counter-skew — only kicks in once <span> is added in template */
.albumcard_content-genre .albumcard_text span,
.albumcard_content-genre .albumcard_text > * {
  display: inline-block;
  transform: skewX(10deg);
}


/* ─────────────────────────────────────────────────────────────
   NOTE — PHP change required for counter-skew
   ─────────────────────────────────────────────────────────────
   In single-labels.php, find:

       <div class="albumcard_text"><?php
           $genre = get_the_terms( get_the_ID(), 'genres' );
           echo $genre[0]->name;
       ?></div>

   Change to:

       <div class="albumcard_text"><span><?php
           $genre = get_the_terms( get_the_ID(), 'genres' );
           echo $genre[0]->name;
       ?></span></div>

   The added <span> lets the counter-skew rule fire, keeping
   the text upright inside the skewed ribbon box.
   ───────────────────────────────────────────────────────────── */