/**
 * Stiluri frontend — formular retragere / retur.
 * Curat, responsive, neutru ca să se integreze cu majoritatea temelor.
 *
 * @package WooRetragereContract
 */

/* ---- Carduri & layout general ---- */
.wrc-my-account .wrc-intro { color: #555; margin-bottom: 1.2em; }

.wrc-card {
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 18px 20px;
    margin-bottom: 18px;
    background: #fff;
}
.wrc-card h3 { margin-top: 0; margin-bottom: 12px; font-size: 1.05em; }

.wrc-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 24px;
}
.wrc-grid-2 p { margin: 4px 0; }
.wrc-grid-2 label {
    display: block;
    font-weight: 600;
    font-size: .85em;
    margin-bottom: 3px;
}
.wrc-grid-2 input,
.wrc-grid-2 textarea {
    width: 100%;
    box-sizing: border-box;
}
.wrc-grid-2 input[readonly],
.wrc-grid-2 textarea[readonly] {
    background: #f6f6f6;
    color: #555;
}

/* ---- Card comandă (listă) ---- */
.wrc-order-card {
    border: 1px solid #e3e3e3;
    border-left: 4px solid #2c6e49;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 16px;
    background: #fff;
}
.wrc-order-card__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.wrc-order-card__head h3 { margin: 0; }
.wrc-order-meta {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 22px;
    font-size: .92em;
}
.wrc-order-meta li { margin: 0; }
.wrc-order-products { margin: 10px 0 14px; }
.wrc-product-pill {
    display: inline-block;
    background: #f1f5f2;
    border-radius: 20px;
    padding: 3px 12px;
    margin: 0 6px 6px 0;
    font-size: .85em;
}

/* ---- Statusuri ---- */
.wrc-order-status,
.wrc-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: .8em;
    background: #eef2f7;
    color: #34495e;
}

/* ---- Selector comandă (pas 1) ---- */
.wrc-order-picker label { display: block; font-weight: 600; margin-bottom: 6px; }
.wrc-order-select { width: 100%; max-width: 520px; box-sizing: border-box; padding: 8px 10px; }
.wrc-order-select-message { margin-top: 10px; font-weight: 600; }
.wrc-order-select-message.error { color: #b32d2e; }
.wrc-loading { color: #666; font-style: italic; padding: 12px 0; }

/* ---- Buton principal ---- */
.wrc-btn {
    color: #fff !important;
    border: none !important;
    cursor: pointer;
}
.wrc-btn:hover { opacity: .92; }

/* ---- Tabel produse ---- */
.wrc-items-table {
    width: 100%;
    border-collapse: collapse;
}
.wrc-items-table th,
.wrc-items-table td {
    padding: 10px 8px;
    border-bottom: 1px solid #eee;
    text-align: left;
    vertical-align: middle;
}
.wrc-items-table thead th { font-size: .82em; text-transform: uppercase; color: #777; }
.wrc-col-select, .wrc-col-img { width: 1%; white-space: nowrap; }
.wrc-col-img img { width: 48px; height: auto; border-radius: 4px; }
.wrc-item-name { display: block; font-weight: 600; }
.wrc-item-variation { display: block; font-size: .82em; color: #777; }
.wrc-item-excluded-msg {
    display: block;
    font-size: .8em;
    color: #b32d2e;
    margin-top: 3px;
}
.wrc-item--excluded { opacity: .65; background: #fcf6f6; }
.wrc-item--selected { background: #f1f8f4; }
.wrc-item-qty { width: 70px; }
.wrc-select-all { font-weight: 600; }

/* ---- Câmpuri ---- */
.wrc-field label,
.wrc-card > p > label { display: block; font-weight: 600; margin-bottom: 4px; }
.wrc-withdrawal-form select,
.wrc-withdrawal-form textarea,
.wrc-guest-form input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
}
.required { color: #b32d2e; }

/* ---- Confirmare / legal ---- */
.wrc-legal { background: #f9fbfa; }
.wrc-legal-text { font-size: .9em; color: #444; }
.wrc-confirm label { font-weight: 600; }
.wrc-review-table { width: 100%; border-collapse: collapse; margin-bottom: 12px; }
.wrc-review-table th,
.wrc-review-table td { padding: 8px; border-bottom: 1px solid #eee; text-align: left; }

/* ---- Acțiuni ---- */
.wrc-actions { margin-top: 16px; display: flex; gap: 10px; flex-wrap: wrap; }

/* ---- Mesaje / alerte ---- */
.wrc-alert {
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 16px;
}
.wrc-alert--info { background: #eef5fb; color: #1f5d8c; border: 1px solid #cfe2f3; }
.wrc-alert--warning { background: #fcf6e8; color: #8a6d1c; border: 1px solid #f0e0b0; }
.wrc-form-message { margin: 10px 0; font-weight: 600; }
.wrc-form-message.error { color: #b32d2e; }
.wrc-ineligible { color: #8a6d1c; }
.wrc-order-action { margin-top: 14px; }

/* ---- Succes ---- */
.wrc-success { text-align: center; padding: 30px 20px; }
.wrc-success-icon {
    width: 64px; height: 64px; line-height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #2c6e49; color: #fff;
    font-size: 32px;
}

/* ---- Responsive ---- */
@media (max-width: 640px) {
    .wrc-grid-2 { grid-template-columns: 1fr; }
    .wrc-items-table thead { display: none; }
    .wrc-items-table, .wrc-items-table tbody, .wrc-items-table tr, .wrc-items-table td { display: block; width: 100%; box-sizing: border-box; }
    .wrc-items-table tr { border: 1px solid #eee; border-radius: 6px; margin-bottom: 10px; padding: 6px; }
    .wrc-items-table td { border: none; padding: 6px 8px; }
}