/* unlimited-neo — cart-mode brand layer.
 *
 * Same design as css/custom.css, applied to the cart / order-form surfaces.
 * Tokens and primitives come from css/neobrutalism.css; this file holds only
 * the cart-specific parts: the order-progress rail, the domain-option pills
 * and the domain search panel.
 */

:root {
    --neo-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
                "Helvetica Neue", Arial, sans-serif;
    --neo-font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo,
                     Consolas, monospace;
}

#main-body { padding: 1.5rem 0 3rem; }

.primary-content > h1 { font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: 1.1; font-weight: 900; text-transform: uppercase; }

/* ==== domain selection ==================================================== */

/* The three domain-option pills: bordered tiles, not soft nav-pills. */
.domain-selection-options .nav-item { margin-bottom: 1rem !important; }
.domain-selection-options .nav-pills .nav-item {
    background-color: var(--neo-surface);
}

/* active pill gets the fill + the press */
.domain-selection-options .nav-pills .nav-item.active {
    background-color: var(--neo-primary);
    box-shadow: var(--neo-shadow-md);
}
.domain-selection-options .nav-pills .nav-item.active h3,
.domain-selection-options .nav-pills .nav-item.active p {
    color: var(--neo-ink) !important;
}

/* hide the raw radio inside the pill */
.domain-selection-options input[type="radio"] { display: none; }

/* domain search panel */
.domain-input-group h2 { font-size: 1.15rem; font-weight: 900; text-transform: uppercase; }

/* result headline */
.domain-checker-result-headline,
#primaryLookupSearching { font-family: var(--neo-font-mono); text-transform: uppercase; font-size: .85rem; letter-spacing: .06em; }

.domain-available h3 { text-transform: uppercase; }

/* suggested-domain rows: bordered tiles with the add button pressed in */
#domainSuggestions .domain-suggestion {
    border: var(--neo-border-width) solid var(--neo-border) !important;
    border-radius: var(--neo-radius) !important;
    box-shadow: var(--neo-shadow-sm);
    margin-bottom: .75rem;
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
#domainSuggestions .domain-suggestion .domain,
#domainSuggestions .domain-suggestion .extension {
    font-weight: 800;
    font-size: 1rem;
}
#domainSuggestions .domain-suggestion .actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .75rem;
}
#domainSuggestions .domain-suggestion .price {
    font-family: var(--neo-font-mono);
    font-weight: 800;
}

/* more-suggestions link */
.more-suggestions a {
    font-weight: 800;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: .05em;
}

/* ==== store layout ======================================================== */

/* equal-height product cards, ported from the unlimited-next cart layer */
.uwx-storelayout__main .products .row > [class*="col-"] {
    display: flex;
}
.uwx-storelayout__main .products .row > [class*="col-"] > .card {
    flex: 1 1 auto;
}

/* auto-add: hide stock's domain results while the neo spinner card runs.
 * visibility + height (not display:none) so jQuery :visible polls the core
 * uses still report correctly — documented in the unlimited-next source. */
body.uwh-autoadding #DomainSearchResults {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

/* ==== cart summary ======================================================== */

.viewcart .card { margin-bottom: 1.25rem; }

/* promo row */
.viewcart .input-group .btn { box-shadow: var(--neo-shadow-none) !important; }

/* recaptcha zindex fix */
.grecaptcha-badge { z-index: 2000; }