/**
 * Arsenal Astor – Patreon Customizer v0.9.0
 * Surcharges limitées aux boutons Patreon Connect.
 */

.patreon-responsive-button-wrapper {
    width: 300px !important;
    height: 55px !important;
    background-color: #000000 !important;
    border-radius: 10px;
}

.patreon-responsive-button-wrapper:hover {
    background-color: #464646 !important;
}

/* Mise en forme de l'icône Font Awesome remplaçant l'image officielle. */
.patreon-responsive-button .fa-patreon {
    display: inline-block;
    font-size: 20px;
    width: 20px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -6px;
    color: #fff;
}

/* WordPress core login form: Patreon 1.11.0 uses the older image-based CTA.
   The PHP filter converts it to the same accessible, responsive button markup.
   Limit changes to our class so standard WP login controls remain untouched. */
body.login #login .ptrn-button .aa-patreon-login-wrapper {
    max-width: 100%; /* Login form is narrower than the 300px public button. */
}

body.login #login a.ptrn-button {
    text-decoration: none !important;
}

/* WP login doesn't necessarily load Font Awesome Brands from the theme.
   Provide the same glyph as a lightweight local SVG mask without font files,
   JavaScript, or a CDN. Public pages keep using their existing Font Awesome. */
body.login #login .aa-patreon-login-wrapper .fa-patreon::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask: url('../img/patreon-fa.svg') center / contain no-repeat;
    mask: url('../img/patreon-fa.svg') center / contain no-repeat;
}