/* WC Customer Order Cancellation – Frontend Styles */

/* ── Cancellation box ───────────────────────────────────────────── */
.wc-coc-cancellation-box {
    margin-top: 2em;
    padding: 1.5em 2em;
    border: 2px solid #e2e2e2;
    border-radius: 6px;
    background: #fafafa;
}

.wc-coc-cancellation-box h2 {
    margin-top: 0;
    font-size: 1.3em;
    color: #333;
}

/* ── Time notice ────────────────────────────────────────────────── */
.wc-coc-time-notice {
    padding: .75em 1em;
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 4px;
    margin-bottom: 1.25em;
    font-size: .95em;
}

/* ── Form fields ────────────────────────────────────────────────── */
.wc-coc-field {
    margin-bottom: 1em;
}

.wc-coc-field label {
    display: block;
    font-weight: 600;
    margin-bottom: .4em;
    color: #444;
}

.wc-coc-field label .required {
    color: #c00;
    margin-left: .15em;
}

.wc-coc-field select,
.wc-coc-field textarea {
    width: 100%;
    max-width: 500px;
    padding: .6em .8em;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    font-family: inherit;
    background: #fff;
    transition: border-color .2s;
}

.wc-coc-field select:focus,
.wc-coc-field textarea:focus {
    outline: none;
    border-color: #c0392b;
    box-shadow: 0 0 0 3px rgba(192, 57, 43, .12);
}

/* ── Submit button ──────────────────────────────────────────────── */
.wc-coc-submit-btn {
    background-color: #c0392b !important;
    color: #fff !important;
    border: none !important;
    padding: .75em 1.75em !important;
    font-size: 1em !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background-color .2s, opacity .2s !important;
}

.wc-coc-submit-btn:hover {
    background-color: #a93226 !important;
}

.wc-coc-submit-btn:disabled {
    opacity: .6 !important;
    cursor: not-allowed !important;
}

/* ── Reason display (cancelled order) ──────────────────────────── */
.wc-coc-reason-display {
    margin-bottom: 1em;
    padding: .75em 1em;
    background: #f8f8f8;
    border-left: 4px solid #c0392b;
    border-radius: 4px;
    font-size: .95em;
    color: #555;
}

/* ── Admin reason display ───────────────────────────────────────── */
.wc-coc-admin-reason {
    margin-top: 12px;
    padding: 8px 12px;
    background: #fff8f7;
    border: 1px solid #f5c6c2;
    border-radius: 4px;
    font-size: .9em;
}