/* Safeone visual layer: keeps the Free theme structure and storefront behavior. */
:root {
    --safeone-orange: #ff6900;
    --safeone-ink: #222a32;
    --safeone-header: #eef1f4;
}

#themeOverride .header {
    background: var(--safeone-header);
    border-bottom: 1px solid #e2e6ea;
    box-shadow: 0 3px 12px rgba(32, 41, 50, .045);
}

#themeOverride .header > .container {
    min-height: 60px;
}

/* The nested navigation container inherited the header row height too. */
#themeOverride .header .Nav__Primary-outer .container {
    min-height: 0;
}

#themeOverride .header_logo {
    display: flex;
    align-items: center;
}

#themeOverride .header_logo #logo {
    display: block;
    width: clamp(125px, 15vw, 185px);
    max-height: 48px;
    object-fit: contain;
}

#themeOverride .Nav-search .Nav-search_form,
#themeOverride .Nav-search form {
    border: 1px solid #d9dfe5;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(255, 105, 0, .04), 0 3px 14px rgba(255, 105, 0, .13);
    transition: box-shadow .2s ease, border-color .2s ease;
}

#themeOverride .Nav-search .Nav-search_form:focus-within,
#themeOverride .Nav-search form:focus-within {
    border-color: rgba(255, 105, 0, .55);
    box-shadow: 0 0 0 2px rgba(255, 105, 0, .08), 0 5px 18px rgba(255, 105, 0, .19);
}

#themeOverride .Nav-search input.Nav-inp-search {
    background: transparent;
    border-radius: 14px;
}

/* The empty autocomplete container has bottom padding in the base theme. */
#themeOverride .ajax-search-result:empty {
    display: none !important;
}

#themeOverride .header .bg-sdСolor,
#themeOverride .header .sdСolor,
#themeOverride .header .maincolor {
    --main-color: var(--safeone-orange);
}

#themeOverride .nav-cat-btn,
#themeOverride .Nav__horizontal--item.is-active > .Nav__horizontal--link,
#themeOverride .button,
#themeOverride button[type="submit"] {
    border-radius: 9px;
}

@media (max-width: 900px) {
    #themeOverride .header > .container { min-height: 54px; }
    #themeOverride .header .Nav__Primary-outer .container { min-height: 0; }
    #themeOverride .header_logo #logo { width: clamp(96px, 24vw, 135px); max-height: 42px; }
}

/* Safeone footer replaces Free demo branding and placeholder contacts. */
#themeOverride .footer.footer-type-1 { margin-top: 46px; padding: 0; border-top: 0; background: #202a31; color: #fff; }
#themeOverride .safeone-footer { color: #d5dbe0; }
#themeOverride .safeone-footer__main { display: grid; grid-template-columns: 1.45fr 1fr 1fr 1.25fr; gap: 42px; max-width: 1440px; margin: 0 auto; padding: 48px 28px 38px; }
#themeOverride .safeone-footer__logo { display: inline-flex; align-items: center; min-height: 60px; }
#themeOverride .safeone-footer__logo img { display: block; width: 205px; max-height: 74px; object-fit: contain; }
#themeOverride .safeone-footer__brand p,#themeOverride .safeone-footer__contact p { margin: 14px 0 18px; color: #c2c9cf; font-size: 14px; line-height: 1.6; }
#themeOverride .safeone-footer__help,#themeOverride .safeone-footer__contact > a { display: inline-flex; align-items: center; gap: 12px; color: #ff8a32 !important; font-weight: 700; }
#themeOverride .safeone-footer__column { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
#themeOverride .safeone-footer__column h2 { margin: 5px 0 7px; color: #fff; font-size: 16px; font-weight: 700; }
#themeOverride .safeone-footer__column > a { color: #c2c9cf; font-size: 14px; text-decoration: none; }
#themeOverride .safeone-footer__column > a:hover { color: #ff8a32; }
#themeOverride .safeone-footer__bottom { display: flex; justify-content: space-between; gap: 16px; max-width: 1440px; margin: 0 auto; padding: 17px 28px 20px; border-top: 1px solid rgba(255,255,255,.13); color: #9ca7af; font-size: 12px; }
@media (max-width: 760px) {
    #themeOverride .safeone-footer__main { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 18px; padding: 34px 20px 28px; }
    #themeOverride .safeone-footer__brand { grid-column: 1/-1; }
    #themeOverride .safeone-footer__logo img { width: 180px; }
    #themeOverride .safeone-footer__bottom { flex-direction: column; padding: 15px 20px 18px; }
}
@media (max-width: 380px) {
    #themeOverride .safeone-footer__main { grid-template-columns: 1fr; }
    #themeOverride .safeone-footer__brand { grid-column: auto; }
}

/* Keep the metallic logo directly on the pale gray Safeone header. */
#themeOverride .header_logo {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
}
#themeOverride .header_logo #logo {
    filter: brightness(.82) contrast(1.12) drop-shadow(0 1px 1px rgba(27, 35, 43, .35));
}
@media (max-width: 900px) {
    #themeOverride .header_logo { padding: 0; }
}