/* Entry-only styles. Card media (.img-con) comes from

 * ../products-system-primitives.css, shared with the rest of the system. */

.prd-sys.ent.v1 {
  /* ---------- GALLERY ---------- */
  .gal {
    .stage {
      aspect-ratio: 16 / 10;
    }

    /* Play badge on a video thumb. A video with no poster shows only this,
     * centred on the empty tile, instead of a broken image. */
    .thumb-play {
      position: absolute;
      inset: 0;

      .icn {
        width: 0.875rem;
        height: 0.875rem;
      }
    }

    .thumb {
      width: 4rem;
      height: 4rem;
      flex: none;
      padding: 0;
      cursor: pointer;
      opacity: 0.55;

      /* Set by products-system-entry-v1.js on the displayed shot. */
      &.is-on {
        opacity: 1;
      }

      &:hover {
        opacity: 1;
      }
    }
  }

  /* ---------- INFO COLUMN ---------- */

  .inf {
    
    .lead {
      font-size: 1.0625rem;
      line-height: 1.5;
    }

    .grp {

      .grp-lbl {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
      }

      /* Specifications read as a plain "Label: value" list rather than chips,
       * so the category chips above stay the only pill treatment here. */

      .specs {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 0.875rem;

        li {
          padding-left: 0.75rem;
          line-height: 1.7;

          &::before {
            content: "·";
            display: inline-block;
            width: 0.75rem;
            margin-left: -0.75rem;
          }
        }
      }
    }
  }

  /* ---------- CHIPS ---------- */

  .chip {
    display: inline-block;
    border-radius: 6.25rem;
    padding: 0.3125rem 0.75rem;
    font-size: 0.78125rem;
    text-decoration: none;

    &.eyebrow {
      font-size: 0.6875rem;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
  }

  .cnt-stl figure img {
    height: auto;
  }
}