/* ============================================================
   v0.9.2 — BookStore by Signature Software brand lockup
   Tokens and proportions from the approved login POC
   (signed off 08/10/2026). Scoped to .abs-lockup so nothing
   leaks into the theme or WP admin.
   ============================================================ */

/* Self-hosted DM Sans (assets/fonts/). Registered under its own family name
   so it can't clash with a theme that also loads DM Sans. */
@font-face {
    font-family: "ABS DM Sans";
    src: url("fonts/DMSans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ABS DM Sans";
    src: url("fonts/DMSans-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

.abs-lockup {
    --abs-navy: #1d3c45;
    --abs-teal: #2f9488;
    --abs-slate: #5b6f74;
    --abs-mint-pale: #c3e3d4;

    --abs-name: 42px;
    --abs-rule-w: 56px;
    --abs-rule-h: 6px;
    --abs-rule-gap: 10px 0 9px;
    --abs-by: 15px;
    --abs-gap: 18px;

    display: flex;
    align-items: center;
    gap: var(--abs-gap);
    line-height: 1;
}

.abs-lockup .abs-mark {
    display: block;
    flex: none;
    max-width: none;
    height: auto;
    margin: 0;
    border: 0;
    box-shadow: none;
}

.abs-lockup .abs-wordmark {
    line-height: 1;
    min-width: 0;
}

.abs-lockup .abs-wm-name {
    display: block;
    margin: 0;
    padding: 0;
    font-family: "ABS DM Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: var(--abs-name);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.025em;
    color: var(--abs-navy);
}

.abs-lockup .abs-wm-rule {
    display: block;
    width: var(--abs-rule-w);
    height: var(--abs-rule-h);
    border-radius: var(--abs-rule-h);
    background: var(--abs-teal);
    margin: var(--abs-rule-gap);
}

/* "by" uses the site's own font; only the bold name uses DM Sans, because
   DM Sans Regular isn't loaded and the browser would otherwise embolden it. */
.abs-lockup .abs-wm-by {
    display: block;
    font-size: var(--abs-by);
    font-weight: 400;
    color: var(--abs-slate);
    white-space: nowrap;
}

.abs-lockup .abs-wm-by b {
    font-family: "ABS DM Sans", "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    color: var(--abs-navy);
}

/* ---------- Size variants ---------- */

.abs-lockup--full {
    --abs-name: 26px;
    --abs-rule-w: 36px;
    --abs-rule-h: 4px;
    --abs-rule-gap: 7px 0 6px;
    --abs-by: 12px;
    --abs-gap: 12px;
}

.abs-lockup--compact {
    --abs-name: 20px;
    --abs-rule-w: 28px;
    --abs-rule-h: 3px;
    --abs-rule-gap: 5px 0 5px;
    --abs-by: 11px;
    --abs-gap: 10px;
}

.abs-lockup--mark {
    display: inline-flex;
}

/* ---------- On dark backgrounds ---------- */

.abs-lockup--on-dark .abs-wm-name,
.abs-lockup--on-dark .abs-wm-by b {
    color: #fff;
}

.abs-lockup--on-dark .abs-wm-by {
    color: var(--abs-mint-pale);
}

.abs-lockup--on-dark .abs-wm-rule {
    background: var(--abs-mint-pale);
}

/* ---------- Placements ---------- */

/* WP Dashboard widget title */
.abs-dash-title .abs-lockup--mark {
    flex: none;
}

/* WooCommerce > BookStore admin header */
.shell header .abs-lockup {
    margin: 0;
}

/* My Account > Dashboard, above the BookStore cards */
.abs-lockup.abs-account-brand {
    margin: 0 0 18px;
}

/* My Account > My BookStore and Students page headers */
.abs-parent header .abs-lockup {
    margin: 0 0 12px;
}