/*
Theme Name: Atmos Blocks
Header: Interactive Physics Layer
Description: Handles all kinetic motion, tactile elevation, and physics-based interactions.
Note: This file is enqueued on the front-end only to prevent Site Editor jitter.
-------------------------------------------------------------------------- */

/* 1. PASSIVE OBJECTS (Tactile Elevation)
   ========================================================================== */

.is-style-shadow, 
.is-style-rounded-border,
.is-style-rounded img,
.is-style-image-computer-screen img,
.is-style-image-tablet-phone-screen img,
.wp-block-gallery .wp-block-image img,
.wp-block-image:not(.alignfull) img,
.wp-block-media-text.has-background:not(.alignfull),
.wp-block-group.has-background:not(.alignfull), 
.wp-block-column.has-background,
.wp-block-paragraph.has-background:not(.alignfull),
.jetpack-slideshow {
    transition: filter 0.4s ease-out, box-shadow 0.4s ease-out, transform 0.4s ease-out;
    will-change: filter, box-shadow, transform;
}

/* Base State - Grounded */
.is-style-shadow, 
.is-style-rounded-border, 
.wp-block-group.has-background:not(.alignfull),
.wp-block-column.has-background, 
.wp-block-media-text.has-background:not(.alignfull),
.wp-block-paragraph.has-background:not(.alignfull), 
.jetpack-slideshow {
    box-shadow: var(--wp--preset--shadow--natural) !important;
    transform: translateY(0);
}

/* Image-Specific Base State */
.is-style-rounded img, 
.is-style-image-computer-screen img, 
.is-style-image-tablet-phone-screen img,
.wp-block-image:not(.alignfull) img, 
.wp-block-gallery .wp-block-image img {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));
    transform: translateY(0);
}

/* The Tactile Lift (Hover) */
.is-style-shadow:hover, 
.is-style-rounded-border:hover, 
.wp-block-group.has-background:not(.alignfull):hover,
.wp-block-column.has-background:hover, 
.wp-block-media-text.has-background:not(.alignfull):hover,
.wp-block-paragraph.has-background:not(.alignfull):hover, 
.jetpack-slideshow:hover {
    box-shadow: var(--wp--preset--shadow--deep) !important;
    transform: translateY(-2px);
/* 
    z-index: 5;
 */
    position: relative;
}

/* Hover for Images */
.is-style-rounded:hover img, 
.is-style-image-computer-screen:hover img, 
.is-style-image-tablet-phone-screen:hover img,
.wp-block-image:not(.alignfull):hover img, 
.wp-block-gallery .wp-block-image:hover img {
    filter: drop-shadow(0 18px 25px rgba(0,0,0,0.22));
    transform: translateY(-2px);
}

/* 2. ACTIVE ELEMENTS (Kinetic Growth)
   ========================================================================== */

.wp-block-button__link,
.wp-block-social-links li,
.wp-block-post-featured-image a img,
.entry-content a > img,
.wp-block-image a img,
.wp-block-gallery .wp-block-image a img,
/* Target standard buttons but EXCLUDE all navigation/menu buttons */
button:not([class*="wp-block-navigation"]):not(.wp-block-navigation-item__content),
.lightbox-trigger,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
                box-shadow 0.25s ease, 
                filter 0.25s ease;
    will-change: transform;
    display: inline-block;
}

/* Growth Logic (1.05 Scale) */
.wp-block-button__link:hover,
.wp-block-social-links li:hover,
button:not([class*="wp-block-navigation"]):not(.wp-block-navigation-item__content):hover, 
.lightbox-trigger:hover,
input[type="button"]:hover, 
input[type="reset"]:hover,
input[type="submit"]:hover {
    transform: scale(1.05) !important;
/* 
    z-index: 10;
 */
}

/* Click Feedback */
.wp-block-button__link:active, 
button:active,
input[type="button"]:active,
input[type="submit"]:active {
    transform: scale(0.98) !important;
    transition-duration: 50ms; 
}

/* 3. COMPONENT-SPECIFIC PHYSICS
   ========================================================================== */

/* Image Link Hover */
.wp-block-image a:hover img,
.wp-block-gallery .wp-block-image a:hover img {
    transform: scale(1.05) !important;
    filter: drop-shadow(0 15px 25px rgba(0,0,0,0.25));
/* 
    z-index: 10;
 */
}

/* File Input Branding */
input[type="file"]::file-selector-button {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease;
    border: none;
    border-radius: var(--wp--custom--border-radius--medium, 12px);
    padding: 8px 16px;
    cursor: pointer;
}
input[type="file"]:hover::file-selector-button { transform: scale(1.05); }

/* 4. NAVIGATION SAFETY (Hard Reset)
   ========================================================================== 
   Specifically targets transforms ONLY to avoid breaking core layout/visibility logic.
*/

.wp-block-navigation a,
.wp-block-navigation button,
.wp-block-pages-list a,
.wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-open { 
    transform: none !important;
    transition: color 0.2s ease !important;
}

.wp-element-caption { transform: none !important; }