/* Hide 'part of day' labels that are meant for the print version, badges are used for the front-end */
.dagdeel-print {
  display: none !important;
}

/* === KEYFRAMES === */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* === PAGINA INSTELLINGEN === */
@page {
  size: A4 landscape;
  margin: 1cm;
}

/* Styling for the printed version of the schedules */
@media print {
  .bg-effects,
  .navbar,
  footer,
  .toolbar-btn,
  .btn-print,
  .page-label,
  .print-button-container {
    display: none !important;
  }

  .agenda-spacer {
    display: none;
  }

  .badge {
    display: none;
  }

  .dagdeel-print {
    display: inline !important;
    font-size: var(--font-default-size);
  }

  .td-naam-middag,
  .td-dag,
  .datum {
    display: table-cell !important;
    font-size: var(--font-default-size);
  }

  * {
    animation: none !important;
    box-shadow: none !important;
  }

  body {
    background: white;
    font-size: var(--font-default-size);
  }

  /* === HEADER === */
  header.page-content {
    padding: 0;
    margin-bottom: 6px;
  }

  .page-title {
    font-size: var(--font-default-size);
    margin-bottom: 6px;
  }

  /* === 2x2 GRID === */
  .weeks-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  .week-block {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .week-title {
    font-size: var(--font-default-size);
    margin-bottom: 3px;
    margin-left: 0;
  }

  /* === TABEL WRAPPER === */
  .table-wrapper {
    border: 1px solid #ccc;
    border-radius: 2px;
  }

  /* === TABEL === */
  .table-agenda thead tr {
    background: var(--accent) !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .table-agenda thead th {
    padding: 4px 8px;
    font-size: 9px;
    color: white !important;
  }

  .table-agenda td {
    padding: 4px 8px;
    font-size: var(--font-default-size);
  }

  /* === VERBERG BADGES === */
  .badge {
    display: none;
  }

  /* === RIJKLEUREN PER DAG === */
  .table-agenda tbody tr:nth-child(4n + 1),
  .table-agenda tbody tr:nth-child(4n + 2) {
    background: #dff0f7 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .table-agenda tbody tr:nth-child(4n + 3),
  .table-agenda tbody tr:nth-child(4n + 4) {
    background: #ffffff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}