/* Smoothly prepare only the image inside the column for movement */
.smooth-hover-zoom img {
	transition: transform .3s ease-in-out !important;
}

/* Enlarge ONLY the image when the mouse hovers over it */
.smooth-hover-zoom img:hover {
	transform: scale(1.06) !important;
}

.nudge-right {
	position: relative !important;
	left: 15px !important;
/* Pushes the image 15 pixels to the right */
}
/* Targets any page where the body data attribute contains the word 'mixtape' */
body[class*="mixtape"] header,
body[class*="mixtape"] footer,
body[class*="mixtape"] nav,
body[class*="mixtape"] .wp-block-navigation,
body[class*="mixtape"] .wp-block-post-title,
body[class*="mixtape"] .entry-title,
body[class*="mixtape"] .page-title,
body[class*="mixtape"] .site-header {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Force all current and future mixtape pages to be scroll-free and edge-to-edge */
body[class*="mixtape"] .wp-site-blocks,
body[class*="mixtape"] main,
body[class*="mixtape"] .entry-content {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.page-id-307 {
    background-image: none !important;
}

/* Creates the clear independent background layer underneath your text */
.page-id-307::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; 
    
    /* 1. Only loads the raw GIFs on the left and right walls */
    background-image: 
        url('https://shizuitu.com/wp-content/uploads/2026/06/mmmm.gif'), 
        url('https://shizuitu.com/wp-content/uploads/2026/06/mmmm.gif'); 
    
    /* 2. Tells both side columns to loop downwards */
    background-repeat: repeat-y, repeat-y; 
    
    /* 3. Explicitly pins one column to the left wall and one to the right wall */
    background-position: left top, right top; 
    
    /* 4. Controls the exact pixel width of the left and right side columns */
    background-size: 200px auto, 200px auto; 
}