/* OYE network bar + shared OYE/Droptimize footer.
 *
 * ONE source for the two pages that sit outside the main site but still belong to it:
 * /start (the pre-booking form) and /sample (the ResumeBuzz demo). Both are served from
 * droptimize.org, so both load this same file.
 *
 * Deliberately self-contained: every value is hardcoded, no page design tokens, so the
 * exact same bar and footer render on the cream /start page and on the dark /sample
 * pages without inheriting either one's palette. The bar markup uses the .oye-net-links
 * container that /assets/oye-bar.js (from chat.oyecreations.com) progressively enhances;
 * with no JS the static links still show.
 */

/* ── OYE network bar ─────────────────────────────────────────────── */
.oye-bar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 102;
  height: 36px; background: #090806;
  border-bottom: 1px solid rgba(201, 168, 76, 0.12);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 1.5rem; font-family: "DM Sans", system-ui, sans-serif;
}
.oye-brand {
  display: flex; align-items: center; gap: 0.45rem; text-decoration: none;
  color: rgba(255, 255, 255, 0.82);
  font-family: "Playfair Display", Georgia, serif; font-size: 0.75rem; font-weight: 600;
  transition: color 150ms;
}
.oye-brand em { font-style: normal; color: #C9A84C; transition: color 150ms; }
.oye-brand:hover { color: #C9A84C; }
.oye-brand:hover em { color: rgba(255, 255, 255, 0.82); }
.oye-net-links { display: flex; align-items: center; gap: 1.1rem; }
.oye-net-link {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: "DM Mono", ui-monospace, monospace;
  font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65); text-decoration: none;
  transition: color 0.15s; white-space: nowrap;
}
.oye-net-link svg { opacity: 0.65; transition: opacity 0.15s; flex-shrink: 0; }
.oye-net-link:hover { color: #C9A84C; }
.oye-net-link:hover svg { opacity: 1; }
@media (max-width: 700px) { .oye-net-links { display: none; } }

/* ── Droptimize demo bar ─────────────────────────────────────────────
   Replaces the OYE network bar on a sample so the page reads as a Droptimize build from
   the first pixel: the seal, droptimize.org, and a CTA back to the product. */
.dz-demo-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 102; height: 36px;
  background: #17130B; border-bottom: 1px solid rgba(245,200,66,0.28);
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 0 1.25rem; font-family: "DM Sans", system-ui, sans-serif; }
.dz-demo-brand { display: inline-flex; align-items: center; gap: 0.42rem; text-decoration: none;
  color: #F3EFE5; font-family: "Playfair Display", Georgia, serif; font-weight: 700; font-size: 0.85rem; }
.dz-demo-brand span { color: #F5C842; }
.dz-demo-brand svg { height: 15px; width: auto; flex-shrink: 0; }
.dz-demo-nav { display: flex; align-items: center; gap: 1.15rem; }
.dz-demo-nav a { color: #C9BFA8; text-decoration: none; font-weight: 600; font-size: 0.78rem;
  letter-spacing: 0.03em; white-space: nowrap; transition: color 0.15s; }
.dz-demo-nav a:hover { color: #F5C842; }
.dz-demo-nav a.dz-demo-cta { color: #17130B; background: #F5C842; padding: 0.28rem 0.75rem;
  border-radius: 5px; font-weight: 700; }
.dz-demo-nav a.dz-demo-cta:hover { color: #17130B; background: #FFD65A; }
.dz-demo-tag { color: #8C8577; font-size: 0.72rem; letter-spacing: 0.03em; }
@media (max-width: 820px) { .dz-demo-nav a:not(.dz-demo-cta) { display: none; } .dz-demo-tag { display: none; } }

/* ── shared footer ───────────────────────────────────────────────────
   GONE, deliberately. `.dz-oye-footer` was a second Droptimize footer with its own shape,
   used by /start and the 16 /sample pages. Every page on the site now carries the one
   footer from /assets/footer.css, so keeping these rules would leave a second footer
   design one class name away from being used again. Removed rather than commented out.

   The line above the sample footer that says it is a demonstration and links to the real
   ResumeBuzz. The sample's own mock footer stays: a sample is supposed to look like the
   client's site. The DROPTIMIZE footer under it is ours, and it matches every other page. */
/* Full width, not a centred box. With max-width:1100px the dark background only painted the
   centred box and the note floated as a bar with page-cream showing at both edges, above a
   footer that does span the full width. The text is centred inside instead. */
.dz-sample-note {
  margin: 0; padding: 15px 24px 3px; background: #17150F; text-align: center;
  font-family: "DM Mono", ui-monospace, monospace; font-size: 11.5px; letter-spacing: 0.06em;
  color: #8E8778;
}
.dz-sample-note a { color: #C9A84C; text-decoration: none; font-weight: 700; transition: color 150ms; }
.dz-sample-note a:hover { color: #F3F0E8; }

/* ── "Audited by Droptimize" score strip ─────────────────────────── */
/* Same strip every OYE site carries; filled live by sample-scores.js. Colours are the
   readable-on-white variants (deep gold, pass-green) rather than the dark-band versions. */
.dz-score-strip { background: #FFFFFF; border-top: 1px solid #E6DDC8; padding: 15px 24px; font-family: "DM Mono", ui-monospace, monospace; }
.dz-score-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; }
.dz-score-logo { display: inline-flex; align-items: center; }
.dz-score-item { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: #8C8C8C; white-space: nowrap; }
.dz-score-item strong { color: #8F6210; font-weight: 600; }
.dz-score-date { display: inline-flex; align-items: center; gap: 8px; }
.dz-score-date .oye-s-date { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: #2C7549; white-space: nowrap; }
.dz-score-note { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: #8F6210; white-space: nowrap; }
.dz-score-pulse { width: 7px; height: 7px; border-radius: 50%; background: #2C7549; flex-shrink: 0; animation: oye-dt-ping 2s ease-in-out infinite; }
@keyframes oye-dt-ping { 0% { box-shadow: 0 0 0 0 rgba(44,117,73,0.5); } 70% { box-shadow: 0 0 0 6px rgba(44,117,73,0); } 100% { box-shadow: 0 0 0 0 rgba(44,117,73,0); } }
@media (prefers-reduced-motion: reduce) { .dz-score-pulse { animation: none; } }