/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/mapa/mapa-print.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
/* Ispis /mapa/ — A4 landscape; 1. stranica karta (+ oznake), 2. čista legenda.
   Zahtijeva klase `mapa-route` na html/body (MapaClient). */

@page {
  size: A4 landscape;
  margin: 10mm;
}

#mapa-print-legend {
  display: none !important;
}

@media print {
  @page {
    size: A4 landscape;
    margin: 10mm;
  }

  /* Root layout (layout.js) ruši visinu s min-h-screen + flex — neutraliziraj */
  html.mapa-route,
  html.mapa-route body {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    background: #fff !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  body.mapa-route > div {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    background: #fff !important;
  }

  #mapa-layout-outer {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #mapa-layout-inner {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* Ukloni flex red — inače sidebar + legenda ostanu u jednom retku */
  #mapa-client-root {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  #mapa-sidebar-panel {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  #mapa-locate-controls,
  .mapa-no-print {
    display: none !important;
  }

  /*
   * Jedna stranica karte: ne koristiti fiksni max-height u mm — Google Maps pločice
   * tada znaju „puknuti“ (bijela pruga). 100vh + overflow visible u praksi bolje u PDF-u.
   */
  #mapa-print-map-sheet {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: 100vh !important;
    max-height: none !important;
    overflow: visible !important;
    page-break-after: always !important;
    -moz-column-break-after: page !important;
         break-after: page !important;
  }

  #mapa-print-map-sheet > main {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100vh !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #mapa-map-canvas-host {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* Druga stranica — samo tekst legende */
  #mapa-print-legend {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    color: #000 !important;
    border: 0 !important;
    box-shadow: none !important;
    page-break-before: always !important;
    -moz-column-break-before: page !important;
         break-before: page !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .mapa-print-legend-doc {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mapa-print-labels-root,
  .mapa-print-labels-root div {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}

