/* ===== Weboldal háttér – az original planzee megjelenése ===== */
/* Másold az original_planzee/styles/images/ mappából: bg.webp, logo.webp → public/images/ */

/* Globális betűtípus: Nunito (Google Fonts), fallback rendszerbetűk */
html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Nunito', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background: transparent; /* vízjel és háttérkép átlátszódjon */
  font-family: inherit;
}


/* Overlay/portál elemek: ne növeljék a dokumentum magasságát */
.app-portals {
  position: fixed;
  inset: 0;
  width: 0;
  height: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 1;
}

.app-portals > * {
  pointer-events: auto;
}

/* Vízjel fix réteg: a háttérkép fölé, a tartalom alá (layout-main z-index: 1) */
.page-watermark {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 400px;
  height: 400px;
  max-width: 100vw;
  max-height: 100vw;
  background: url('/images/logo.webp') no-repeat center center;
  background-size: contain;
  opacity: 0.06;
  pointer-events: none;
  z-index: 0;
}

/* Tartalom a vízjel fölé (z-index: 1), átlátszó háttérrel – mobilon ne legyen vízszintes görgetés */
.layout-main {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: transparent;
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
}

/* Tartalomtér kitölti a navbar alatti teret → footer mindig az oldal alján, nincs üres rés */
.layout-main__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Oldal gyökérelem kitölti a tartalomteret (sticky footer, látható rés nélkül) */
.layout-main__content > .page-wrapper,
.layout-main__content > .dashboard-page.page-wrapper,
.layout-main__content > .attendance-page,
.layout-main__content > .leave-request-page,
.layout-main__content > .profil-page {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Háttérkép – eredeti bg.webp */
html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url('/images/bg.webp') no-repeat center center;
  background-size: cover;
  z-index: -10;
  background-color: #f5f6f4;
}

/* Vissza gombok – aláhúzás (a fejléc egységes .btn-back gombok kivétele) */
.back-link:not(.btn-back),
a.back-link:not(.btn-back),
.glass-btn.back-link:not(.btn-back),
.events-back-btn.back-link {
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
.back-link:not(.btn-back):hover,
a.back-link:not(.btn-back):hover,
.glass-btn.back-link:not(.btn-back):hover,
.events-back-btn.back-link:hover {
  text-decoration: underline !important;
}

/* Vízjel most a .page-watermark DOM elem (layout.blade.php), html::after kikapcsolva */