/* AutoHireBot shared logo component — Option A (cyan). Namespaced .ahb-* to avoid clashes. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');

.ahb-logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;line-height:1;}
.ahb-logo-mark{position:relative;flex:0 0 38px;width:38px;height:38px;overflow:hidden;border-radius:9px;background:#0b1513;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 4px 12px rgba(0,0,0,.30);}
.ahb-terminal{display:block;width:100%;height:100%;}
.ahb-terminal path{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.ahb-prompt{stroke:#a5f3fc;opacity:1;}
.ahb-check{stroke:#22d3ee;opacity:0;stroke-dasharray:30;stroke-dashoffset:30;}
.ahb-scan{position:absolute;top:7px;left:7px;right:7px;height:2px;opacity:0;background:#22d3ee;box-shadow:0 0 8px rgba(34,211,238,.5);pointer-events:none;}
.ahb-word{font-family:'Space Grotesk',system-ui,sans-serif;font-size:26px;font-weight:700;letter-spacing:-0.035em;white-space:nowrap;color:#f8fafc;}
.ahb-accent{color:#22d3ee;}
.ahb-i{display:inline-block;width:0.42em;height:0.70em;margin-inline:0.025em;vertical-align:baseline;color:#f8fafc;}
.ahb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}

@keyframes ahb-prompt{0%,40%{opacity:1}56%,86%{opacity:0}100%{opacity:1}}
@keyframes ahb-scan{0%{opacity:1;transform:translateY(0)}42%{opacity:1;transform:translateY(21px)}50%,100%{opacity:0;transform:translateY(21px)}}
@keyframes ahb-check{0%,40%{opacity:0;stroke-dashoffset:30}48%{opacity:1;stroke-dashoffset:24}66%,86%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}

/* Continuous gentle loop */
.ahb-logo .ahb-prompt{animation:ahb-prompt 2.8s ease-in-out infinite;}
.ahb-logo .ahb-scan{animation:ahb-scan 2.8s linear infinite;}
.ahb-logo .ahb-check{animation:ahb-check 2.8s ease-in-out infinite;}

/* Light-background pages (white navbar): dark wordmark, darker accent */
.ahb-logo.ahb-light .ahb-word,.ahb-logo.ahb-light .ahb-i{color:#101820;}
.ahb-logo.ahb-light .ahb-accent{color:#0891b2;}

/* Header bar for pages that had no logo (e.g. city pages) */
.ahb-header{display:flex;align-items:center;padding:14px 0;margin-bottom:4px;}

@media(max-width:600px){ .ahb-word{font-size:22px;} .ahb-logo-mark{flex-basis:34px;width:34px;height:34px;} }