/*
 * Archicareers — main.css
 * Site-wide component styles loaded on every front-end page.
 * Page-specific styles live in their own CSS files (home.css, archive-jobs.css, etc.)
 * Base design tokens and global reset are in style.css (theme root).
 */

/* ─────────────────────────────────────────
   JOB ALERT FORM (used on homepage + footer)
───────────────────────────────────────── */
.alert-form-wrap {
  display: flex;
  gap: 8px;
  max-width: 480px;
}
.alert-form-wrap input[type="email"] {
  flex: 1;
  padding: 11px 14px;
  border: 1.5px solid var(--border);
  border-radius: var(--r-s);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  color: var(--ink);
  background: var(--bg);
  transition: border-color 0.15s;
}
.alert-form-wrap input[type="email"]:focus {
  outline: none;
  border-color: var(--tc);
  box-shadow: 0 0 0 3px var(--tc-soft);
}
.alert-form-wrap button {
  padding: 11px 18px;
  background: var(--tc);
  color: #fff;
  border: none;
  border-radius: var(--r-s);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  min-height: 44px;
  transition: background 0.15s;
}
.alert-form-wrap button:hover { background: var(--tc-hover); }

/* ─────────────────────────────────────────
   NOTICE MESSAGES (front-end flash messages)
───────────────────────────────────────── */
.archi-notice {
  padding: 12px 16px;
  border-radius: var(--r-s);
  font-size: var(--text-sm);
  font-weight: 500;
  margin: 16px 0;
}
.archi-notice-success {
  background: #EDFCF2;
  border: 1px solid #A7F3C5;
  color: #065F46;
}
.archi-notice-error {
  background: #FEF2F2;
  border: 1px solid #FECACA;
  color: #DC2626;
}

/* ─────────────────────────────────────────
   SHARED UTILITY: W-FULL
───────────────────────────────────────── */
.w-full { width: 100%; }