/*
|--------------------------------------------------------------------------
| Site Footer (includes/layouts/footer.php)
|--------------------------------------------------------------------------
|
| Loaded on every page (the footer renders unconditionally via
| includes/layouts/master.php) — see includes/layouts/header.php.
|--------------------------------------------------------------------------
*/

/*
 * Light-theme footer redesign (previously a dark #171c28 footer —
 * matched to the same navy/gold/orange language the Home page
 * redesign introduced, but hardcoded here rather than reused from
 * templates/home.php's .yo-home custom properties, since this
 * partial renders on every page and can't assume that scope
 * exists. 4 columns now instead of 3: Brand, Top Categories, Know
 * YoAward, and a new Archival Notice column carrying the site's
 * existing "not an official website" disclaimer as a proper
 * callout instead of only a small bottom-bar line.
 */
.site-footer {
    background: #EEF1F6;
    color: #64748B;
    border-top: 1px solid #E2E8F0;
}

.site-footer-brand {
    color: #0F172A;
    font-weight: 700;
}

.site-footer-brand img {
    height: 36px;
    width: auto;
}

.site-footer-desc {
    color: #64748B;
    font-size: .925rem;
    max-width: 340px;
}

.site-footer-social {
    width: 40px;
    height: 40px;
    border-radius: .65rem;
    background: #fff;
    border: 1px solid #E2E8F0;
    color: #334155;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.site-footer-social:hover,
.site-footer-social:focus {
    background: #f75815;
    border-color: #f75815;
    color: #fff;
    transform: translateY(-2px);
}

.site-footer-heading {
    color: #0F172A;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 1.1rem;
}

.site-footer-links li {
    margin-bottom: .65rem;
}

.site-footer-links a {
    color: #475569;
    text-decoration: none;
    font-size: .9rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    transition: color .15s ease;
}

.site-footer-links a i {
    font-size: .7rem;
    color: #94A3B8;
    transition: color .15s ease, transform .15s ease;
}

.site-footer-links a:hover,
.site-footer-links a:focus {
    color: #f75815;
}

.site-footer-links a:hover i,
.site-footer-links a:focus i {
    color: #f75815;
    transform: translateX(2px);
}

.site-footer-notice-desc {
    color: #64748B;
    font-size: .9rem;
    max-width: 320px;
}

.site-footer-notice-box {
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: .85rem;
    padding: .9rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

.site-footer-notice-box i {
    color: #f75815;
    font-size: 1.1rem;
    margin-top: .1rem;
    flex-shrink: 0;
}

.site-footer-notice-box span {
    font-size: .8rem;
    color: #475569;
    line-height: 1.45;
}

.site-footer-bottom {
    border-top: 1px solid #E2E8F0;
    font-size: .825rem;
    color: #64748B;
}

.site-footer-bottom a {
    color: #475569;
    text-decoration: none;
}

.site-footer-bottom a:hover {
    color: #f75815;
}