/* =================================================================
   YON footer — matches homepage corp language
   deploy-marker: yon-footer-corp-v4-home-sync
   ================================================================= */

footer.ysf.ysf--corp {
    --yf-radius: 16px;
    --yf-gap: 14px;
    --yf-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --yf-page: var(--h-bg-page, #161b28);
    --yf-card: var(--h-bg-card, #1c2233);
    --yf-raised: var(--h-bg-raised, #23283a);
    --yf-line: var(--h-border, rgba(50, 57, 78, 0.72));
    --yf-text: var(--h-text, #e8eaf2);
    --yf-muted: var(--h-text-muted, #94a3b8);
    --yf-blue: var(--h-blue, #667afa);
    --yf-green: var(--h-green, #34d399);
    --yf-max: var(--h-container, 1680px);

    background: var(--yf-page) !important;
    border-top: 1px solid var(--yf-line) !important;
    color: var(--yf-text) !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    padding: 10px 0 0 !important;
}

footer.ysf.ysf--corp a {
    color: var(--yf-muted) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: color 0.16s var(--yf-ease) !important;
}
footer.ysf.ysf--corp a:hover { color: #fff !important; }

footer.ysf.ysf--corp h3,
footer.ysf.ysf--corp h4,
footer.ysf.ysf--corp strong { color: #fff !important; }

footer.ysf.ysf--corp p { margin: 0 !important; }

footer.ysf.ysf--corp .ysf__stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 8px;
}

footer.ysf.ysf--corp .ysf__inner {
    max-width: var(--yf-max) !important;
    margin-inline: auto !important;
    padding-inline: clamp(12px, 2vw, 16px) !important;
}

footer.ysf.ysf--corp .ysf__band {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

/* —— Shell = homepage yh-section-shell —— */
footer.ysf.ysf--corp .ysf__shell {
    background: var(--yf-card) !important;
    border: 1px solid var(--yf-line) !important;
    border-radius: var(--yf-radius) !important;
    padding: 18px 18px 20px !important;
    box-shadow: none !important;
}

footer.ysf.ysf--corp .ysf__shell--features {
    padding: 14px !important;
}

footer.ysf.ysf--corp .ysf__shell--cta {
    padding: 18px 20px !important;
}

footer.ysf.ysf--corp .ysf__shell--meta {
    padding: 12px 14px !important;
}

/* —— Section head (homepage twin) —— */
footer.ysf.ysf--corp .ysf__section-head {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

footer.ysf.ysf--corp .ysf__section-head__main {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

footer.ysf.ysf--corp .ysf__section-head__icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 16px !important;
    color: #c7d0ff !important;
    background: rgba(102, 122, 250, 0.14) !important;
    border: 1px solid rgba(102, 122, 250, 0.28) !important;
    flex: 0 0 auto !important;
}

footer.ysf.ysf--corp .ysf__section-head__title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #fff !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

footer.ysf.ysf--corp .ysf__section-head__sub {
    margin: 3px 0 0 !important;
    font-size: 12.5px !important;
    color: var(--yf-muted) !important;
}

/* ════════════════════════════════════════════════════════════════
   FEATURES — raised cards like homepage product tiles
   ════════════════════════════════════════════════════════════════ */
footer.ysf.ysf--corp .ysf__features {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
@media (max-width: 900px) {
    footer.ysf.ysf--corp .ysf__features { grid-template-columns: 1fr !important; }
}

footer.ysf.ysf--corp .ysf__feature,
footer.ysf.ysf--corp .ysf__feature--blue,
footer.ysf.ysf--corp .ysf__feature--green,
footer.ysf.ysf--corp .ysf__feature--orange {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 14px !important;
    border: 1px solid var(--yf-line) !important;
    background: var(--yf-raised) !important;
    transition: border-color 0.18s var(--yf-ease), transform 0.18s var(--yf-ease) !important;
}
footer.ysf.ysf--corp .ysf__feature:hover {
    border-color: rgba(102, 122, 250, 0.45) !important;
    transform: translateY(-1px);
}

footer.ysf.ysf--corp .ysf__feature-icon {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 18px !important;
    color: #c7d0ff !important;
    background: rgba(102, 122, 250, 0.14) !important;
    border: 1px solid rgba(102, 122, 250, 0.28) !important;
    box-shadow: none !important;
}
footer.ysf.ysf--corp .ysf__feature-icon i { color: #c7d0ff !important; }

footer.ysf.ysf--corp .ysf__feature-copy { min-width: 0 !important; flex: 1 !important; }

footer.ysf.ysf--corp .ysf__feature-title {
    margin: 0 0 4px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
}

footer.ysf.ysf--corp .ysf__feature-text {
    margin: 0 0 10px !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    color: var(--yf-muted) !important;
}

footer.ysf.ysf--corp .ysf__feature-btn,
footer.ysf.ysf--corp .ysf__feature--green .ysf__feature-btn,
footer.ysf.ysf--corp .ysf__feature--orange .ysf__feature-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #a5b4fc !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
}
footer.ysf.ysf--corp .ysf__feature-btn:hover { color: #fff !important; }
footer.ysf.ysf--corp .ysf__feature-btn i {
    font-size: 14px !important;
    transition: transform 0.16s var(--yf-ease) !important;
}
footer.ysf.ysf--corp .ysf__feature-btn:hover i { transform: translateX(3px); }

/* ════════════════════════════════════════════════════════════════
   POPULAR / QUICK
   ════════════════════════════════════════════════════════════════ */
footer.ysf.ysf--corp .ysf__popular-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px 16px !important;
}
@media (max-width: 900px) {
    footer.ysf.ysf--corp .ysf__popular-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

footer.ysf.ysf--corp .ysf__popular-col {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

footer.ysf.ysf--corp .ysf__popular-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 8px !important;
    margin: 0 -8px !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    color: var(--yf-muted) !important;
}
footer.ysf.ysf--corp .ysf__popular-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
footer.ysf.ysf--corp .ysf__popular-link:hover .ysf__popular-dot {
    background: var(--yf-blue) !important;
}

footer.ysf.ysf--corp .ysf__popular-dot,
footer.ysf.ysf--corp .ysf__dot {
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: rgba(148, 163, 184, 0.45) !important;
    flex: 0 0 auto !important;
}

footer.ysf.ysf--corp .ysf__quick-track {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

footer.ysf.ysf--corp .ysf__quick-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid var(--yf-line) !important;
    background: var(--yf-raised) !important;
    color: var(--yf-muted) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}
footer.ysf.ysf--corp .ysf__quick-link:hover {
    color: #fff !important;
    border-color: rgba(102, 122, 250, 0.4) !important;
}
footer.ysf.ysf--corp .ysf__quick-link i { color: #a5b4fc !important; }

/* ════════════════════════════════════════════════════════════════
   CTA — homepage pill button language
   ════════════════════════════════════════════════════════════════ */
footer.ysf.ysf--corp .ysf__cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

footer.ysf.ysf--corp .ysf__cta-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(52, 211, 153, 0.12) !important;
    border: 1px solid rgba(52, 211, 153, 0.28) !important;
    color: var(--yf-green) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}
footer.ysf.ysf--corp .ysf__cta-badge i { color: var(--yf-green) !important; }

footer.ysf.ysf--corp .ysf__cta-copy h3 {
    margin: 8px 0 4px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}
footer.ysf.ysf--corp .ysf__cta-copy p {
    font-size: 13px !important;
    color: var(--yf-muted) !important;
    line-height: 1.5 !important;
}

footer.ysf.ysf--corp .ysf__cta-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

footer.ysf.ysf--corp .ysf__cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    background: var(--yf-blue) !important;
    border: 1px solid transparent !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    transition: filter 0.16s var(--yf-ease) !important;
}
footer.ysf.ysf--corp .ysf__cta-btn:hover {
    filter: brightness(1.08) !important;
    color: #fff !important;
}

footer.ysf.ysf--corp .ysf__cta-btn--ghost,
footer.ysf.ysf--corp .ysf__cta-btn--chat {
    background: var(--yf-raised) !important;
    border-color: var(--yf-line) !important;
    color: var(--yf-text) !important;
}
footer.ysf.ysf--corp .ysf__cta-btn--ghost:hover,
footer.ysf.ysf--corp .ysf__cta-btn--chat:hover {
    border-color: rgba(102, 122, 250, 0.45) !important;
    color: #fff !important;
    filter: none !important;
}

/* ════════════════════════════════════════════════════════════════
   MAIN GRID
   ════════════════════════════════════════════════════════════════ */
footer.ysf.ysf--corp .ysf__grid--rich {
    display: grid !important;
    grid-template-columns: minmax(200px, 1.25fr) repeat(var(--ysf-cols, 3), minmax(0, 1fr)) minmax(200px, 1fr) !important;
    gap: 24px 22px !important;
    align-items: start !important;
}
@media (max-width: 1100px) {
    footer.ysf.ysf--corp .ysf__grid--rich {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 640px) {
    footer.ysf.ysf--corp .ysf__grid--rich { grid-template-columns: 1fr !important; }
}

footer.ysf.ysf--corp .ysf__brand-card {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

footer.ysf.ysf--corp .ysf__logo {
    display: inline-flex !important;
    align-items: center !important;
    max-width: var(--ysf-logo-w, 150px) !important;
    margin-bottom: 12px !important;
}
footer.ysf.ysf--corp .ysf__logo-img {
    max-height: var(--ysf-logo-h, 40px) !important;
    width: auto !important;
    object-fit: contain !important;
}

footer.ysf.ysf--corp .ysf__tagline {
    margin: 0 0 14px !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
    color: var(--yf-muted) !important;
    max-width: 32ch !important;
}

footer.ysf.ysf--corp .ysf__stats {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin-bottom: 12px !important;
}

footer.ysf.ysf--corp .ysf__stat {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    width: fit-content !important;
    border-radius: 10px !important;
    border: 1px solid var(--yf-line) !important;
    background: var(--yf-raised) !important;
}
footer.ysf.ysf--corp .ysf__stat strong {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: var(--yf-green) !important;
}
footer.ysf.ysf--corp .ysf__stat span {
    font-size: 12px !important;
    color: var(--yf-muted) !important;
}

footer.ysf.ysf--corp .ysf__address {
    font-size: 12px !important;
    color: var(--yf-muted) !important;
    display: flex !important;
    gap: 6px !important;
}
footer.ysf.ysf--corp .ysf__address i { color: #a5b4fc !important; }

/* Column titles */
footer.ysf.ysf--corp .ysf__col-title {
    display: block !important;
    margin: 0 0 12px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #fff !important;
}

footer.ysf.ysf--corp .ysf__col-toggle { display: none !important; }

footer.ysf.ysf--corp .ysf__col-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

footer.ysf.ysf--corp .ysf__col-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 8px !important;
    margin: 0 -8px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}
footer.ysf.ysf--corp .ysf__col-link:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Social */
footer.ysf.ysf--corp .ysf__discord {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 12px !important;
    border: 1px solid var(--yf-line) !important;
    background: var(--yf-raised) !important;
    margin-bottom: 10px !important;
    color: var(--yf-text) !important;
}
footer.ysf.ysf--corp .ysf__discord:hover {
    border-color: rgba(102, 122, 250, 0.4) !important;
}
footer.ysf.ysf--corp .ysf__discord-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
footer.ysf.ysf--corp .ysf__discord-left i {
    font-size: 20px !important;
    color: #7289da !important;
}
footer.ysf.ysf--corp .ysf__discord-left strong {
    display: block !important;
    font-size: 13px !important;
}
footer.ysf.ysf--corp .ysf__discord-left span {
    display: block !important;
    font-size: 11px !important;
    color: var(--yf-muted) !important;
}
footer.ysf.ysf--corp .ysf__discord-btn {
    flex: 0 0 auto !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(102, 122, 250, 0.14) !important;
    border: 1px solid rgba(102, 122, 250, 0.28) !important;
    color: #c7d0ff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
}

footer.ysf.ysf--corp .ysf__socials--grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}
footer.ysf.ysf--corp .ysf__social {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid var(--yf-line) !important;
    background: var(--yf-raised) !important;
    color: var(--yf-muted) !important;
    font-size: 15px !important;
    transition: border-color 0.16s var(--yf-ease), color 0.16s var(--yf-ease) !important;
}
footer.ysf.ysf--corp .ysf__social:hover {
    border-color: rgba(102, 122, 250, 0.45) !important;
    color: #fff !important;
}
footer.ysf.ysf--corp .ysf__social i { color: inherit !important; }

/* Contact chips */
footer.ysf.ysf--corp .ysf__contacts {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
}

footer.ysf.ysf--corp .ysf__contact,
footer.ysf.ysf--corp .ysf__contact--accent,
footer.ysf.ysf--corp .ysf__contact--wa {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    border: 1px solid var(--yf-line) !important;
    background: var(--yf-raised) !important;
    color: var(--yf-text) !important;
    font-size: 13px !important;
    transition: border-color 0.16s var(--yf-ease) !important;
}
footer.ysf.ysf--corp .ysf__contact:hover,
footer.ysf.ysf--corp .ysf__contact--accent:hover,
footer.ysf.ysf--corp .ysf__contact--wa:hover {
    border-color: rgba(102, 122, 250, 0.45) !important;
    color: #fff !important;
}
footer.ysf.ysf--corp .ysf__contact i,
footer.ysf.ysf--corp .ysf__contact--accent i,
footer.ysf.ysf--corp .ysf__contact--wa i {
    font-size: 15px !important;
    color: #a5b4fc !important;
    margin-top: 1px !important;
    flex: 0 0 auto !important;
}

footer.ysf.ysf--corp .ysf__help-hint {
    display: block !important;
    font-style: normal !important;
    font-size: 11px !important;
    color: var(--yf-muted) !important;
    margin-top: 2px !important;
}

footer.ysf.ysf--corp .ysf__ticket-btn {
    margin-top: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    background: var(--yf-blue) !important;
    border: 1px solid transparent !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}
footer.ysf.ysf--corp .ysf__ticket-btn:hover {
    filter: brightness(1.08) !important;
    color: #fff !important;
}

/* Mobile accordion */
@media (max-width: 979px) {
    footer.ysf.ysf--corp .ysf__col-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 44px !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid var(--yf-line) !important;
        color: #fff !important;
        cursor: pointer !important;
    }
    footer.ysf.ysf--corp .ysf__col-toggle h4 {
        margin: 0 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }
    footer.ysf.ysf--corp .ysf__col-title { display: none !important; }
    footer.ysf.ysf--corp .ysf__col-links {
        display: none !important;
        padding: 10px 0 14px !important;
    }
    footer.ysf.ysf--corp .ysf__col.is-open .ysf__col-links { display: flex !important; }
    footer.ysf.ysf--corp .ysf__col.is-open .ysf__col-chevron { transform: rotate(180deg) !important; }
}

/* ════════════════════════════════════════════════════════════════
   META + COPYRIGHT
   ════════════════════════════════════════════════════════════════ */
footer.ysf.ysf--corp .ysf__meta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

footer.ysf.ysf--corp .ysf__payments,
footer.ysf.ysf--corp .ysf__badges-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

footer.ysf.ysf--corp .ysf__pay {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    border: 1px solid var(--yf-line) !important;
    background: var(--yf-raised) !important;
    color: var(--yf-muted) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}
footer.ysf.ysf--corp .ysf__pay i { color: #a5b4fc !important; }

footer.ysf.ysf--corp .ysf__badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(52, 211, 153, 0.28) !important;
    background: rgba(52, 211, 153, 0.1) !important;
    color: var(--yf-green) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}
footer.ysf.ysf--corp .ysf__badge i { color: var(--yf-green) !important; }

footer.ysf.ysf--corp .ysf__band--bottom {
    padding: 8px 0 18px !important;
}

footer.ysf.ysf--corp .ysf__bottom-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 0 !important;
}

footer.ysf.ysf--corp .ysf__copy {
    margin: 0 !important;
    font-size: 12px !important;
    color: var(--yf-muted) !important;
    opacity: 0.75;
}

/* Light theme */
[data-theme="light"] footer.ysf.ysf--corp {
    --yf-page: #f1f4fa;
    --yf-card: #ffffff;
    --yf-raised: #f5f7fb;
    --yf-line: rgba(15, 23, 42, 0.1);
    --yf-text: #1e2535;
    --yf-muted: #5a6478;
}