/*
 * Ashaw overrides, small ruleset for elements introduced by the CMS
 * partials that don't exist in the verbatim source markup.
 *
 * Loaded after styles.css so it can override default browser styling
 * without touching the source.
 */

/* Phone and email values became <a href="tel:..."> / <a href="mailto:...">
   anchors so they're tappable on mobile. Source rendered them as plain text,
   so the anchors inherit .ci-value styling and drop the underline. */
.ci-value a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s;
}
.ci-value a:hover {
    color: var(--gold);
}

/* The form submit became a real <button type="submit"> so it actually
   works. .btn-primary in the source styled an <a> tag, so a few button
   defaults need resetting. */
button.btn-primary {
    border: 1px solid var(--gold);
    cursor: pointer;
    font-family: var(--font-body);
}
button.btn-primary:focus-visible {
    outline: 2px solid var(--gold-light);
    outline-offset: 2px;
}

/* Form rendering: form is a real <form> now, no extra spacing needed but
   guard against any UA default. */
form.ashaw-contact-form {
    margin: 0;
}

/* NLH attribution band. Sits below the crisis disclaimer in the footer.
   Editorial typography matching the rest of the site's micro-text:
   tracked uppercase, tiny weight, gold accent on hover. The link is
   dofollow (kit default) for SEO; the visual styling needs to read as
   intentional, not as default browser blue. */
.footer-attribution {
    width: 100%;
    text-align: center;
    margin-top: 1.25rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
    font-size: 0.62rem;
    font-weight: 400;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.22em;
    line-height: 1.6;
    opacity: 0.7;
    transition: opacity 0.4s ease;
}
.footer-attribution:hover {
    opacity: 1;
}
.footer-attribution a.nlh-attribution {
    color: var(--gold-dim);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    transition: color 0.4s ease, border-color 0.4s ease;
}
.footer-attribution a.nlh-attribution:hover {
    color: var(--gold);
    border-bottom-color: var(--gold-dim);
}


.form-status {
    margin-top: 1rem;
    padding: .85rem 1rem;
    border-radius: 6px;
    font-size: .88rem;
    line-height: 1.5;
    border: 1px solid rgba(255,255,255,.12);
}
.form-status.is-success {
    color: #dff7df;
    background: rgba(80, 160, 90, .12);
    border-color: rgba(80, 160, 90, .35);
}
.form-status.is-error {
    color: #ffd9d3;
    background: rgba(180, 65, 55, .14);
    border-color: rgba(180, 65, 55, .38);
}
.form-submit[disabled] {
    opacity: .72;
    cursor: wait;
}
.form-group label span {
    opacity: .65;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
}

/* r10: Push fixed nav below the admin toolbar in admin mode.
   The admin toolbar is position:fixed;top:0 with z-index:999999.
   The site nav is also position:fixed;top:0. Without this offset,
   the toolbar covers the nav and the client can't click the brand
   name, nav links, or CTA to edit them. */
body.is-admin nav {
    top: var(--ncms-shell-h, 64px) !important;
}
/* Also offset the hero scroll indicator and any fixed elements */
body.is-admin .hero {
    margin-top: var(--ncms-shell-h, 64px);
}
/* Adjust the footer and other content if needed */
body.is-admin footer {
    position: relative;
}