/* Batch 4 compatibility: preserve the approved public signup align attribute.
 * This file intentionally loads after reader-growth-public-experience.css so
 * the stable align="left|center|right" shortcode modifiers remain authoritative.
 */

.irg-standard-signup--align-left {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.irg-standard-signup--align-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.irg-standard-signup--align-right {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

.irg-standard-signup--align-center .irg-standard-signup__button {
    justify-self: center;
}

.irg-standard-signup--align-right .irg-standard-signup__button {
    justify-self: end;
}

.irg-standard-signup--align-center .irg-standard-signup__field,
.irg-standard-signup--align-right .irg-standard-signup__field,
.irg-standard-signup--align-center .irg-standard-signup__consent,
.irg-standard-signup--align-right .irg-standard-signup__consent {
    text-align: left;
}

/* The Batch 4 desktop component normally stretches its CTA across the right
 * grid column. Alignment modifiers are a stable shortcode contract, so restore
 * the pre-Batch-4 intrinsic button width before positioning it. Mobile keeps
 * the intentional full-width touch target from the main public stylesheet. */
@media (min-width: 900px) {
    .irg-standard-signup--align-left:not(.irg-standard-signup--layout-compact) .irg-standard-signup__button,
    .irg-standard-signup--align-center:not(.irg-standard-signup--layout-compact) .irg-standard-signup__button,
    .irg-standard-signup--align-right:not(.irg-standard-signup--layout-compact) .irg-standard-signup__button {
        width: auto;
        align-self: end;
    }

    .irg-standard-signup--align-left:not(.irg-standard-signup--layout-compact) .irg-standard-signup__button {
        justify-self: start;
    }

    .irg-standard-signup--align-center:not(.irg-standard-signup--layout-compact) .irg-standard-signup__button {
        justify-self: center;
    }

    .irg-standard-signup--align-right:not(.irg-standard-signup--layout-compact) .irg-standard-signup__button {
        justify-self: end;
    }
}