/**
 * Gemensam mobil app-shell för Mina jobb / Min tid / Ärenden.
 * Header → scrollbart innehåll → bottom-nav. Ingen website-footer i employee mobile.
 */
:root {
  --employee-header-height: var(--header-height-scrolled, var(--header-height, 56px));
  --employee-bottom-nav-height: 4.25rem;
  --employee-safe-bottom: env(safe-area-inset-bottom, 0px);
  --employee-content-bottom-clearance: 1.25rem;
  --employee-sheet-top: var(--employee-header-height);
  --employee-sheet-bottom: calc(var(--employee-bottom-nav-height) + var(--employee-safe-bottom));
}

@media (max-width: 767px) {
  body.planner-employee-mode #footer-placeholder,
  body.planner-employee-mode footer,
  body.planner-employee-mode .site-footer,
  body.mt-page #footer-placeholder,
  body.mt-page > footer,
  body.mt-page .site-footer,
  body.mc-page #footer-placeholder,
  body.mc-page > footer,
  body.mc-page .site-footer {
    display: none !important;
  }

  body.has-emp-bottom-nav {
    padding-bottom: 0;
  }

  body.has-emp-bottom-nav .emp-bottom-nav {
    min-height: calc(3.35rem + var(--employee-safe-bottom));
    padding: 0.3rem 0 calc(0.3rem + var(--employee-safe-bottom));
    z-index: 50;
  }

  .planner-employee-mode .planner-body,
  body.has-emp-bottom-nav .mt-main,
  body.has-emp-bottom-nav .mc-main {
    padding-bottom: calc(
      var(--employee-bottom-nav-height) + var(--employee-content-bottom-clearance) +
        var(--employee-safe-bottom)
    ) !important;
    scroll-padding-bottom: calc(
      var(--employee-bottom-nav-height) + var(--employee-content-bottom-clearance) +
        var(--employee-safe-bottom)
    );
  }

  body.has-emp-bottom-nav .mt-sheet-backdrop,
  .planner-employee-mode .planner-modal-backdrop.employee-sheet,
  body.has-emp-bottom-nav .mc-sheet {
    top: var(--employee-sheet-top);
    right: 0;
    bottom: var(--employee-sheet-bottom);
    left: 0;
  }

  body.has-emp-bottom-nav .mt-sheet,
  body.has-emp-bottom-nav .mt-sheet.mt-sheet-shell,
  body.has-emp-bottom-nav .etc-sheet.mt-sheet-shell {
    top: var(--employee-sheet-top);
    bottom: var(--employee-sheet-bottom);
    max-height: none;
  }

  body.has-emp-bottom-nav .mc-sheet-panel,
  .planner-employee-mode .planner-modal-backdrop.employee-sheet .planner-modal {
    max-height: 100%;
    width: 100%;
  }

  /* index.css ger section 3rem padding på mobil. Nollställ bara block-padding,
     rör inte restored hero/tid-typografi. */
  .planner-employee-mode section.emp-home-band,
  .planner-employee-mode .emp-home-band > section.emp-customer-finder,
  .planner-employee-mode section.employee-ao-search {
    padding-block: 0 !important;
  }
}

@media (min-width: 768px) {
  .emp-bottom-nav {
    display: none !important;
  }
}