/* HiringMart public footer — independent Admin design controls */
:root{--hm-footer-bg:#101d34;--hm-footer-text:#e8edf5;--hm-footer-muted:#b8c2d2;--hm-footer-accent:#e2b84f;--hm-footer-link:#b8c2d2;--hm-footer-link-hover:#fff;--hm-footer-heading:#e2b84f;--hm-footer-border:#ffffff24;--hm-footer-pad-top:54px;--hm-footer-pad-bottom:20px;--hm-footer-cols:5}
footer{border-top:3px solid var(--hm-footer-accent);background:var(--hm-footer-bg);color:var(--hm-footer-text);padding:var(--hm-footer-pad-top) 0 var(--hm-footer-pad-bottom);margin-top:64px}footer .container{max-width:1240px;margin:auto;padding:0 22px}footer .footergrid{display:grid;grid-template-columns:2fr repeat(calc(var(--hm-footer-cols) - 1),minmax(0,1fr));gap:30px}footer h3{font-size:14px;color:var(--hm-footer-heading);margin:0 0 15px}footer a{display:block;color:var(--hm-footer-link);text-decoration:none;margin:9px 0;font-size:13px}footer a:hover{color:var(--hm-footer-link-hover)}footer p{color:var(--hm-footer-muted);font-size:13px;line-height:1.7}footer .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--hm-footer-text)}footer .brand img{width:58px;height:58px;object-fit:contain}footer .brandname{font-size:21px;font-weight:900;color:var(--hm-footer-text)}footer .tagline{font-size:10px;letter-spacing:1px;color:var(--hm-footer-muted);text-transform:uppercase}footer .social{display:flex;flex-wrap:wrap;gap:8px}footer .social a{border:1px solid var(--hm-footer-border);padding:7px 10px;border-radius:20px}footer .copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--hm-footer-border);margin-top:34px;padding-top:18px;color:var(--hm-footer-muted);font-size:12px}footer .copyright a{display:inline;color:inherit}@media(max-width:900px){footer .footergrid{grid-template-columns:repeat(2,minmax(0,1fr))}footer .footergrid>div:first-child{grid-column:1/-1}}@media(max-width:560px){footer .footergrid{grid-template-columns:1fr 1fr;gap:20px}footer .copyright{flex-direction:column}}

/* Brand lockup: text occupies the same visual height as the footer logo. */
footer .brand{align-items:center;min-height:58px;gap:12px}
footer .brand>span{display:flex;flex:1 1 auto;min-width:0;min-height:58px;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.2}
footer .brandname{display:block;line-height:1.15;margin:0 0 5px}
footer .tagline{display:block;max-width:100%;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
footer .brand img{flex:0 0 58px;width:58px;height:58px}
@media(max-width:560px){footer .brand>span{min-height:58px}footer .brandname{font-size:19px}footer .tagline{font-size:9px;letter-spacing:.7px}}

/* Compact footer brand lockup: company name and tagline sit together beside the logo. */
footer .footergrid .brand{display:flex;align-items:center;gap:10px;margin:0;line-height:1;text-decoration:none}
footer .footergrid .brand-copy{display:flex;flex:0 1 auto;min-width:0;min-height:58px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;line-height:1.15}
footer .footergrid .brand-copy .brandname{display:block;margin:0;padding:0;line-height:1.12}
footer .footergrid .brand-copy .tagline{display:block;margin:0;padding:0;max-width:250px;line-height:1.2;letter-spacing:.45px;white-space:normal}
footer .footergrid .brand img{display:block;flex:0 0 58px;width:58px;height:58px;margin:0}


/* Stronger golden footer divider to match the header. */
footer{border-top:5px solid var(--hm-footer-accent);position:relative}
footer a{transition:color .18s ease,transform .18s ease}
footer a:hover{transform:translateX(2px)}
@media(prefers-reduced-motion:reduce){footer a{transition:none!important}footer a:hover{transform:none}}
