/* =========================================================================
   Neda eCampus UI - the content pages on the Neda Mild Aurora
   (owner, 2026-10-11: "apply to contact us page instead of the vanta and
   to the policies page", then every policy, then About and Course Types.)

   The ground the Admin Area, My courses, the calendar, the Achievement
   Vault, the Creators' Corner and My account already stand on: text-box 1
   #ECF9F8 at the top running to text-box 3 #F8F9EA, fixed to the viewport,
   painted on `main` so the header and the footer are not repainted. The
   bands step back and the cards stand on the ground with the two-layer
   elevation; no new white panel is put round anything that is already a
   card.

   Loaded only where neda_ui_is_aurora_page() says so (src/ContentPages.php)
   and printed after every other sheet on those pages. Its own file because
   neda-content-page.css and neda-contact-faq.css have a large change in
   flight on another branch.

   Measured: black on the ground 19.47:1 at the top stop; the 72% black of
   secondary text 8.88:1 at its worst; white against the ground 1.08:1 and
   1.06:1, so the elevation draws every card edge.
   ========================================================================= */

body.neda-aurora-page main {
    background-color: #F8F9EA;
    background-image: linear-gradient(180deg, #ECF9F8 0%, #F8F9EA 100%);
    background-attachment: fixed;
}

/* The theme's groups are white through preset classes printed with
   !important. The title band also carries neda-content-page.css's own
   `#ECF9F8 !important` at (0,3,2), hence the longer selector for it. */
body.neda-aurora-page main > .wp-block-group.has-background,
body.neda-aurora-page main .wp-block-group:has(> .wp-block-post-content),
body.neda-aurora-page.neda-content-page main > .wp-block-group:first-child {
    background-color: transparent !important;
}

/* The content-page bands (the form's band, the questions' Cyan band, About's
   "Who" band and Course Types' text-box 3 band) take their colour from one
   custom property. */
body.neda-aurora-page .neda-cp-band {
    --neda-cp-band-bg: transparent;
}


/* ---- About and Course Types ----------------------------------------------
   ABOUT'S HEADER STAYS EXACTLY AS IT IS (owner, the same day: "still keep
   the about header block as it is"). The photograph is the band's own
   background image and its dark wash a pseudo-element, and nothing here
   reaches either: the variable above is only the band's fallback colour.
   Below it, the "Why" band is white by its own rule -- `#FFFFFF !important`
   at (0,2,1) in neda-content-page.css, not the variable -- so it is stepped
   back by name. Its four cards and the "Who" cards stand on the ground on
   the two-layer elevation they already carry. The "Our Purpose" panel keeps
   its own aurora, built from the owner's mock.

   Course Types is one text-box 3 band -- the ground's own bottom stop --
   round its heading, the five course-type tabs and the open panel. The band
   steps back with the rest; the tabs already carry the two-layer elevation
   and the panel its own deeper one, so neither changes. Both pages keep the
   headings they show today: About's is in its photograph, Course Types' is
   the "Choose the course experience" block at the top of the band. */
body.neda-aurora-page.neda-content-page .neda-cp-why {
    background-color: transparent !important;
}


/* ---- Contact us ----------------------------------------------------------
   THE NET IS GONE, and with it the reason the form card was glass: it was
   75% white with a backdrop blur so the moving lines behind it softened
   instead of cutting through the labels. Over a still ground that
   translucency only reads as a tint, so the card is solid white now, on the
   same elevation as every other card. The two "other ways" cards had the
   old faint 8px shadow and take the same pair. The question rows and the
   chapter list keep their own edges, which were drawn for a pale band. */

body.neda-aurora-page .neda-form-card {
    background: #FFFFFF;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.08),
        0 14px 30px -12px rgba(0, 0, 0, 0.18);
}

body.neda-aurora-page .neda-cp-card {
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.08),
        0 14px 30px -12px rgba(0, 0, 0, 0.18);
}

/* THE PAGE GETS ITS TITLE (owner, 2026-10-11: "Add a title for contact
   us"). The theme's title band was hidden on every content page for
   About's photographic hero, which left Contact us with no visible heading
   and no h1 -- "Send us a message" is the form card's own heading, an h2.
   The band is shown on the ground, left on the measure like the policies'
   titles and in line with "Other ways to reach us" below, and "Contact Us"
   is the page's one h1. It closes onto the form: the band keeps no bottom
   padding and the form's band gives up most of its top. */
body.neda-aurora--contact-us.neda-content-page main > .wp-block-group:first-child:has(> .wp-block-post-title) {
    display: block;
    padding-block: clamp(36px, 4.5vw, 64px) 0 !important;
}

body.neda-aurora--contact-us .wp-block-post-content > .neda-cp-band:first-child {
    padding-block-start: clamp(20px, 2.5vw, 32px);
}


/* ---- Policies: the index and every policy --------------------------------
   `neda-policy-page` (src/Policies.php) is on the /policies/ index and on all
   fifteen policies; the index came first (4.83.0), the rest followed the same
   day ("apply the same to the individual policy pages").

   THE TITLE COMES BACK. neda-content-page.css hides the theme's title band
   on every content page, because About carries its own photographic hero
   with its own h1. A policy has no hero, so the rule left each one with no
   visible heading at all -- and, the band being display: none, with no h1
   for a screen reader either. Here the band is shown again, on the ground,
   and the policy's name is the page's one h1.

   THE DOCUMENT IS A CARD. Each policy is one document, so it stands on the
   ground as one white card.

   THE TEXT IS BLACK, ALL OF IT. This site's `text-gray` preset resolves to
   Primary Cyan, and the list, table and inline elements were taking it:
   list items (Security, Imprint, Accessibility), whole tables -- header,
   cells and the cell borders, which follow the text colour (Cookie Policy,
   Sub-processors) -- and the bold, emphasis and code inside them. Cyan on
   white is 2.3:1. Links keep their own rule in neda-content-page.css:
   black, underlined, cherry under the pointer. Anything inside a link is left
   to it, so a word in a link still turns cherry with the rest. */

body.neda-policy-page.neda-content-page main > .wp-block-group:first-child:has(> .wp-block-post-title) {
    display: block;
    padding-block: clamp(36px, 4.5vw, 64px) clamp(20px, 2.5vw, 32px) !important;
}

/* The bottom margin is the room above the footer: the content band has no
   padding of its own on these pages, so without it the card sat on the
   footer's edge. */
body.neda-policy-page .wp-block-post-content {
    box-sizing: border-box;
    margin-block-end: clamp(40px, 5vw, 72px);
    padding: clamp(24px, 3vw, 40px);
    border-radius: 12px;
    background-color: #FFFFFF;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.08),
        0 14px 30px -12px rgba(0, 0, 0, 0.18);
}

body.neda-policy-page .wp-block-post-content :is(p, li, dt, dd, th, td, figcaption, strong, b, em, i, code, span, h2, h3, h4):not(a *) {
    color: #000000;
}

/* A table is a grid of hairlines with a Cyan text-box 1 header row (black
   on it 19.47:1), the way the estate's other tables read -- not black rules,
   which is what the cyan borders would have become once the text went
   black, since they follow `currentColor`. */
body.neda-policy-page .wp-block-post-content .wp-block-table :is(th, td) {
    border-color: rgba(0, 0, 0, 0.12);
}

body.neda-policy-page .wp-block-post-content .wp-block-table th {
    background-color: #ECF9F8;
}

body.neda-policy-page .wp-block-post-content code {
    padding: 0.1em 0.35em;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.06);
}


/* Forced colours drop the ground and every shadow, which would leave the
   cards with no edge at all. */
@media (forced-colors: active) {
    body.neda-aurora-page .neda-form-card,
    body.neda-aurora-page .neda-cp-card,
    body.neda-policy-page .wp-block-post-content {
        border: 1px solid CanvasText;
    }
}