/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Make the app container a nice animation surface */
#e2m-app-view {
  position: relative;
  overflow: hidden;
}

/* Full-screen transition overlay - red wipe right to left */
.e2m-transition-overlay {
  position: fixed;
  inset: 0;
  background-color: #ED1B24;
  z-index: 9999;
  pointer-events: none;
  transform: translateX(100%); /* start offscreen to the right */
}

/* Slide in from right to fully cover */
.e2m-transition-overlay--in {
  transform: translateX(0);
  transition: transform 0.6s ease-in-out;
}

/* Slide off to the left to reveal content */
.e2m-transition-overlay--out {
  transform: translateX(-100%);
  transition: transform 0.6s ease-in-out;
}

/* Slide in the new content from right to left */
.e2m-slide-in-start {
  opacity: 0;
  transform: translateX(40px); /* start slightly to the right */
}

.e2m-slide-in-active {
  opacity: 1;
  transform: translateX(0);
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Optional: show a loading cursor while fetching */
#e2m-app-view.e2m-loading {
  cursor: progress;
}