/* Orchard Design System — GTA Augusta Greenway Palette */
/* Color tokens derived from ga-distributed-base.css + augusta-greenway overrides */

:root {
    /* GTA Brand */
    --gta-green: #07493d;
    --gta-orange: #f58555;

    /* Functional colors */
    --color-heading: #031018;
    --color-body: #38424b;
    --color-link: #12443b;
    --color-link-hover: #863213;
    --color-link-active: #B01116;
    --color-link-visited: #5A5A5A;
    --color-error: #B01116;
    --color-success: #12443b;
    --color-warning: #D13C05;

    /* Backgrounds */
    --bg-accent: #e2eae4;
    --bg-light: #e8e6e2;
    --bg-page: #f5f8fa;
    --bg-dark: #192934;
    --bg-darker: #02343D;
    --bg-white: #fff;

    /* Borders */
    --border-light: #d5d5d5;
    --border-accent: #8fb3a3;
}

/* --- Buttons (Orchard ghost/outlined style) --- */
.button-positive {
    background: #fff;
    border: 0.125rem solid var(--border-accent, #8fb3a3);
    border-radius: 0.25rem;
    color: var(--color-link, #12443b);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0.75rem clamp(1rem, 2.5vw, 1.5rem);
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: clamp(0.875rem, 1.66vw, 1rem);
    transition: background-color 0.2s;
    min-height: 3.25rem;
    line-height: 1;
}
.button-positive:hover,
.button-positive:focus {
    background: var(--bg-accent, #e2eae4);
    color: var(--color-link-hover, #863213);
}
.button-negative {
    background: #fff;
    border: 0.125rem solid var(--border-light, #d5d5d5);
    border-radius: 0.25rem;
    color: var(--color-body, #38424b);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0.75rem clamp(1rem, 2.5vw, 1.5rem);
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: clamp(0.875rem, 1.66vw, 1rem);
    transition: background-color 0.2s;
    min-height: 3.25rem;
    line-height: 1;
}
.button-negative:hover,
.button-negative:focus {
    background: var(--bg-light, #e8e6e2);
    color: var(--color-heading, #031018);
}

/* --- Page background --- */
body {
    background-color: var(--bg-dark);
}

/* --- Top hat / assistive bars --- */
#assistive, #assistive a, #assistive a:hover, #globalbottom {
    background-color: var(--bg-dark);
}
#assistive2, #assistive2 a, #assistive2 a:hover {
    background: var(--bg-light);
    color: var(--bg-light);
}

/* --- Container --- */
#container {
    background-color: var(--bg-white);
}

/* --- App title bar (removed — now using Orchard breadcrumb pattern) --- */

/* --- Help panel --- */
#help {
    background: var(--bg-light);
    border-left: 4px solid var(--border-accent);
}

/* --- Copyright accent --- */
#copyright {
    border-bottom-color: var(--gta-orange);
}
#FAQfooter {
    background-color: var(--gta-orange);
    color: #fff;
}

/* --- Page content headings --- */
#pageContent h2 {
    background-color: var(--bg-accent);
}

/* --- Error / alert text --- */
.genErrorText, .genErrorText a, .genErrorText a:active, .genErrorText a:visited, div.errorMessage {
    color: var(--color-error);
}
div.errorCode {
    color: var(--color-body);
}
div.alertMessage, .alertCopy {
    color: var(--color-warning);
}

/* --- Data table captions --- */
#dataentry caption, #dataentry2 caption, #results caption {
    border-bottom: 3px solid var(--gta-orange);
}

/* --- Results table --- */
#results th, #datatable th {
    background-color: var(--bg-accent);
    color: var(--color-heading);
}
#results td, #datatable td {
    background-color: var(--bg-white);
    border-top-color: var(--border-light);
}
#datatable tbody tr:nth-child(even) td {
    background-color: var(--bg-page);
}
#results td.none {
    background-color: var(--bg-white);
    border-top-color: var(--bg-white);
}
#results td#result {
    background-color: var(--bg-white);
}

/* --- Buttons --- */
button {
    background-color: var(--bg-white);
}

/* --- Terms of Use --- */
#pageContent #errortoggle {
    color: var(--color-warning);
}
#touscroll {
    border-color: var(--border-light);
}

/* --- Application Header (Orchard) --- */
.header-top-hat {
    background-color: var(--bg-dark);
}
.header-top-hat__inner {
    padding: clamp(0.25rem, 1vw, 0.75rem) clamp(1rem, 3vw, 2rem);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}
.header-official-site__description-text {
    margin: 0;
    color: hsla(0,0%,100%,0.8);
    font-size: clamp(0.6875rem, 2.5vw, 0.875rem);
    font-weight: 600;
}
.header-official-site__toggle {
    background: none;
    border: none;
    color: #fff;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    padding: 0;
    padding-inline-end: 1.625rem;
    margin-left: 0.625rem;
    text-decoration: none;
    position: relative;
    line-height: 1;
    letter-spacing: .02em;
}
.header-official-site__toggle:hover {
    text-decoration: underline;
}
.header-official-site__toggle::after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0;
    inline-size: 0.625rem;
    block-size: 0.625rem;
    transform: translate(-50%, -50%) rotate(45deg);
    border-block-start: none;
    border-inline-end: solid 0.125rem #fff;
    border-block-end: solid 0.125rem #fff;
    background: transparent;
    transition: transform .3s ease;
}
.header-official-site__toggle[aria-expanded="true"]::after {
    transform: translate(-50%, -50%) rotate(225deg);
    inset-block-end: -0.375rem;
}
.header-official-site__information-wrapper[hidden] {
    display: none;
}
.header-official-site__information-wrapper {
    background: #031018;
    padding: 1rem clamp(1rem, 3vw, 2rem);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
    align-items: baseline;
}
.header-official-site__information-callout {
    color: #fff;
    font-weight: 700;
    margin: 0 0 0.25rem;
}
.header-official-site__information-description {
    color: hsla(0,0%,100%,0.8);
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}
.header-official-site__information-description a {
    color: #fff;
}
.header-branding-bar {
    background-color: #fff;
    border-bottom: 0.0625rem solid #e6e6e6;
}
.header-branding-bar__inner {
    padding: clamp(0.5rem, 1.5vw, 1rem) clamp(1rem, 3vw, 2rem);
}
.header-branding-lockup__link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}
@media (min-width: 48em) {
    .header-branding-lockup__link {
        gap: 1rem;
    }
}
.header-branding-lockup__link:hover {
    text-decoration: underline;
}
.header-branding-lockup__logo {
    line-height: 0;
}
@media (min-width: 48em) {
    .header-branding-lockup__logo {
        border-inline-end: 0.0625rem solid #efeadb;
        padding-inline-end: 1rem;
    }
}
.header-branding-lockup__logo img {
    height: clamp(2.125rem, 6vw, 4.5rem);
}
.header-branding-lockup__agency-logo {
    display: flex;
}
.header-branding-lockup__agency-logo img {
    height: clamp(2.125rem, 6vw, 3.125rem);
}
.header-breadcrumb {
    padding: 0.625rem clamp(1rem, 3vw, 2rem);
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-body);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-breadcrumb a {
    color: var(--color-link);
    text-decoration: none;
}
.header-breadcrumb a:hover {
    color: var(--color-link-hover);
    text-decoration: underline;
}
.header-breadcrumb__right {
    margin-left: auto;
}
.header-breadcrumb__right a {
    color: var(--color-link);
}

/* --- Footer --- */
p#copyright {
    color: var(--color-body);
}
.menu a {
    font: 600 0.875rem/1.5 "Montserrat", "Open Sans", Arial, sans-serif;
}
#globalbottom, #globalbottom a {
    color: #fff;
}

/* --- Content borders --- */
.pageContentBrdr, .pageContentBrdrPadded, .extraBorderTop, .extraBorderBtm {
    border-color: var(--border-light);
}

/* --- Link colors --- */
a {
    color: var(--color-link);
}
a:hover {
    color: var(--color-link-hover);
}
a:active {
    color: var(--color-link-active);
}

/* --- Matches heading --- */
#col2 h2.matches {
    background-color: var(--bg-white);
    color: var(--color-warning);
    text-decoration: none;
}

/* --- Search results --- */
#searchresults caption {
    background-color: var(--bg-accent);
    border-bottom-color: var(--bg-white);
}
#searchresults th {
    background-color: var(--bg-accent);
}
tr.grey, tr.even {
    background-color: var(--bg-page);
}
.labelcolor {
    background-color: var(--bg-accent);
}
#dataentry3 .labels,
#checkboxmod .labels {
    background-color: var(--bg-accent);
}
#dataentrywidth th,
#dataentrywidthu th {
    background-color: var(--bg-accent);
}