/* Mobile fixes for mastalska.pl - Minimal, optimized version */

/* Ensure pointer-events work on buttons */
.dsn-btn,
.dsn-btn-shape,
.button {
    pointer-events: auto;
}

/* Disable custom cursor on mobile */
@media only screen and (max-width: 991px) {
    #dsn_cursor,
    #dsn_cursor_inner {
        display: none !important;
    }
    
    /* Fix pointer-events for buttons on mobile */
    .dsn-btn,
    .dsn-btn-shape,
    .button {
        pointer-events: auto !important;
    }
}

/* Ensure preloader background doesn't block clicks */
.bg-load,
.dsn-svg-transition {
    pointer-events: none;
}

/* Preloader should not block interaction */
.preloader .bg-load,
.preloader .dsn-svg-transition {
    pointer-events: none !important;
}

/* Fix for hero image positioning - ensure it's not too far down */
#dsn_header.header-personal .box-img {
    /* Remove excessive translate offset that pushes image off-screen */
    transform: translate(-50%, 0) !important;
}

/* On tablets and mobile, constrain image height */
@media only screen and (max-width: 1200px) {
    #dsn_header.header-personal .box-img {
        max-width: 300px !important;
        max-height: 50vh !important;
        z-index: 1 !important;
    }

    #dsn_header.header-personal .box-img img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

@media only screen and (max-width: 991px) {
    #dsn_header.header-personal .box-img {
        max-width: 220px !important;
        max-height: 45vh !important;
    }
}

/* Fix for button rendering - keep defaults from template */
.dsn-btn-shape {
    pointer-events: auto;
}

.dsn-btn-shape .button {
    pointer-events: auto;
}

/* Disable parallax that may break layout on mobile */
@media only screen and (max-width: 991px) {
    .dsn-parallax-hover,
    .dsn-hero-parallax-title,
    .dsn-hero-parallax-img,
    .dsn-swiper-parallax-transform {
        transform: none !important;
    }
}