/* Heimdall Studio v0.18.2
   Align OdoBuddy content with the future tile and place the OdoBuddy
   logo above the phone mockup. No images are generated or added. */

/* Lift the right-side copy group a little further than v0.18.1. */
.software-tile-odobuddy .software-tile-copy {
    transform: translateY(-62px) !important;
}

/* Move the existing OdoBuddy logo away from the copy column. */
.software-tile-odobuddy .software-tile-copy-logo {
    position: absolute !important;
    left: 0 !important;
    top: clamp(2.25rem, 4vw, 3.25rem) !important;
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* Anchor the logo over the visual half of the OdoBuddy tile,
   directly above the phone rather than over the copy. */
.software-tile-odobuddy {
    position: relative !important;
}

.software-tile-odobuddy .software-tile-copy-logo {
    right: 50% !important;
    width: 50% !important;
}

.software-tile-odobuddy .software-tile-copy-logo img {
    width: clamp(105px, 10vw, 145px) !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* Make sure the phone visual keeps enough breathing room below the logo. */
.software-tile-odobuddy .software-tile-visual {
    padding-top: clamp(5.5rem, 8vw, 7rem) !important;
}

/* Keep the status/title group compact after the extra lift. */
.software-tile-odobuddy .software-tile-status {
    margin-bottom: 0.75rem !important;
}

.software-tile-odobuddy .software-tile-copy h3 {
    margin-top: 0 !important;
}

/* On stacked layouts, return to a straightforward composition:
   logo above copy, no transform. */
@media (max-width: 980px) {
    .software-tile-odobuddy .software-tile-copy {
        transform: none !important;
    }

    .software-tile-odobuddy .software-tile-copy-logo {
        position: static !important;
        width: 100% !important;
        margin: 0 0 1.75rem !important;
        justify-content: flex-start !important;
        pointer-events: auto !important;
    }

    .software-tile-odobuddy .software-tile-copy-logo img {
        margin: 0 !important;
    }

    .software-tile-odobuddy .software-tile-visual {
        padding-top: 2rem !important;
    }
}