@media print {
  /* =====================================================
     📄 OLDALBEÁLLÍTÁS
     ===================================================== */
  @page {
    size: A4 portrait;
    margin: 15mm;
  }

  html,
  body {
    background: #fff !important;
    color: #000 !important;
  }

  /* =====================================================
     🖥️ ASZTALI NÉZET ERŐLTETÉSE
     ===================================================== */
  body,
  .container,
  .container-fluid,
  main {
    width: 1200px !important;
    max-width: 1200px !important;
    min-width: 1200px !important;
  }

  /* =====================================================
     🚫 NEM KELLŐ UI ELEMEK ELREJTÉSE
     ===================================================== */
  button,
  .btn,
  .sidebar-toggle-btn,
  #back-link {
    display: none !important;
  }

  /* =====================================================
     📊 TÁBLÁZATOK – DESKTOP LOGIKA
     ===================================================== */
  table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 10pt !important;
  }

  thead {
    display: table-header-group !important;
  }

  tr {
    display: table-row !important;
    page-break-inside: avoid !important;
  }

  th,
  td {
    display: table-cell !important;
    border: 1px solid #ccc !important;
    padding: 6px 8px !important;
    text-align: left !important;
  }

  /* 🔥 Mobilos label-ek és ikonok TELJES kikapcsolása */
  .summary-card-full td::before,
  .summary-card-full td::after {
    content: none !important;
    display: none !important;
  }

  .summary-card-full .summary-table {
    display: table !important;
    width: 100% !important;
  }

  /* =====================================================
     📈 GRAFIKONOK
     ===================================================== */
  canvas,
  svg {
    max-width: 100% !important;
    height: auto !important;
  }

  /* =====================================================
     📦 BLOKKOK EGYBEN TARTÁSA (OLDALTÖRÉS)
     ===================================================== */
  .chart-wrapper,
  .chart-container,
  .kerdessor-block,
  .summary-card,
  .summary-card-full,
  .quote-card,
  .views-row,
  div,
  canvas,
  svg {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  /* =====================================================
     🧱 GRID / KÁRTYÁK – NEM MOBIL
     ===================================================== */
  .quote-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }

  .quote-card {
    display: block !important;
  }

  /* =====================================================
     🏷️ CÍMSOROK NE SZAKADJANAK LE
     ===================================================== */
  h1,
  h2,
  h3,
  h4 {
    page-break-after: avoid !important;
  }

  .chart-wrapper + * {
    page-break-before: avoid !important;
  }
}

@media print {
  /* =====================================================
     🎟️ QR KÓD CSÍKOK (views-view-grid)
     Csak a h3/h4 + a QR kód lista jelenjen meg.
     Minden QR blokk egyben marad (ne törjön két oldalra).
     ===================================================== */

  /* Megjegyzés: Print-to-PDF paginál, a Firefox "print media" szimuláció nem.
      A visibility-alapú rejtés üres/fél-üres oldalakat okozhat, mert a rejtett
      elemek továbbra is helyet foglalnak. Inkább a nagy UI konténereket
      display:none-oljuk, és a tartalom normál flow-ban marad. */

  /* Ezen az oldalon ne érvényesüljön a globális "desktop width" kényszerítés. */
  body[class*='route--view-ertekelok-intezmenyenkent'] {
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;

    /* Drupal toolbar offset ne tolja le a nyomtatást. */
    padding-top: 0 !important;
  }

  /* Ne maradjon külső whitespace (Bootstrap container/row/main padding-ek). */
  body[class*='route--view-ertekelok-intezmenyenkent'] .dialog-off-canvas-main-canvas,
  body[class*='route--view-ertekelok-intezmenyenkent'] .container-fluid,
  body[class*='route--view-ertekelok-intezmenyenkent'] .row,
  body[class*='route--view-ertekelok-intezmenyenkent'] main,
  body[class*='route--view-ertekelok-intezmenyenkent'] .content-before,
  body[class*='route--view-ertekelok-intezmenyenkent'] .content,
  body[class*='route--view-ertekelok-intezmenyenkent'] .content-after {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* A globális print.css túl agresszíven tiltja az oldaltörést (div-ekre is),
     ami üres oldalakat okozhat. Ezen a route-on engedjük a normál törést,
     és csak a cédula-soroknál használjunk avoid-ot. */
  body[class*='route--view-ertekelok-intezmenyenkent'] div,
  body[class*='route--view-ertekelok-intezmenyenkent'] .views-row {
    break-inside: auto !important;
    page-break-inside: auto !important;
  }

  body[class*='route--view-ertekelok-intezmenyenkent'] .min-vh-100 {
    min-height: 0 !important;
  }

  /* Nem kellő globális UI elemek eltávolítása a layoutból. */
  body[class*='route--view-ertekelok-intezmenyenkent'] #toolbar-administration,
  body[class*='route--view-ertekelok-intezmenyenkent'] .toolbar,
  body[class*='route--view-ertekelok-intezmenyenkent'] .sidebar-toggle-btn,
  body[class*='route--view-ertekelok-intezmenyenkent'] .offcanvas-backdrop-custom {
    display: none !important;
  }

  /* A lapcím blokk ezen az oldalon ne jelenjen meg nyomtatásban. */
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-oldalcime,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-oldalcime h1,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-oldalcime h2,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-oldalcime h3,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-oldalcime h4 {
    display: none !important;
  }

  /* A nyomtatandó tartalom normál flow-ban maradjon (jobb paginálás PDF-ben). */
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    /* Ezzel elnyomjuk a “kóbor” szöveges node-okat (pl. vesszők a HTML-ben). */
    font-size: 0 !important;
    line-height: 0 !important;
  }

  /* Biztosan nem kellő részek a tartalomban. */
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content header,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content footer,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content form,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content .views-exposed-form,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content .bef-exposed-form,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content .contextual,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content style,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content script,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content noscript {
    display: none !important;
  }

  /* Oldalsáv/aside nyomtatáskor ne jelenjen meg és ne foglaljon helyet. */
  body[class*='route--view-ertekelok-intezmenyenkent'] aside,
  body[class*='route--view-ertekelok-intezmenyenkent'] #mobile-sidebar {
    display: none !important;
  }

  /* Ebben a view-ban ne nyomtassunk címsorokat. */
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content h1,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content h2,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content h3,
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content h4 {
    display: none !important;
  }

  /* A QR kód lista konténer. */
  body[class*='route--view-ertekelok-intezmenyenkent'] #block-gtmm-content .views-view-grid.horizontal.cols-2.clearfix {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    break-before: avoid !important;
    page-break-before: avoid !important;
  }

  /* Nincs kényszerített oldaltörés a grid-ek után. */

  /* A Drupal/Views clearfix pseudo-elemek flexben "látható" elemekké válhatnak,
     és apró függőleges hézagokat okozhatnak. Kapcsoljuk ki őket a grid-en belül. */
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix::before,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix::after,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .clearfix::before,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .clearfix::after {
    content: none !important;
    display: none !important;
  }

  /* A grid-en belüli táblák/wrapperek ne kapjanak extra térközt. */
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    table {
    margin: 0 !important;
    margin-bottom: 0 !important;
    border-spacing: 0 !important;
  }

  /* A wrapper elemek alap line-height-ja is okozhat "légrést".
     Lenullázzuk, majd a slip td-ben visszaállítjuk. */
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-row,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  /* A Views grid-ben a “2 oszlopos” elrendezést nyomtatásra 1 oszloposra
     megtartjuk: 2 hasáb / sor, hogy gazdaságosan vágható legyen. */
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    /* A két cédula együtt maradjon a lapon. */
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col {
    float: none !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;

    /* Egy QR blokk ne törjön oldalra. */
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  /* A QR blokk belső táblája (egy sor = egy csík). */
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    border-spacing: 0 !important;
    margin: 0 !important;

    /* Vágáshoz jól látható keret. */
    border: 1px dashed #aaa !important;
  }

  /* A Views/Field wrapper elemek néha kapnak margin/padding-et a témából. */
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-field,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .field-content,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-field-name,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    span,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    div {
    margin: 0 !important;
    padding: 0 !important;
  }

  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    tbody,
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    tr {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    td {
    border: none !important;
    padding: 2mm 2.5mm !important;
    vertical-align: middle !important;

    /* Legyen olvasható a szöveg (a #block font-size:0 miatt). */
    font-size: 12pt !important;
    line-height: 1.15 !important;
    height: 84.7666px !important;
  }

  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    td
    p {
    margin-bottom: 0;
  }

  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    td
    .code {
    font-size: 18pt !important;
  }

  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .views-col
    td:first-child {
    width: 24mm !important;
    padding-right: 2mm !important;
  }

  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    img {
    width: 18mm !important;
    height: 18mm !important;
    display: block !important;
  }

  /* A URL kiírást (segédszöveg) ne nyomtassuk. */
  body[class*='route--view-ertekelok-intezmenyenkent']
    #block-gtmm-content
    .views-view-grid.horizontal.cols-2.clearfix
    .qr-alt-text {
    display: none !important;
  }
}
@media print {
  /* =========================================
     🚫 MOBIL MEDIA QUERY SEMLEGESÍTÉSE
     ========================================= */

  /* THEAD visszakapcsolása */
  .summary-card-full thead,
  .summary-card-full thead tr,
  .summary-card-full thead th {
    display: table-header-group !important;
  }

  /* első sor ne tűnjön el */
  .summary-card-full .summary-table > tr:first-child {
    display: table-row !important;
  }

  /* td mobilos flex kikapcsolása */
  .summary-card-full .summary-table td {
    display: table-cell !important;
  }

  /* mobilos label-ek TELJES tiltása */
  .summary-card-full td::before,
  .summary-card-full td::after {
    content: none !important;
    display: none !important;
  }

  /* táblázat szerkezet visszaállítása */
  .summary-card-full .summary-table {
    display: table !important;
  }
}