/* aard.yourlocallabour-lottery.css */
/* Labour Lotto — per-client overrides for aardCSS (red theme).
   Colours, header bar, alerts, badges, cards, tables and forms all come from
   aard.red.css natively (data-theme="light" on <html> activates the red theme).
   Only genuine per-client tweaks live here. Kept in step with the sibling
   yourlocallabour-tickets project's aard.yourlocallabour.css. */

/* Brand typography */
:root {
    --aard-font-family: "Georgia", "Times New Roman", serif;
}

/* Header bar — .bg-primary supplies Labour red + white text; this adds
   breathing room and separates it from the content. */
body > header.bg-primary {
    padding-block: 0.75rem;
    margin-bottom: 2rem;
}

body > header.bg-primary strong {
    font-size: 1.1rem;
}

/* The framework's default link colour fights .bg-primary on the header,
   so pin header links to the inverse colour for legible white-on-red. */
body > header.bg-primary a {
    color: var(--aard-primary-inverse);
}

/* Small layout utilities — kept here rather than as inline style="" attributes
   so the Content-Security-Policy needs no 'unsafe-inline' for styles. */
.form-inline { display: inline; }
.narrow { max-width: 32rem; }
.narrow-centred { max-width: 28rem; margin: 3rem auto; }
.input-ball { width: 5rem; }

/* Site footer — aardCSS has no top-level <footer> component */
body > footer {
    margin-top: 3rem;
    padding-block: 1.5rem;
    border-top: var(--aard-border-width) solid var(--aard-muted-border-color);
    color: var(--aard-muted-color);
    font-size: 0.875rem;
}
