/* =========================================================================
   Aero Lloyd Virtual — Shared Button System
   -------------------------------------------------------------------------
   Single source of truth for every button across all plugin pages.
   Loaded once via wp_enqueue_style in aero-ops.php.
   To restyle buttons site-wide, edit ONLY this file (and bump the version
   number in the enqueue call to clear the browser cache).

   Brand tokens are read from the page wrapper (--violet, --gold) with safe
   literal fallbacks, so the buttons look identical even on a page that
   doesn't define the tokens.
   ========================================================================= */

.aero-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-family:'Segoe UI',-apple-system,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.1em;
    line-height:1;
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;
    padding:9px 18px;
    border:1px solid transparent;
    border-radius:2px;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.aero-btn:focus-visible{
    outline:2px solid var(--gold,#b0883c);
    outline-offset:2px;
}

/* Sizes — same look, different weight in the hierarchy ------------------- */
.aero-btn-lg{font-size:12px;letter-spacing:.08em;padding:11px 24px;}   /* page-level actions (e.g. Generate Roster) */
.aero-btn-sm{font-size:10px;letter-spacing:.06em;padding:6px 13px;}    /* compact inline actions (e.g. row "Book") */

/* Primary — solid violet plate with a fine gilded base edge */
.aero-btn-primary{
    background:var(--violet,#2D297A);
    color:#fff;
    border-color:var(--violet,#2D297A);
    box-shadow:inset 0 -2px 0 rgba(176,136,60,.5);
}
.aero-btn-primary:hover{
    background:#211c57;
    border-color:#211c57;
    box-shadow:inset 0 -2px 0 rgba(176,136,60,.9);
}
.aero-btn-primary:active{
    background:#191545;
}

/* Ghost — quiet hairline that firms up to violet */
.aero-btn-ghost{
    background:transparent;
    color:var(--violet,#2D297A);
    border-color:#d6d0c2;
}
.aero-btn-ghost:hover{
    border-color:var(--violet,#2D297A);
    background:rgba(45,41,122,.04);
}
.aero-btn-ghost:active{
    background:rgba(45,41,122,.08);
}

/* Optional: a simple row wrapper if a page wants one */
.aero-btn-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}