/* =====================================================
   छत्रपती शिवाजी महाराज चषक - Mobile Button Override
   AGGRESSIVE positioning fix for mobile register button
   ===================================================== */

/* Force mobile button position - Maximum Priority */
/* Moved button higher up on mobile to prevent it from going beyond screen */
/* Using same breakpoints as hero-responsive.css to ensure override */
@media (max-width: 768px) {

    .hero-cta-bottom,
    .hero .hero-cta-bottom,
    section.hero .hero-cta-bottom,
    .hero section .hero-cta-bottom {
        bottom: 80px !important;
        margin-bottom: 10rem !important;
    }

    .btn-register {
        width: 95% !important;
        max-width: 450px !important;
        min-width: 350px !important;
    }
}

@media (max-width: 479px) {

    .hero-cta-bottom,
    .hero .hero-cta-bottom,
    section.hero .hero-cta-bottom,
    .hero section .hero-cta-bottom {
        bottom: 70px !important;
        margin-bottom: 10rem !important;
    }

    .btn-register {
        width: 96% !important;
        max-width: 400px !important;
        min-width: 320px !important;
    }
}

@media (max-width: 374px) {

    .hero-cta-bottom,
    .hero .hero-cta-bottom,
    section.hero .hero-cta-bottom,
    .hero section .hero-cta-bottom {
        bottom: 60px !important;
        margin-bottom: 10rem !important;
    }

    .btn-register {
        width: 98% !important;
        max-width: 380px !important;
        min-width: 300px !important;
    }
}