/* Shared site chrome — header/footer for all non-embed pages */

:root {
    --rukki-orange: #ff6633;
    --rukki-orange-hover: #eb521f;
    --rukki-orange-soft: rgba(255, 102, 51, 0.12);
    --rukki-green: #21c17a;
    --rukki-dark: #222222;
    --rukki-line: #ebebeb;
    --rukki-surface: #f6f6f6;
    --rukki-white: #ffffff;
    --rukki-max: 1180px;
    --rukki-radius-sm: 0.75rem;
    --rukki-radius-md: 1.1rem;
    --rukki-radius-lg: 1.25rem;
    --rukki-radius-pill: 999px;
    --rukki-btn-min-height: 2.75rem;
}

body.has-site-chrome {
    margin: 0;
    font-family: var(--rukki-font);
    -webkit-font-smoothing: antialiased;
}

/* Solid header for non-hero pages (login, order, profile, …) */
.home-nav--solid {
    position: sticky;
    top: 0;
    z-index: 40;
    inset: auto;
    padding: 0.85rem 0;
    background: var(--rukki-dark);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.home-nav--solid .home-nav__logo {
    filter: brightness(0) invert(1);
}

.home-nav--solid .home-nav__links a {
    color: rgba(255, 255, 255, 0.92);
}

.home-nav--solid .home-nav__links a:hover,
.home-nav--solid .home-nav__links a.is-active {
    color: var(--rukki-orange);
}

.home-nav--solid .home-nav__phone {
    color: #fff;
}

.home-nav--solid .home-btn--ghost {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.45);
}

.home-nav--solid .home-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

/* Demo SPA view: solid bar over light content */
.spa-shell.spa-view-demo .home-nav:not(.home-nav--solid) {
    position: sticky;
    top: 0;
    inset: auto;
    background: var(--rukki-dark);
    padding: 0.85rem 0;
}

.spa-shell.spa-view-demo .home-nav .home-nav__logo {
    filter: brightness(0) invert(1);
}

body.has-site-chrome .container {
    margin-top: 0;
}

body.has-site-chrome.settings-page > .container,
body.has-site-chrome.login-page > .container,
body.has-site-chrome.order-detail-page > .container {
    padding-top: 1.25rem;
}

/* Auth живёт в общем хедере — прячем дубли на деталках */
body.has-site-chrome .auth-actions,
body.has-site-chrome .auth-bar {
    display: none !important;
}

.bff-embed .home-nav,
.bff-embed .home-footer,
.bff-embed #site-header,
.bff-embed #site-footer {
    display: none !important;
}

/*
 * style.css задаёт глобальные h3/p/a — на тёмном футере колонки «плывут».
 * Нормализуем chrome-футер на всех non-home страницах.
 */
body.has-site-chrome .home-footer {
    width: 100%;
    box-sizing: border-box;
}

body.has-site-chrome .home-footer > .home-wrap {
    width: min(100% - 2rem, var(--rukki-max, 1180px));
    margin-inline: auto;
    box-sizing: border-box;
}

body.has-site-chrome .home-footer h3 {
    margin: 0 0 0.75rem;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
}

body.has-site-chrome .home-footer p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
}

body.has-site-chrome .home-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

body.has-site-chrome .home-footer a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

body.has-site-chrome .home-footer a:hover {
    color: var(--rukki-orange);
    text-decoration: none;
}