/*
 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.0
 Text Domain:  bricks
*/


/* Bật View Transitions */
@view-transition {
    navigation: auto;
}

/* 
::view-transition-old(root) {
    animation: 400ms ease-in both vt-slide-out;
}
::view-transition-new(root) {
    animation: 400ms ease-out both vt-slide-in;
}

@keyframes vt-slide-out {
    to { transform: translateX(-30px); opacity: 0; }
}
@keyframes vt-slide-in {
    from { transform: translateX(30px); opacity: 0; }
}


@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none;
    }
}
 */


::view-transition-old(root) {
  animation: 400ms ease-in both vt-clip-out;
}
::view-transition-new(root) {
  animation: 400ms ease-out both vt-clip-in;
}
@keyframes vt-clip-out {
  to {
    clip-path: inset(0 0 100% 0);
    /* hoặc: inset(0 100% 0 0) — wipe sang phải */
  }
}
@keyframes vt-clip-in {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0% 0);
  }
}