/* Dojo Main Page Footer Logos css */

div.dojo-mp-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /* Use gap instead of individual margins for consistent spacing */
    gap: 5px;
}

/* Base style for all logos to ensure they align perfectly */
.dojo-mp-footer img {
    height: 40px; /* Set a uniform height for the whole row */
    width: auto;  /* Maintain aspect ratio automatically */
    object-fit: contain;
}

/* Specific tweaks only if a logo is naturally 'too small' visually */
.dojo-pm-logo {
    height: 22px !important; /* Dojo's wordmark often looks better slightly smaller */
    margin-right: 5px;
}

.apay-logo {
    height: 30px !important; /* Apple Pay usually needs to be slightly shorter to look 'right' */
}