/* site-ui.css: the quiet finish layer for public pages.
 *
 * Loaded LAST in partials/_shell-head.tpl.php, after overrides.css and any
 * page $head_extra stylesheets. The
 * dashboards have their own shells and app-ui.css, so nothing here reaches
 * them. Brand stays put (Lora + Inter, green for actions and meaning); what
 * changes is the chrome: hairlines instead of green-tinted glows, pill
 * buttons, no hover lift.
 *
 * The shell's own inline <style> and the homepage's #op-hero block print
 * after this file, so rules that meet them carry a leading `body`.
 */

:root {
  --site-ink:    #0D0D0D;
  --site-ink-2:  #5D5D5D;
  --site-line:   rgba(0, 0, 0, .08);
  --site-line-2: rgba(0, 0, 0, .12);
  --site-fill:   rgba(0, 0, 0, .04);
  --site-sh-sm:  0 1px 2px rgba(0, 0, 0, .04);
  --site-sh-md:  0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px -14px rgba(0, 0, 0, .14);
}

::selection { background: rgba(45, 150, 80, .18); }

/* Header: frosted white on a single hairline */
header.header-glass {
  background: rgba(255, 255, 255, .82);
  border-bottom: 1px solid var(--site-line);
  box-shadow: none;
}
header.header-glass .btn-surf { border-radius: 999px; }
header.header-glass button.md\:border {
  border-color: var(--site-line-2);
  border-radius: 999px;
}
header.header-glass button.md\:border:hover {
  border-color: rgba(0, 0, 0, .2);
  background: var(--site-fill);
  color: var(--site-ink);
}

body .dropdown-panel {
  border: 1px solid var(--site-line);
  box-shadow: 0 16px 40px -16px rgba(0, 0, 0, .18);
}

/* Buttons and cards: no lift, no coloured glow */
body .btn-surf:hover { transform: none; box-shadow: none; }
body .card-lift:hover {
  transform: none;
  box-shadow: var(--site-sh-md);
}

.ocd-ed-card {
  border-color: var(--site-line);
  box-shadow: var(--site-sh-sm);
}
.ocd-ed-card:hover {
  border-color: var(--site-line-2);
  box-shadow: var(--site-sh-md);
  transform: none;
}
body .ocd-ed-btn, body .pvx-btn, body .pvx-inquiry,
body .pvx-ctas .pvx-btn--solid { border-radius: 999px; }
body .ocd-ed-btn--primary { box-shadow: none; }
body .pvx-btn--ghost { border-color: var(--site-line-2); }

/* Search page bar */
body form.srch {
  border-color: var(--site-line);
  box-shadow: var(--site-sh-md);
}
body .srch-go { box-shadow: none; }
body .srch-go:hover { transform: none; }

/* Homepage hero */
body #op-hero .op-badge { box-shadow: none; border-color: var(--site-line); }
body #op-hero .op-badge:hover { box-shadow: none; transform: none; }
body #op-hero .op-searchbar {
  border-color: var(--site-line);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 18px 40px -20px rgba(14, 42, 27, .22);
}
body #op-hero .op-searchbar button.on { box-shadow: none; }
body #op-hero .op-go { box-shadow: none; }
body #op-hero .op-go:hover { transform: none; }
body #op-hero .op-chip { border-color: var(--site-line-2); }
body #op-hero .op-chip:hover { transform: none; border-color: rgba(0, 0, 0, .22); }