/* DESKTOP FOOTER EMERGENCY FIX - INCLUDE THIS AFTER MAIN CSS */
@media screen and (min-width: 992px) {
    /* Force email form to be inline on desktop */
    .footer .input-group {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .footer .input-group .form-control {
        border-radius: 30px 0 0 30px !important;
        flex: 1 1 auto !important;
        min-width: 200px !important;
        width: auto !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0.75rem 1rem !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        border-right: none !important;
        position: relative !important;
        z-index: 1 !important;
        float: none !important;
        display: block !important;
    }

    .footer .input-group .btn {
        border-radius: 0 30px 30px 0 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 100px !important;
        max-width: 140px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0.75rem 1.25rem !important;
        font-size: 0.95rem !important;
        white-space: nowrap !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        margin-left: -1px !important;
        position: relative !important;
        z-index: 2 !important;
        float: none !important;
        border-left: none !important;
    }

    /* Force social icons to left */
    .footer .social-links {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 12px !important;
        text-align: left !important;
    }

    /* Force copyright to center - Enhanced */
    .footer .container .row.align-items-center {
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    .footer .container .row.align-items-center .col-md-6 {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }

    .footer .container .row.align-items-center .col-md-6.text-md-end {
        text-align: center !important;
        justify-content: center !important;
    }

    .footer .container .row.align-items-center .col-md-6 p {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .footer .container .row.align-items-center .col-md-6 a {
        text-align: center !important;
    }

    /* Make Privacy Policy and Terms of Service inline */
    .footer .container .row.align-items-center .col-md-6.text-md-end {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: row !important;
        gap: 1rem !important;
        flex-wrap: wrap !important;
    }

    .footer .container .row.align-items-center .col-md-6.text-md-end a {
        display: inline-block !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    /* Override any mobile text alignment */
    .footer .col-lg-4:first-child,
    .footer .col-lg-2,
    .footer .col-lg-4:last-child {
        text-align: left !important;
    }

    /* Bootstrap input-group override for perfect alignment */
    .footer .input-group > .form-control:not(:last-child),
    .footer .input-group > .form-control:not(:first-child) {
        border-radius: 30px 0 0 30px !important;
    }

    .footer .input-group > .btn:not(:first-child),
    .footer .input-group > .btn-group:not(:first-child) > .btn,
    .footer .input-group > .dropdown-toggle:not(:first-child) {
        border-radius: 0 30px 30px 0 !important;
        margin-left: -1px !important;
    }

    .footer .input-group > .form-control:focus {
        z-index: 3 !important;
    }

    .footer .input-group > .btn:focus {
        z-index: 4 !important;
    }
}

/* Large Desktop (1200px+) */
@media screen and (min-width: 1200px) {
    .footer .input-group .form-control {
        min-width: 250px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 0.875rem 1.25rem !important;
        font-size: 1rem !important;
    }

    .footer .input-group .btn {
        min-width: 120px !important;
        max-width: 160px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 0.875rem 1.5rem !important;
        font-size: 1rem !important;
    }

    /* Inline footer links for large desktop */
    .footer .container .row.align-items-center .col-md-6.text-md-end {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: row !important;
        gap: 1.2rem !important;
        flex-wrap: wrap !important;
    }
}

/* Ultra-Wide Desktop (1400px+) */
@media screen and (min-width: 1400px) {
    .footer .input-group .form-control {
        min-width: 300px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 1rem 1.5rem !important;
        font-size: 1.1rem !important;
    }

    .footer .input-group .btn {
        min-width: 140px !important;
        max-width: 180px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 1rem 1.75rem !important;
        font-size: 1.1rem !important;
    }
}

/* Tablet Responsive (768px - 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .footer .input-group {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .footer .input-group .form-control {
        flex: 1 1 auto !important;
        min-width: 180px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        border-radius: 30px 0 0 30px !important;
        padding: 0.75rem 1rem !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
    }

    .footer .input-group .btn {
        flex: 0 0 auto !important;
        min-width: 90px !important;
        max-width: 120px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        border-radius: 0 30px 30px 0 !important;
        font-size: 0.9rem !important;
        padding: 0.75rem 1rem !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        margin-left: -1px !important;
        border-left: none !important;
    }
}

/* Mobile Override - Keep stacked on small screens */
@media screen and (max-width: 767px) {
    .footer .input-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .footer .input-group .form-control,
    .footer .input-group .btn {
        border-radius: 30px !important;
        width: 100% !important;
        min-width: auto !important;
        max-width: none !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 0.875rem 1rem !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
    }
}
