/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Scramble Font */
@font-face {
  font-family: 'Scramble';
  src: url("/assets/Scramble-KVBe-3040cfc6.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Logo styling */
.logo-text {
  font-family: 'Scramble', serif;
  letter-spacing: 0.15em;
}

/* Ensure SVG icons in header stay small */
nav svg {
  max-width: 1rem;
  max-height: 1rem;
}

/* Barcode scanner video */
[data-isbn-lookup-target="scannerVideo"] video,
[data-isbn-lookup-target="scannerVideo"] canvas {
  width: 100%;
  height: auto;
  display: block;
}

[data-isbn-lookup-target="scannerVideo"] canvas.drawingBuffer {
  position: absolute;
  top: 0;
  left: 0;
}