/**
 * Lihakauppa.com – automaattinen työpöytänäkymän tiivistys
 *
 * Tavoite:
 * - 1920 × 1080 ja suuremmat: normaali 100 %
 * - noin 1600 × 900: kompakti 90 %
 * - noin 1366 × 768 ja 1280 × 720: tiivis 80 %
 *
 * Puhelin- ja tablettinäkymiin ei kosketa. Sääntö aktivoituu vain
 * hiirellä/tarkalla osoittimella käytettävässä vähintään 1000 px näkymässä.
 */

:root {
  --lk-desktop-density-scale: 1;
  --lk-desktop-density-inverse: 1;
}

@supports (zoom: 1) {
  /* Keskikokoinen työpöytänäyttö, esimerkiksi 1600 × 900. */
  @media (min-width: 1000px) and (hover: hover) and (pointer: fine) and (max-width: 1759px),
         (min-width: 1000px) and (hover: hover) and (pointer: fine) and (max-height: 979px) {
    :root {
      --lk-desktop-density-scale: 0.90;
      --lk-desktop-density-inverse: 1.111111;
    }
  }

  /* Pienempi työpöytänäyttö, esimerkiksi 1366 × 768 tai 1280 × 720. */
  @media (min-width: 1000px) and (hover: hover) and (pointer: fine) and (max-width: 1450px),
         (min-width: 1000px) and (hover: hover) and (pointer: fine) and (max-height: 820px) {
    :root {
      --lk-desktop-density-scale: 0.80;
      --lk-desktop-density-inverse: 1.25;
    }
  }

  /*
   * zoom pienentää sekä tekstin, välit, kuvat, kortit että lomakekentät
   * yhtenäisesti. Samalla selain laskee sivulle enemmän käytettävää
   * asettelutilaa, joten sarakkeet säilyvät rinnakkain pidempään.
   */
  @media (min-width: 1000px) and (hover: hover) and (pointer: fine) {
    body {
      zoom: var(--lk-desktop-density-scale);
    }

    /*
     * Koko näytön popupit jätetään normaalikokoisiksi. Vastakkainen zoom
     * kumoaa bodyn tiivistyksen, joten tausta peittää edelleen koko ruudun
     * ja popupin painikkeet pysyvät helppokäyttöisinä.
     */
    .lk-consent-root,
    .producer-gallery-lightbox,
    .seasonal-work-modal,
    .language-flags,
    [data-desktop-density-unscaled] {
      zoom: var(--lk-desktop-density-inverse) !important;
    }
  }
}

/* Tulostuksessa käytetään aina alkuperäisiä mittoja. */
@media print {
  body,
  .lk-consent-root,
  .producer-gallery-lightbox,
  .seasonal-work-modal,
  .language-flags,
  [data-desktop-density-unscaled] {
    zoom: 1 !important;
  }
}