/*
 * Copyright 2025 Marek Kobida
 * Last Updated: 19.04.2025
 */

.ProductPage {
  --border-color: hsl(0, 0%, 75%);

  .Button {
    --icon-size: 1.5em; /* em */

    background-color: hsl(0, 0%, 100%);
    border: var(--border-color) solid calc(var(--border-width) / 2);
    letter-spacing: 0.05em; /* em */
  }

  [data-component="FileList"] {
    overflow-x: auto;
  }

  [data-component="FormWindow"] {
    background-color: hsla(0, 0%, 0%, 0.875);
    height: 100%;
    position: fixed;
    width: 100%;

    > div {
      background-color: hsl(0, 0%, 100%);
      border: var(--border-color) solid calc(var(--border-width) * 2);
      max-height: 100%;
      max-width: 100%;
      overflow-y: auto;
      width: 100%;

      @media (min-width: 640px) {
        width: 640px;
      }
    }
  }

  [data-component="Photo"] {
    border: var(--body-background-color) solid calc(var(--border-width) * 2);
    object-fit: contain;
  }
}