/**
 * Platform branding block — shown when the build or the merchant asks for it.
 *
 * Enqueued from the main plugin class rather than from a gateway, because the block sits
 * under every payment method and text-to-pay ships no stylesheet of its own. Always on for
 * the AuxPAY-branded build; on the white-label build it follows the "Payment branding"
 * setting and is not enqueued at all while that is off, which is the default.
 *
 * Deliberately unopinionated about colour: it inherits the theme's text colour so the
 * block reads as part of the store's checkout rather than a pasted-in banner.
 */
.auxpay-platform-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0 0;
}

.auxpay-platform-brand-label {
    font-size: 12px;
    line-height: 1;
    opacity: 0.7;
}

.auxpay-platform-brand .auxpay-platform-brand-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    box-shadow: none;
}

/* Scoped to the block rather than written as a bare class on purpose. WooCommerce ships
   `.woocommerce img, .woocommerce-page img { height: auto; max-width: 100% }`, which is one
   element more specific than a lone class and so wins: the logo collapsed to 0x0 and the
   block rendered as the word "Powered by" followed by nothing. Two classes out-specify it. */
.auxpay-platform-brand .auxpay-platform-brand-logo {
    display: block;
    width: auto;
    height: 22px;
    max-height: 22px;
    max-width: 120px;
    object-fit: contain;
}

/* Fallback mark, for a build packaged without the logo asset. The block is still a brand
   credit rather than body copy, so it reads at the label's weight and not the theme's. */
.auxpay-platform-brand .auxpay-platform-brand-name {
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.01em;
}