/*
Prospect Hospice — 1px line layer
==========================================================================

A site-wide hairline treatment: every surface that previously read as "soft"
(a tinted shadow, a pale grey ring, no edge at all) now carries a true 1px
black rule.

Why this is a separate sheet rather than edits spread across the others:

  - Most of the theme's hairlines already routed through one token. Flipping
    `--wp--custom--color--line` in theme.json to #000000 turned the majority of
    them black in place, and the scoped aliases that derive from it
    (`--blog-line`, `--block-line`, `--post-line`, `--i-line`, `--orbit-menu-line`)
    followed for free. Buttons pick their border up from theme.json's
    `elements.button`. None of that lives here.
  - What remains is the set of surfaces that had *no* border to recolour —
    they leaned on a shadow instead. Those need new declarations that override
    existing rules, so they're gathered in one enqueued-last sheet where the
    whole treatment can be read, tuned, or dropped in a single place.

Loaded after every other frontend sheet (see orbit_scripts()) so source order
does the work — no !important, no specificity games beyond matching what's
already there.

Tokens:
  --wp--custom--border--line  → 1px solid #000000  (shorthand)
  --wp--custom--color--line   → #000000            (colour only)

Note: DESIGN.md states charcoal #1C211D replaces pure black for *text*. That
still holds. These rules are structural lines, which are deliberately true
black — see the "Lines" section of DESIGN.md.

Table of Contents:
  1. Surfaces & cards
  2. Header & navigation
  3. Forms, search & inputs
  4. Media & figures
  5. Footer
  6. Shadow retirement
========================================================================== */

/* ==========================================================================
   1. SURFACES & CARDS
   ========================================================================== */

/* The base card drew its edge with a shadow ring (`0 0 0 1px rgb(15 11 34/10%)`).
   Swap the ring for a real border so the edge is opaque and sits on the box
   model — `overflow: hidden` + the radius already clip the content to it. */
.card {
    border: var(--wp--custom--border--line);
    box-shadow: none;
}

/* Hover keeps the lift; the ring half of the shadow is now redundant. */
.card:hover {
    box-shadow: 0 12px 30px -12px color-mix(in srgb, var(--wp--preset--color--charcoal) 18%, transparent);
}

/* Blog cards already carried `0 0 0 1px var(--blog-line)`, which is black now.
   Promote it to a border for the same reason as .card. */
.blog-card,
.blog-featured-card {
    border: var(--wp--custom--border--line);
    box-shadow: none;
}

.post-author-card {
    border: var(--wp--custom--border--line);
}

/* Accordion / FAQ rows read as a stack of ruled bands. */
.m-acc__panel {
    border-top: var(--wp--custom--border--line);
}

/* ==========================================================================
   2. HEADER & NAVIGATION
   ========================================================================== */

/* Pill capsule around the non-mega primary menu: shadow ring → real border. */
.site-header #nav-menu ul.menu {
    border: var(--wp--custom--border--line);
    box-shadow: none;
}

/* The mega panel is a floating card — outline it and drop the heavy lift
   shadow to something that only separates it from the page beneath. */
.mega-panel__inner {
    border: var(--wp--custom--border--line);
    box-shadow: 0 8px 24px -12px color-mix(in srgb, var(--wp--preset--color--charcoal) 22%, transparent);
}

/* Donate capsule in the header actions, and its drawer counterpart. */
.btn-donate > a,
a.btn-donate {
    border: var(--wp--custom--border--line);
}

/* ==========================================================================
   3. FORMS, SEARCH & INPUTS
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="password"],
select,
textarea,
.wp-block-search__input {
    border: var(--wp--custom--border--line);
}

/* The header search field is rendered by the Searchability shortcode, so the
   markup isn't ours — target the input inside our wrapper rather than a class. */
.site-header__search input {
    border: var(--wp--custom--border--line);
}

.footer-newsletter-form input,
.footer-newsletter-form .btn {
    border: var(--wp--custom--border--line);
}

/* ==========================================================================
   4. MEDIA & FIGURES
   ========================================================================== */

/* Editorial framing for content imagery. Scoped to block images and card
   thumbnails so it never lands on the header logo, inline icon SVGs, or the
   decorative art in the 404 / hero treatments. */
.card .card-thumbnail img,
.blog-card-img {
    border: var(--wp--custom--border--line);
}

/* Captions hang off the bottom edge of the frame above them. */
.wp-block-image figcaption {
    border-top: var(--wp--custom--border--line);
    padding-top: var(--wp--preset--spacing--tiny);
}

/* ==========================================================================
   5. FOOTER
   ========================================================================== */

.site-footer {
    border-top: var(--wp--custom--border--line);
}

/* Footer sits on charcoal, where a black rule would disappear. Its internal
   dividers stay on the white-tinted line the dark surface already uses. */
.site-footer .footer-nav,
.site-footer .copyright-bar {
    border-color: var(--orbit-menu-line-onpanel, rgba(255, 255, 255, 0.6));
}

/* ==========================================================================
   6. SHADOW RETIREMENT
   ========================================================================== */

/* Where a line now carries the edge, the soft shadow presets that used to imply
   one are noise. Only the ring-style shadows are dropped — genuine elevation
   (hover lifts, the mega panel, modals) is kept above. */
.is-style-feature-card,
.is-style-cta-card-glass {
    border: var(--wp--custom--border--line);
    box-shadow: none;
}