/*
 * APP BADGES FINAL FIX - NUCLEAR OPTION
 * This is the absolute final override
 */

/* Force container to be flex row */
.app-links-horizontal,
.app-links-horizontal > div,
.app-links-horizontal .app-badges-container,
div.app-badges-container {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    gap: 15px !important;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

/* Force links to be inline */
.app-links-horizontal a,
.app-links-horizontal .app-badge-link,
.app-badges-container a,
.app-badges-container > a {
    display: inline-block !important;
    float: left !important;
    margin-right: 15px !important;
    margin-bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
}

/* Force images */
.app-links-horizontal img,
.app-badges-container img {
    display: block !important;
    float: none !important;
    margin: 0 !important;
}

/* App Store specific */
.app-store-badge,
.app-links-horizontal a:first-child img,
.app-badges-container a:first-child img {
    height: 45px !important;
    width: auto !important;
    max-width: 150px !important;
}

/* Play Store specific */
.play-store-badge,
.app-links-horizontal a:last-child img,
.app-badges-container a:last-child img {
    height: 65px !important;
    width: auto !important;
    max-width: 200px !important;
}

/* Remove any column behavior */
.app-links-horizontal *,
.app-badges-container * {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

/* Clear floats */
.app-links-horizontal::after,
.app-badges-container::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Responsive - still horizontal */
@media (max-width: 767px) {
    .app-links-horizontal .app-badge-link,
    .app-badges-container a {
        margin-right: 10px !important;
    }
    
    .app-store-badge,
    .app-links-horizontal a:first-child img {
        height: 40px !important;
    }
    
    .play-store-badge,
    .app-links-horizontal a:last-child img {
        height: 58px !important;
    }
}