/* Search4Nation unified site theme — shared across public, client and admin pages */
:root{
  --s4n-green:#16845d;--s4n-green-dark:#123b32;--s4n-green-deep:#102e27;
  --s4n-orange:#f28b25;--s4n-blue:#245a91;
  --blue:var(--s4n-green);--orange:var(--s4n-orange);--navy:var(--s4n-green-dark);
}
html{scroll-padding-top:94px}
.s4n-global-header{position:sticky;top:0;z-index:9999;width:100%;background:rgba(255,255,255,.97);border-bottom:1px solid #e3eee8;box-shadow:0 5px 20px rgba(18,59,50,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.s4n-header-inner{width:min(1180px,calc(100% - 36px));min-height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative}
.s4n-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none!important;line-height:1.1}
.s4n-brand img{display:block;width:49px;height:46px;object-fit:contain;border-radius:9px;flex:0 0 auto}
.s4n-brand-wordmark{display:block;font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:.15px;white-space:nowrap}
.s4n-brand-search{color:#f28b25!important}.s4n-brand-nation{color:#16845d!important}
.s4n-brand-wordmark small{display:block;margin-top:5px;color:#718096;font:600 10px 'DM Sans',Arial,sans-serif;letter-spacing:.35px}
.s4n-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,1.5vw,21px);font:700 12px 'DM Sans',Arial,sans-serif}
.s4n-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 9px;border-radius:9px;color:#42566a;text-decoration:none!important;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.s4n-nav a:hover,.s4n-nav a:focus-visible{background:#eaf6ef;color:#126b4a;outline:none}
.s4n-nav .s4n-nav-login{background:#eaf6ef;color:#176d4d;padding:10px 13px}
.s4n-nav .s4n-nav-register,.s4n-nav .s4n-nav-highlight{background:#16845d;color:#fff;padding:10px 14px}
.s4n-nav .s4n-nav-register:hover,.s4n-nav .s4n-nav-highlight:hover{background:#116b4a;color:#fff}
.s4n-nav .s4n-nav-logout{background:#fff2ed;color:#b54728}
.s4n-menu-toggle{display:none;width:44px;height:42px;border:1px solid #dcebe2;border-radius:10px;background:#eff8f2;color:#176d4d;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.s4n-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:3px;transition:transform .2s ease,opacity .2s ease}
.s4n-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.s4n-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.s4n-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.s4n-global-footer{background:#102e27;color:#d5e5dc;margin-top:0;padding:42px 0 0}
.s4n-footer-inner{width:min(1180px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-bottom:32px}
.s4n-footer-about p{max-width:300px;color:#a9c1b5;font-size:12px;line-height:1.7;margin:14px 0 0}
.s4n-footer-brand .s4n-brand-wordmark{font-size:16px}.s4n-footer-brand .s4n-brand-wordmark small{color:#dbe7df}
.s4n-footer-inner h4{margin:5px 0 15px;color:#fff;font-size:12px;letter-spacing:.3px}
.s4n-footer-inner>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.s4n-footer-inner>div>a:not(.s4n-brand){color:#b8cec2;text-decoration:none;font-size:11px}
.s4n-footer-inner a:hover{color:#fff}
.s4n-footer-bottom{width:min(1180px,calc(100% - 36px));margin:0 auto;border-top:1px solid #ffffff20;padding:15px 0 18px;display:flex;justify-content:space-between;gap:14px;color:#91ad9e;font-size:10px}
/* unify legacy accent colors without changing form or PHP behaviour */
a:not(.s4n-nav a):hover{color:var(--s4n-green)}
.button-primary,.nav-register-btn,.admin-btn,.linkbtn,.submitbtn,.btn:not(.orange):not(.danger):not(.reject):not(.light):not(.admin-logout),button[type="submit"]{background-color:var(--s4n-green)}
.searchbox button{background:var(--s4n-orange)!important;color:#fff!important}
.button-primary:hover,.nav-register-btn:hover,.admin-btn:hover,.linkbtn:hover,.submitbtn:hover{background-color:#116b4a;color:#fff}
input:focus,select:focus,textarea:focus{border-color:#55a77f!important;outline:3px solid rgba(22,132,93,.12)}
.admin-number,.metric strong,.metric b{color:var(--s4n-green)!important}
.admin-message,.success,.alert.success{background:#eaf7ef;color:#176b42}
.status.approved{background:#e6f6ed;color:#176b42}
.eyebrow,.business-category,.text-link{color:var(--s4n-green)}
@media(max-width:900px){
 .s4n-header-inner{min-height:72px;width:calc(100% - 28px)}
 .s4n-menu-toggle{display:flex;flex:0 0 auto}
 .s4n-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:10000;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:12px;background:#fff;border:1px solid #e3eee8;border-radius:0 0 15px 15px;box-shadow:0 18px 32px rgba(18,59,50,.16);max-height:calc(100vh - 82px);overflow-y:auto}
 .s4n-nav.is-open{display:flex}
 .s4n-nav a{justify-content:flex-start;width:100%;min-height:43px;padding:11px 13px;white-space:normal}
 .s4n-nav .s4n-nav-register,.s4n-nav .s4n-nav-highlight{justify-content:center}
 .s4n-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
}
@media(max-width:520px){
 .s4n-header-inner{min-height:66px;width:calc(100% - 24px);gap:10px}
 .s4n-brand{gap:7px}.s4n-brand img{width:40px;height:40px}
 .s4n-brand-wordmark{font-size:15px;letter-spacing:0}
 .s4n-brand-wordmark small{font-size:9px;margin-top:4px}
 .s4n-menu-toggle{width:41px;height:40px}
 .s4n-footer-inner{grid-template-columns:1fr 1fr;width:calc(100% - 28px);gap:22px 16px}
 .s4n-footer-about{grid-column:1/-1}
 .s4n-footer-bottom{width:calc(100% - 28px);flex-direction:column;gap:5px}
}
@media(prefers-reduced-motion:reduce){.s4n-menu-toggle span,.s4n-nav a{transition:none}}
.s4n-side-search{color:#f28b25!important;font-weight:900}
.s4n-side-nation{color:#8fe0b7!important;font-weight:900}
/* Existing client portal side navigation now follows the same homepage green identity. */
.sidebar{background:linear-gradient(165deg,#123b32 0%,#185548 68%,#1e6653 100%)!important;color:#fff!important}
.sidebar .menu a{color:#e8f5ef!important}
.sidebar .menu a:hover,.sidebar .menu a.active{background:rgba(255,255,255,.15)!important;color:#fff!important}
.sidebar .menu a.active{box-shadow:inset 3px 0 #f28b25!important}