/* =============================================================
   CamEleon Page Loader — CSS
   File: /wp-content/themes/your-child-theme/assets/cameleon-loader.css
   ============================================================= */

#cam-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}

#cam-loader.cam-loader-done {
  pointer-events: none;
}

#cam-loader .cam-loader-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

/* ── Logo — scoped strictly inside #cam-loader ── */
#cam-loader .cam-loader-logo {
  height: 52px !important;
  width: auto;
  display: block;
  opacity: 0;
  transform: translateY(14px);
}

/* ── Progress bar ── */
#cam-loader .cam-loader-bar {
  width: min(260px, 56vw);
  height: 2px;
  background: rgba(0, 0, 0, .08);
  border-radius: 2px;
  overflow: hidden;
}

#cam-loader .cam-loader-bar span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, #3bb78a, #20b0c7);
  transform: scaleX(0);
  transform-origin: left;
}