/* ── sc-input ── */

/* Light theme (default — checkout/forms) */
.sc-input {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    font-size: 15px;
    font-family: var(--sc-font-body);
    color: var(--sc-text-primary);
    background-color: #fffdfb;
    border: 1px solid rgba(123, 90, 99, 0.32);
    border-radius: var(--sc-radius-sm);
    transition: all 0.3s ease;
}

.sc-input:focus {
    outline: none;
    border-color: #C08A8A;
    box-shadow: 0 0 0 3px rgba(192, 138, 138, 0.24);
}

.sc-input::placeholder {
    color: rgba(58, 30, 36, 0.48);
}

.sc-input--error {
    border-color: var(--sc-color-accent) !important;
    box-shadow: 0 0 0 2px rgba(196, 106, 74, 0.15) !important;
}

/* Dark theme (login modal on dark bg) */
.sc-input--dark {
    padding: 12px 18px;
    height: 44px;
    font-size: 16px;
    font-family: var(--sc-font-display);
    color: #F4BFA2;
    border-radius: var(--sc-radius-sm);
    border: 1.5px inset #b8892e;
    background:
        radial-gradient(circle at 50% 40%, #7a1e18 0%, #5a1410 60%, #3d0d0a 100%);
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.6),
        inset 0 -1px 2px rgba(255, 210, 120, 0.15),
        0 0 4px rgba(255, 180, 60, 0.2);
    letter-spacing: 0.3px;
}

.sc-input--dark::placeholder {
    color: #F4BFA2;
    opacity: 0.9;
}

.sc-input--dark:focus {
    border-color: #ffd36b;
    box-shadow:
        inset 0 2px 5px rgba(0, 0, 0, 0.7),
        0 0 6px rgba(255, 210, 120, 0.5);
}

.sc-input--dark.sc-input--error {
    border-color: #ff4c4c !important;
    box-shadow:
        0 2px 5px rgba(255, 0, 0, 0.7),
        0 0 6px rgba(255, 70, 70, 0.5) !important;
}