/*
 * Site-wide footer (components/site-footer.blade.php), from the CareerSphere design reference.
 * Loaded on every page. Classes start with "hp-" and rules are scoped to the ".hp-scope" wrapper, so they
 * cannot clash with app.css. The homepage (home.css) reuses the .hp-scope base, .hp-wrap and the brand from here.
 */

/* Reset app.css spacing inside the reference parts; sizes come from the site typography tokens (typography.css). */
.hp-scope { font-size: var(--fs-body); line-height: var(--lh-body); color: #1b2540; }
.hp-scope :where(h1, h2, h3, h4, p) { margin: revert; line-height: var(--lh-heading); }
.hp-scope :where(p) { font-size: var(--fs-base); line-height: var(--lh-body); }
.hp-scope :where(h1) { font-size: var(--fs-h1); }
.hp-scope :where(h2) { font-size: var(--fs-h2); }
.hp-scope :where(h3) { font-size: var(--fs-h3); }
.hp-scope :where(h4) { font-size: var(--fs-md); }
.hp-scope a:hover { text-decoration: none; }

.hp,.hp-scope{--navy:#15264b;--blue:#315ee8;--muted:#6d7891;--line:#e6eaf2;--green:#18a879}
.hp-scope *{box-sizing:border-box}
.hp-scope a{color:inherit;text-decoration:none}
.hp-scope button,.hp-scope input{font:inherit}
.hp-scope .hp-wrap{width:min(1200px,92%);margin:auto}
.hp-scope .hp-brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:var(--fs-h2);font-weight:;white-space:nowrap}
.hp-scope .hp-logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#315ee8,#7655ee);display:grid;place-items:center;color:white}
.hp-scope .hp-brand span span{color:var(--blue)}
.hp-scope .hp-footer{background:#101e3b;color:#c0cbe3;padding:46px 0 22px}
.hp-scope .hp-footer-brand{color:#fff}
.hp-scope .hp-footer-about{font-size:var(--fs-base);line-height:var(--lh-body);color:#aab7d3;max-width:300px}
.hp-scope .hp-footer-col h4{font-size:var(--fs-md);color:#fff;margin:4px 0 15px}
.hp-scope .hp-footer-col a{display:block;font-size:var(--fs-sm);color:#aab7d3;margin:11px 0}
.hp-scope .hp-footer-col a:hover{color:#fff}
.hp-scope .hp-footer-bottom{border-top:1px solid #ffffff1b;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#93a2c3;font-size:var(--fs-xs)}
@media(max-width:420px){
.hp-scope .hp-wrap{width:94%}
.hp-scope .hp-brand{font-size:var(--fs-h2)}
}
@media(prefers-reduced-motion:reduce){
.hp-scope *,.hp-scope *:before,.hp-scope *:after{scroll-behavior:auto!important;transition:none!important}
}
.hp-scope .hp-footer{background:#0d1933;color:#c4cee2;padding:54px 0 22px}
.hp-scope .hp-footer-newsletter{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;padding:25px 28px;margin-bottom:38px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(115deg,#172d58,#173d65)}
.hp-scope .hp-footer-newsletter h3{font-size:var(--fs-h3);line-height:var(--lh-heading);color:#fff;margin:0 0 8px}
.hp-scope .hp-footer-newsletter p{font-size:var(--fs-base);line-height:var(--lh-body);color:#c4d1e9;margin:0;max-width:560px}
.hp-scope .hp-footer-newsletter-form{display:flex;gap:8px}
.hp-scope .hp-footer-newsletter-form input{min-width:0;flex:1;padding:13px 14px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff12;color:#fff;outline:none}
.hp-scope .hp-footer-newsletter-form input::placeholder{color:#c4cee2}
.hp-scope .hp-footer-newsletter-form button{border:0;border-radius:9px;background:#6b7cff;color:#fff;font-weight:var(--fw-bold);padding:0 16px;cursor:pointer}
.hp-scope .hp-footer-main{display:grid;grid-template-columns:1.35fr repeat(5,minmax(0,1fr));gap:25px}
.hp-scope .hp-footer-brand{color:#fff}
.hp-scope .hp-footer-about{font-size:var(--fs-base);line-height:var(--lh-body);color:#aab7d3;max-width:260px}
.hp-scope .hp-footer-tagline{font-size:var(--fs-xs);color:#8da6ff;font-weight:var(--fw-bold);letter-spacing:1.1px;text-transform:uppercase;margin-top:16px}
.hp-scope .hp-footer-col h4{font-size:var(--fs-md);letter-spacing:.3px;color:#fff;margin:4px 0 15px}
.hp-scope .hp-footer-col a{display:block;font-size:var(--fs-xs);line-height:var(--lh-body);color:#aab7d3;margin:11px 0;text-decoration:none}
.hp-scope .hp-footer-col a:hover,.hp-scope .hp-footer-utility a:hover{color:#fff;text-decoration:underline}
.hp-scope .hp-footer-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.hp-scope .hp-footer-social a{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff30;border-radius:50%;color:#d8e1f5;text-decoration:none;font-size:var(--fs-xs);font-weight:var(--fw-bold)}
.hp-scope .hp-footer-social a:hover{background:#6b7cff;border-color:#6b7cff}
.hp-scope .hp-footer-trust{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0;margin-top:28px;border-top:1px solid #ffffff1b;border-bottom:1px solid #ffffff1b;color:#aab7d3;font-size:var(--fs-xs)}
.hp-scope .hp-footer-trust span:before{content:'✓';color:#6ee7c3;font-weight:var(--fw-bold);margin-right:7px}
.hp-scope .hp-footer-utility{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-top:20px;color:#93a2c3;font-size:var(--fs-xs)}
.hp-scope .hp-footer-utility-links{display:flex;gap:15px;flex-wrap:wrap}
.hp-scope .hp-footer-utility a{color:#aab7d3;text-decoration:none}
.hp-scope .hp-footer-bottom{border:0;margin-top:16px;padding-top:0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8392b3;font-size:var(--fs-xs)}
@media(max-width:1100px){
.hp-scope .hp-footer-main{grid-template-columns:repeat(3,minmax(0,1fr))}
.hp-scope .hp-footer-main>.hp-footer-brand-block{grid-column:1/-1}
.hp-scope .hp-footer-about{max-width:520px}
}
@media(max-width:700px){
.hp-scope .hp-footer-newsletter{grid-template-columns:1fr;padding:22px}
.hp-scope .hp-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.hp-scope .hp-footer-main>.hp-footer-brand-block{grid-column:1/-1}
.hp-scope .hp-footer-newsletter-form{width:100%}
}
@media(max-width:420px){
.hp-scope .hp-footer-main{grid-template-columns:1fr 1fr;gap:18px 12px}
.hp-scope .hp-footer-col h4{font-size:var(--fs-md)}
.hp-scope .hp-footer-col a{font-size:var(--fs-xs)}
.hp-scope .hp-footer-newsletter-form{flex-direction:column}
.hp-scope .hp-footer-newsletter-form button{padding:13px}
}
.hp-scope .hp-footer{padding:64px 0 28px}
.hp-scope .hp-footer-newsletter{gap:36px;padding:30px 32px;margin-bottom:48px}
.hp-scope .hp-footer-main{grid-template-columns:minmax(190px,1.4fr) repeat(5,minmax(115px,1fr));column-gap:30px;row-gap:34px;align-items:start}
.hp-scope .hp-footer-brand-block{padding-right:10px}
.hp-scope .hp-footer-col{min-width:0}
.hp-scope .hp-footer-col h4{line-height:var(--lh-body);margin:3px 0 20px;padding-bottom:9px;border-bottom:1px solid #ffffff18}
.hp-scope .hp-footer-col a{font-size:var(--fs-xs);line-height:var(--lh-body);margin:0 0 14px;padding-right:4px}
.hp-scope .hp-footer-trust{gap:14px 22px;padding:23px 0;margin-top:36px;line-height:var(--lh-body)}
.hp-scope .hp-footer-utility{margin-top:25px;gap:20px;line-height:var(--lh-body)}
.hp-scope .hp-footer-utility-links{gap:12px 20px}
.hp-scope .hp-footer-bottom{margin-top:20px;line-height:var(--lh-body)}
@media(max-width:1250px){
.hp-scope .hp-footer-main{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;row-gap:32px}
.hp-scope .hp-footer-main>.hp-footer-brand-block{grid-column:1/-1}
.hp-scope .hp-footer-about{max-width:560px}
}
@media(max-width:700px){
.hp-scope .hp-footer{padding:42px 0 24px}
.hp-scope .hp-footer-newsletter{gap:20px;padding:23px;margin-bottom:34px}
.hp-scope .hp-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:28px}
.hp-scope .hp-footer-col h4{margin-bottom:16px}
.hp-scope .hp-footer-col a{margin-bottom:12px}
.hp-scope .hp-footer-trust{margin-top:28px;padding:18px 0;gap:10px 16px}
}
@media(max-width:420px){
.hp-scope .hp-footer-main{grid-template-columns:1fr 1fr;column-gap:18px;row-gap:25px}
.hp-scope .hp-footer-col h4{font-size:var(--fs-md)}
.hp-scope .hp-footer-col a{font-size:var(--fs-xs);line-height:var(--lh-body);margin-bottom:11px}
.hp-scope .hp-footer-utility-links{gap:10px 14px}
}

/* Additions for InternHub: dashboard link for signed-in users, and social icons that are not set up yet. */
.hp-scope .hp-footer-newsletter-link { display: inline-flex; align-items: center; border-radius: 9px; background: #6b7cff; color: #fff; font-weight: var(--fw-bold); padding: 13px 16px; }
.hp-scope .hp-footer-social .hp-is-soon { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #ffffff30; border-radius: 50%; color: #d8e1f5; font-size: var(--fs-xs); font-weight: var(--fw-bold); opacity: .5; cursor: default; }

/* Paragraphs in the footer follow the site paragraph size. */
.hp-scope .hp-footer-bottom p { font-size: var(--fs-base); }