/* Baseline styling. Low specificity on purpose: a theme or child theme can
   override any of it without fighting !important. */

.ssrc-wrap { max-width: 640px; }
.ssrc-wrap p { margin: 0 0 1.25em; }
.ssrc-wrap label { display: inline-block; margin-bottom: .35em; font-weight: 600; }

.ssrc-wrap input[type="text"],
.ssrc-wrap input[type="email"],
.ssrc-wrap textarea {
    width: 100%;
    box-sizing: border-box;
    padding: .6em .75em;
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    font: inherit;
}

.ssrc-wrap textarea { resize: vertical; }

.ssrc-legal {
    padding: 1em 1.25em;
    background: #f6f7f7;
    border-left: 4px solid #646970;
}

.ssrc-notice {
    padding: 1em 1.25em;
    background: #fcf9e8;
    border-left: 4px solid #dba617;
    font-weight: 600;
}

.ssrc-error {
    padding: .75em 1em;
    background: #fcf0f1;
    border-left: 4px solid #b32d2e;
}

.ssrc-submit {
    display: inline-block;
    padding: .8em 2em;
    border: 0;
    border-radius: 4px;
    background: #1e1e1e;
    color: #fff;
    font: inherit;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.ssrc-submit:hover,
.ssrc-submit:focus {
    background: #000;
    color: #fff;
}

.ssrc-submit:focus-visible {
    outline: 2px solid #1e1e1e;
    outline-offset: 2px;
}

/* The button inside My Account keeps the theme's look, but not its uppercase
   transform: a legal notice reads better in sentence case. !important is
   deliberate here — plugin styles usually load before the theme, so
   specificity alone would not win. */
.woocommerce-button.ssrc_withdraw {
    text-transform: none !important;
}

.ssrc-lines { margin: 0 0 1.5em; }

.ssrc-lines-title {
    margin: 0 0 .5em;
    font-weight: 600;
}

.ssrc-lines-list {
    margin: 0 0 1.25em;
    padding: 0;
    list-style: none;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.ssrc-line {
    display: flex;
    flex-wrap: wrap;
    gap: .75em;
    align-items: center;
    justify-content: space-between;
    padding: .75em 1em;
    border-bottom: 1px solid #f0f0f0;
}

.ssrc-line:last-child { border-bottom: 0; }

.ssrc-line-qty input[type="number"] { width: 5em; }

.ssrc-lines-excluded .ssrc-line { color: #646970; }

.ssrc-line-reason { font-size: .9em; font-style: italic; }

.ssrc-line-sku {
    display: inline-block;
    margin-left: .5em;
    padding: .1em .45em;
    border-radius: 3px;
    background: #f0f0f0;
    color: #646970;
    font-family: monospace;
    font-size: .85em;
}

.ssrc-lookup {
    padding: .55em 1.25em;
    border: 1px solid #1e1e1e;
    border-radius: 4px;
    background: transparent;
    color: #1e1e1e;
    font: inherit;
    cursor: pointer;
}

.ssrc-lookup-status { margin-left: .75em; font-size: .9em; }
