/* Public footer */
.has-site-footer {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.has-site-footer > main {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
}
.account-ui.app-ui > .min-h-screen {
    display: flex;
    flex-direction: column;
}
.account-ui.app-ui > .min-h-screen > main { flex: 1; }
.site-footer {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 20px 16px 24px;
    border-top: 1px solid rgba(180, 190, 205, .4);
    color: #718094;
}
.site-footer .site-footer-navigation { overflow-x: auto; }
.site-footer .site-footer-links {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.site-footer .site-footer-links li {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
.site-footer .site-footer-links a,
.account-ui.app-ui .site-footer .site-footer-links a {
    display: inline-block;
    padding: 8px 0;
    color: #0068df;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
}
.site-footer .site-footer-links a:hover { text-decoration: underline; text-underline-offset: 3px; }
.site-footer .site-footer-links a:focus-visible { outline: 2px solid #1677ff; outline-offset: 3px; }
.site-footer .site-footer-separator { margin: 0 12px; color: #95a2b3; }
@media (max-width: 600px) {
    .site-footer { padding: 16px 12px 20px; }
    .site-footer .site-footer-links a,
    .account-ui.app-ui .site-footer .site-footer-links a { font-size: 13px; }
    .site-footer .site-footer-separator { margin: 0 10px; }
}

/* Footer menu editor */
.account-ui.app-ui .footer-menu-editor {
    margin: 0;
    padding: 24px;
    border: 1px solid #dce3ed;
    border-radius: 26px;
    background: #fff;
}
.account-ui.app-ui .footer-editor-help { margin: 10px 0 16px; color: #718094; font-size: 13px; line-height: 1.5; }
.account-ui.app-ui .footer-editor-status {
    display: inline-block; margin: 16px 0; padding: 12px 16px;
    border: 1px solid #a9d9bd; border-radius: 16px;
    background: #e6f6ee; color: #28895b; font-size: 14px; font-weight: 500;
}
.account-ui.app-ui .footer-editor-errors {
    margin: 16px 0; padding: 14px 16px; border: 1px solid #efb9c0;
    border-radius: 16px; background: #fff3f4; color: #b82535;
}
.account-ui.app-ui .footer-editor-errors ul { margin: 8px 0 0; padding-left: 20px; list-style: disc; }
.account-ui.app-ui .footer-link-editor {
    margin: 18px 0; padding: 18px; background: #f5f9ff;
    border: 1px solid #dce5f0; border-radius: 20px;
}
.account-ui.app-ui .footer-editor-row {
    display: flex; flex-wrap: wrap; align-items: center;
    justify-content: space-between; gap: 10px; margin-bottom: 14px;
}
.account-ui.app-ui .footer-editor-row h3 {
    margin: 0; padding: 0; color: #1b2027; font-size: 17px !important;
    font-weight: 700; line-height: 1.4; text-transform: none; letter-spacing: normal;
}
.account-ui.app-ui .footer-link-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.account-ui.app-ui .footer-link-actions button {
    min-height: 36px; padding: 6px 10px; border: 1px solid #b4d4ff;
    border-radius: 12px; background: #e7f1ff; color: #0068df;
    font-size: 12px; font-weight: 600; cursor: pointer;
}
.account-ui.app-ui .footer-link-actions .footer-link-remove {
    border-color: #eeb9bf; background: #f9e4e6; color: #c82736;
}
.account-ui.app-ui .footer-menu-editor button:disabled { opacity: .5; cursor: default; }
.account-ui.app-ui .footer-editor-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 16px; }
.account-ui.app-ui .footer-editor-fields label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; }
.account-ui.app-ui .footer-editor-fields input {
    box-sizing: border-box; width: 100%; min-width: 0; margin: 0;
    padding: 10px 12px; border: 1px solid #cedaea; border-radius: 14px;
    background: #fafcff; color: #1b2027; font: inherit; font-size: 16px; line-height: 1.4;
}
.account-ui.app-ui .footer-editor-fields input:focus { outline: 2px solid #1677ff; outline-offset: 1px; }
.account-ui.app-ui .footer-editor-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
@media (max-width: 600px) {
    .account-ui.app-ui .footer-menu-editor { margin: 0 16px; padding: 16px; border-radius: 22px; }
    .account-ui.app-ui .footer-link-editor { padding: 14px; border-radius: 18px; }
    .account-ui.app-ui .footer-editor-fields { grid-template-columns: minmax(0, 1fr); }
}


/* Compact mobile footer spacing */
@media (max-width: 600px) {
    .has-site-footer > main {
        margin-bottom: 20px;
    }

    .has-site-footer {
        padding-bottom: calc(92px + env(safe-area-inset-bottom));
    }

    .has-site-footer > .site-footer {
        padding: 12px 12px 8px;
    }
}
/* Цвет ссылок подвала */
.site-footer .site-footer-links a {
    color: #4b5563;
}

.site-footer .site-footer-links a:hover {
    color: #1f2937;
}