/* Desktop Calendar cover fitting — August 1, 2026.
 * Cover dimensions are measured from each rendered calendar cell in JS. This
 * prevents intrinsic image size from surviving after a desktop window narrows.
 */

@media (min-width: 601px) and (hover: hover) and (pointer: fine) {
  .books-calendar-day-covers,
  .books-calendar-day-covers.is-single,
  .books-calendar-day-covers.is-stack {
    inset: 36px 8px 8px !important;
  }

  /* Single-book days: the link itself is the measured 2:3 cover rectangle. */
  .books-calendar-day-covers.is-single .books-calendar-cover {
    width: var(--calendar-single-cover-width, 88px) !important;
    height: var(--calendar-single-cover-height, 132px) !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: 2 / 3 !important;
  }

  .books-calendar-day-covers.is-single .books-calendar-cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }

  /* Multi-book days use the same measured cell geometry, with each cover kept
     smaller so the existing fan-out has room to breathe. */
  .books-calendar-day-covers.is-stack .books-calendar-cover,
  .books-calendar-day-covers.is-stack:hover .books-calendar-cover,
  .books-calendar-day-covers.is-stack:focus-within .books-calendar-cover,
  .books-calendar-day-covers.is-stack.is-expanded .books-calendar-cover {
    width: var(--calendar-stack-cover-width, 60px) !important;
    height: var(--calendar-stack-cover-height, 90px) !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: 2 / 3 !important;
  }

  .books-calendar-day-covers.is-stack .books-calendar-cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
}