/* aard.burntwoodspoonies-tickets.css */
/* Burntwood Spoonies Community — per-client overrides for aardCSS (cyan theme base).
   Pins the framework's cyan palette to BSC's actual "deep ocean" brand hex values
   (matching the colours already used on burntwoodspoonies.uk) and swaps in the
   brand fonts. Colours, header bar, alerts, badges, cards, forms and tables all
   come from aard.burntwoodspoonies.css (aardCSS cyan theme, dark mode) natively —
   only genuine per-client tweaks live here. */

@import url('https://fonts.googleapis.com/css2?family=Righteous&family=Nunito:wght@400;600;700&display=swap');

:root {
    --aard-font-family: "Nunito", var(--aard-font-family-sans-serif);
}

h1, h2, h3, h4, h5, h6, hgroup h1 {
    font-family: "Righteous", var(--aard-font-family-sans-serif);
}

/* Brand palette — pin the framework's generated cyan theme to BSC's exact hex
   values (same as the live site's :root custom properties). */
[data-theme=dark] {
    --aard-background-color: #040e1c;
    --aard-primary: #00c8e8;
    --aard-primary-background: #0099bb;
    --aard-primary-hover: #00e0ff;
    --aard-primary-hover-background: #00c8e8;
    --aard-primary-inverse: #040e1c;
    --aard-contrast: #ff80c0;
    --aard-contrast-background: #cc0066;
    --aard-contrast-hover: #ff4da6;
    --aard-contrast-hover-background: #ff80c0;
    --aard-contrast-inverse: #f0faff;
    --aard-color: #f0faff;
    --aard-muted-color: #8fb8cc;
}

/* Header bar — .bg-primary supplies the brand cyan and inverse text;
   this just adds vertical 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;
    font-family: "Righteous", var(--aard-font-family-sans-serif);
}

/* Ticket-type/dietary fieldset labels: give checkboxes breathing room so they
   don't crowd each other when the "Other" field appears beneath them. */
fieldset label {
    display: block;
    margin-bottom: 0.3rem;
}

fieldset small {
    display: block;
    margin-top: 0.2rem;
}

/* "On the night" note — compact display, echoes the .menu-card pattern from the
   sibling ticket site but sized for a short note rather than a full menu. */
.menu-card {
    padding: 0.6rem 0.9rem;
    margin-bottom: 1rem;
}

.menu-card h2 {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 0.3rem;
}

.menu-card p {
    font-size: 0.9rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
}

/* 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;
}