/* Add a shop — component-only rules (layout via utility.css). */

.sc-add-shop-inner,
.sc-add-shop-bar-inner {
    width: min(640px, 100%);
    margin-left: auto;
    margin-right: auto;
}

.sc-add-shop-bar {
    background: linear-gradient(
        180deg,
        rgba(7, 7, 8, 0) 0%,
        rgba(7, 7, 8, 0.88) 14px,
        #070708 28px
    );
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.55);
}

.sc-add-shop-bar-note[hidden] {
    display: none;
}

.sc-add-shop-submit--bar {
    min-height: 44px;
}

.sc-add-shop-field--warn .sc-snapshot-field__input {
    border-color: rgba(213, 32, 32, 0.5);
}

.sc-add-shop-form--locked {
    pointer-events: none;
    opacity: 0.45;
}

.sc-add-shop-logo-pick {
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    border-style: dashed;
    border-color: rgba(255, 255, 255, 0.22);
}

.sc-add-shop-logo-pick.has-image {
    border-style: solid;
}

.sc-add-shop-logo-pick {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.sc-add-shop-preview-logo.has-image {
    color: transparent;
}

.sc-add-shop-preview-logo.has-image .sc-add-shop-preview-logo__img {
    display: block;
}

.sc-add-shop-preview-logo__img {
    display: none;
}

.sc-add-shop-submit[aria-disabled="true"] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Focused setup flow — no site chrome; back link + sticky bar stay */
.sc-add-shop-focus #header,
.sc-add-shop-focus #footer,
.sc-add-shop-focus .sc-nav,
.sc-add-shop-focus .sc-dock {
    display: none !important;
}

.sc-add-shop-focus main.sc-add-shop {
    min-height: 100dvh;
}