/* AutismTrek Global Overrides — 20260216-v1 */
/* Deploy to: public_html/assets/css/autismtrek-overrides.css */
/* This file overrides inline page styles. Keep it small and surgical. */

/* Base button styling — ensures consistency across all pages */
.btn-donate {
    display: inline-block;
    padding: 0.6rem 1.5rem;
    background: var(--brand);
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 8px;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: calc(0.9rem * var(--font-scale));
    transition: background 150ms ease;
}
.btn-donate:hover { background: var(--brand-hover); color: #FFFFFF; }
.btn-donate:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }

/* Dark theme button contrast fix — white text needs darker backgrounds */
[data-theme="dark-calm"]    { --btn-bg: #5A8A98; --btn-hover: #4A7A88; }
[data-theme="dark-warm"]    { --btn-bg: #A67A50; --btn-hover: #966A40; }
[data-theme="dark-high-contrast"] { --btn-bg: #808080; --btn-hover: #707070; }

/* Apply --btn-bg to all button-like elements */
[data-theme^="dark-"] .hero-cta,
[data-theme^="dark-"] .btn-donate,
[data-theme^="dark-"] .form-submit,
[data-theme^="dark-"] .welcome-btn {
    background: var(--btn-bg);
}
[data-theme^="dark-"] .hero-cta:hover,
[data-theme^="dark-"] .btn-donate:hover,
[data-theme^="dark-"] .form-submit:hover,
[data-theme^="dark-"] .welcome-btn:hover {
    background: var(--btn-hover);
}

/* Lucide SVG icon styling */
.icon-svg {
    width: 1.5em; height: 1.5em; display: inline-block; vertical-align: middle;
    stroke: var(--brand); fill: none; stroke-width: 1.75;
    stroke-linecap: round; stroke-linejoin: round;
}
.tile-icon .icon-svg,
.resource-card-icon .icon-svg {
    width: 2em; height: 2em;
}
.img-placeholder .icon-svg {
    width: 2em; height: 2em; stroke: var(--text-muted);
}
.team-card .img-placeholder .icon-svg {
    width: 1.2em; height: 1.2em;
}