/* ==========================================================
 * SELLUNK HOME – brand additions to sellunk-theme
 * Upload to: /wp-content/themes/sellunk-theme/sellunk-home.css (replace the old one)
 *
 * Adds the green accent alongside the theme's existing system:
 *   Mobility    – amber #C8782A
 *   Consultancy – teal  #4ABFB0
 *   Home        – green #5E8C4A
 * Everything else (navy #0C405C, fonts, hero, cards, form) comes from style.css.
 * ========================================================== */

:root {
	--green:       #5E8C4A;
	--green-dark:  #4A7239;
	--green-pale:  #EEF5E9;
}

/* Hero */
.hero.hero-home              { border-top: 4px solid var(--green); }
.hero-home .hero-eyebrow     { color: var(--green); opacity: 1; filter: brightness(1.35); }

/* Buttons, cards, form */
.btn-green                   { background: var(--green); color: white; }
.btn-green:hover             { background: var(--green-dark); color: white; }
.card.green-top              { border-top: 3px solid var(--green); }
.submit-green                { background: var(--green); color: white; }
.submit-green:hover          { background: var(--green-dark); }
.tag-green                   { background: var(--green-pale); color: var(--green-dark); }
.filter-btn.active-green     { background: var(--green); color: white; border-color: var(--green); }

/* Menu item – header.php gives it the class "menu-home" (link match as backup) */
.site-nav .menu-home a,
.site-nav a[href*="/sellunk-home"]       { color: var(--green-dark); }
.site-nav .menu-home a:hover,
.site-nav a[href*="/sellunk-home"]:hover,
body.page-template-sellunk-home .site-nav a[href*="/sellunk-home"] { background: var(--green-pale); color: var(--green-dark); font-weight: 600; }

/* Footer pill (if you add a Sellunk Home link with class fp-green) */
.fp-green { background: rgba(94,140,74,0.22); color: #8DBE76; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 500; text-decoration: none; }

/* Form status messages */
.sh-notice      { padding: 0.75rem 1rem; border-radius: 8px; font-size: 0.9375rem; margin-bottom: 1.25rem; }
.sh-notice-ok   { background: var(--green-pale); color: var(--green-dark); }
.sh-notice-err  { background: #FBE9E7; color: #A33A2B; }