/* =========================================
   SEEDBiomed — Unified Site Footer
   ========================================= */

footer.site-footer {
    background: linear-gradient(170deg, #0a2535 0%, #013f54 40%, #034d52 75%, #059598 100%);
    padding: 5em 2em 3em;
    text-align: center;
    color: #ffffff;
}

.site-footer-inner {
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.site-footer-nl-title {
    font-family: 'DM Serif Display', 'Open Sans Condensed', serif;
    font-size: 1.75em;
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 0.5em;
    line-height: 1.3;
}

.site-footer-nl-sub {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.93em;
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 1.8em;
    line-height: 1.65;
    max-width: 520px;
}

.site-footer-nl-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    background: #ffffff;
    color: #013f54;
    font-family: 'Open Sans Condensed', 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 0.82em;
    padding: 0.75em 1.9em;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, transform 0.15s;
}

.site-footer-nl-btn:hover {
    background: #f69318;
    color: #ffffff;
    transform: translateY(-2px);
}

.site-footer-arrow { font-size: 1.1em; }

.site-footer-divider {
    width: 60px;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    margin: 2.8em 0;
    flex-shrink: 0;
}

ul.site-footer-social {
    list-style: none;
    padding: 0;
    margin: 0 0 2.5em;
    text-align: center;
}

ul.site-footer-social li {
    display: inline-block;
    margin: 0 0.3em;
    position: relative;
    top: 0;
    transition: top 0.15s ease;
}

ul.site-footer-social li:hover { top: -5px; }

ul.site-footer-social li a {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
}

/* Font Awesome icon helpers (for pages not using main.css) */
.icon {
    text-decoration: none;
    position: relative;
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    line-height: inherit;
}

.icon > .label { display: none; }
.icon.solid:before { font-weight: 900; }
.icon.brands:before { font-family: 'Font Awesome 5 Brands'; }

ul.site-footer-social li a:before {
    color: #fff;
    font-size: 20px;
    line-height: 48px;
}

ul.site-footer-social li:hover a.fa-linkedin-in { background: #006599; border-color: #006599; }
ul.site-footer-social li:hover a.fa-youtube     { background: #c4000b; border-color: #c4000b; }
ul.site-footer-social li:hover a.fa-instagram   { background: #c4376b; border-color: #c4376b; }
ul.site-footer-social li:hover a.fa-tiktok      { background: #070708; border-color: #070708; }

.site-footer-copy {
    color: rgba(255, 255, 255, 0.38);
    font-family: 'Open Sans', sans-serif;
    font-size: 0.78em;
    margin: 0;
    letter-spacing: 0.02em;
}