/**
 * Login / Register UI on /events/community/add/
 *
 * Split out of events-add.css deliberately. The PIC Events Submit plugin
 * replaces the *submission form* on this route and dequeues `events-add-css`
 * / `events-add-js` to clear the old stock-form styling and stepper. It does
 * NOT replace the login/register UI — Community Events still owns that — so
 * these rules must survive that dequeue. Keeping them under their own handle
 * (`events-login-css`) is what makes that possible.
 *
 * Do not move these back into events-add.css.
 */

/* Hidden until "Register" is clicked (see events-login.js). Without this the
   registration form sits open on page load. */
.tribe-events-pg-template #event-register {
    display: none;
}

.events-add-login-register .wp-block-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    /* Don't let the buttons stretch to the row's full height. */
    align-items: center;
}

/* The block editor markup renders these as <a class="wp-block-button__link">,
   not <button> — the old `.events-add-login-register button` selector never
   matched, so the buttons fell back to core's full-width block-button styles
   (`wp-block-button__width-100`) and rendered as oversized slabs. */
.events-add-login-register .wp-block-button__link,
.events-add-login-register button {
    background-color: var(--wp--preset--color--primary) !important;
    border: 0;
    color: #fff;
    padding: 12px 32px;
    width: auto;
    line-height: 1.3;
    text-decoration: none;
    cursor: pointer;
}

/* Core adds `wp-block-button__width-100` (width:100%) to each button wrapper;
   constrain it so the pair sits side by side instead of full-bleed. */
.events-add-login-register .wp-block-button,
.events-add-login-register .wp-block-button.wp-block-button__width-100 {
    width: auto;
    flex: 0 0 auto;
}

.events-add-login-register .wp-block-button__link.active {
    opacity: 0.85;
}

.events-add-login .tribe-community-events,
.events-add-login .event-register-form {
    padding: 20px 0px;
    border: 0px;
}

#tribe_events_community_login label {
    color: black;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}