/* ═══════════════════════════════════════════════════════════════
   Jewel Nag Couture — Returns & Exchange
   Reuses --jnc-acc-* variables set in jnc-account-redesign.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Eligible items list ─────────────────────────────────────── */
.jnc-returns-eligible-list { display: flex; flex-direction: column; gap: 12px; }
.jnc-returns-eligible-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    background: var(--jnc-acc-card-bg2, #3d4a35);
    border: 1px solid var(--jnc-acc-border, rgba(212,181,106,.20));
    border-radius: 12px;
}
.jnc-returns-eligible-item__thumb img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; display: block; }
.jnc-returns-eligible-item__body { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.jnc-returns-eligible-item__body strong { color: var(--jnc-acc-text, #ece7da); font-size: .92rem; }
.jnc-returns-eligible-item__body span { color: var(--jnc-acc-muted, rgba(236,231,218,.62)); font-size: .76rem; }
.jnc-returns-eligible-item button { flex-shrink: 0; padding: 9px 18px !important; font-size: .72rem !important; }

/* ── Request cards (history) ─────────────────────────────────── */
.jnc-return-card {
    padding: 16px 0;
    border-bottom: 1px solid rgba(236,231,218,.08);
}
.jnc-return-card:last-child { border-bottom: none; }
.jnc-return-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.jnc-return-card__top strong { color: var(--jnc-acc-gold-lt, #e8cf94); display: block; font-size: .95rem; }
.jnc-return-order-ref { color: var(--jnc-acc-muted, rgba(236,231,218,.62)); font-size: .74rem; }
.jnc-return-badge {
    flex-shrink: 0;
    border-radius: 100px;
    padding: 4px 12px;
    font-size: .68rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.jnc-return-badge--pending   { background: rgba(212,181,106,.16); color: var(--jnc-acc-gold-lt, #e8cf94); }
.jnc-return-badge--approved  { background: rgba(90,150,90,.20); color: #a9d9a9; }
.jnc-return-badge--rejected  { background: rgba(190,90,90,.20); color: #e3a9a9; }
.jnc-return-badge--completed { background: rgba(212,181,106,.30); color: var(--jnc-acc-gold-lt, #e8cf94); }

.jnc-return-card__meta { margin-top: 6px; color: var(--jnc-acc-muted, rgba(236,231,218,.62)); font-size: .76rem; display: flex; gap: 6px; flex-wrap: wrap; }
.jnc-return-card__comments { margin: 8px 0 0; color: var(--jnc-acc-text, #ece7da); font-size: .84rem; font-style: italic; }
.jnc-return-card__photos { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.jnc-return-card__photos img { width: 52px; height: 52px; object-fit: cover; border-radius: 6px; border: 1px solid var(--jnc-acc-border, rgba(212,181,106,.20)); }
.jnc-return-resolution { margin: 10px 0 0; font-size: .82rem; color: var(--jnc-acc-gold-lt, #e8cf94); }
.jnc-return-resolution--rejected { color: #e3a9a9; }

.jnc-order-return-cta { margin-top: 18px; }

/* ── Modal ────────────────────────────────────────────────────── */
.jnc-return-modal { position: fixed; inset: 0; z-index: 9999; }
.jnc-return-modal__backdrop { position: absolute; inset: 0; background: rgba(20,24,15,.72); }
.jnc-return-modal__panel {
    position: relative;
    max-width: 520px;
    width: 92%;
    margin: 4vh auto;
    max-height: 92vh;
    overflow-y: auto;
    background: var(--jnc-acc-card-bg, #384431);
    border: 1px solid var(--jnc-acc-border, rgba(212,181,106,.20));
    border-radius: 16px;
    padding: 30px 26px;
    box-shadow: 0 20px 60px rgba(0,0,0,.4);
}
.jnc-return-modal__close {
    position: absolute; top: 14px; right: 16px;
    background: none; border: none; color: var(--jnc-acc-muted, rgba(236,231,218,.62));
    font-size: 1.6rem; line-height: 1; cursor: pointer;
}
.jnc-return-modal__close:hover { color: var(--jnc-acc-gold, #d4b56a); }
.jnc-return-modal h3 {
    color: var(--jnc-acc-gold, #d4b56a);
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.5rem;
    margin: 0 0 4px;
}
.jnc-return-modal__product { color: var(--jnc-acc-muted, rgba(236,231,218,.62)); font-size: .84rem; margin: 0 0 18px; }

.jnc-form-label { display: block; color: var(--jnc-acc-text, #ece7da); font-size: .8rem; letter-spacing: .02em; margin: 16px 0 6px; }
.jnc-form-label .req { color: #d97a7a; }
.jnc-form-sub { color: var(--jnc-acc-muted, rgba(236,231,218,.62)); font-weight: 400; font-size: .72rem; }
.jnc-form-note { color: var(--jnc-acc-muted, rgba(236,231,218,.62)); font-size: .78rem; margin: 6px 0; }

#jnc-return-form select,
#jnc-return-form input[type="text"],
#jnc-return-form input[type="file"],
#jnc-return-form textarea {
    width: 100%;
    box-sizing: border-box;
    background: rgba(0,0,0,.18);
    border: 1px solid var(--jnc-acc-border, rgba(212,181,106,.20));
    border-radius: 8px;
    padding: 10px 12px;
    color: var(--jnc-acc-text, #ece7da);
    font-size: .86rem;
}
#jnc-return-form select:focus,
#jnc-return-form input:focus,
#jnc-return-form textarea:focus {
    outline: none;
    border-color: var(--jnc-acc-gold, #d4b56a);
}
.jnc-form-type-toggle label,
#jnc_bank_wrap label:not(.jnc-form-label) { color: var(--jnc-acc-text, #ece7da); font-size: .84rem; margin-right: 16px; display: inline-flex; align-items: center; gap: 6px; }

.jnc-photo-preview-grid { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.jnc-photo-thumb { width: 64px; height: 64px; border-radius: 8px; overflow: hidden; border: 1px solid var(--jnc-acc-border, rgba(212,181,106,.20)); }
.jnc-photo-thumb img { width: 100%; height: 100%; object-fit: cover; }

.jnc-return-form-error {
    background: rgba(190,90,90,.15);
    border: 1px solid rgba(190,90,90,.4);
    color: #e3a9a9;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: .82rem;
    margin-top: 16px;
}
.jnc-return-submit-btn { margin-top: 20px; width: 100%; text-align: center; border: none !important; background: var(--jnc-acc-gold, #d4b56a) !important; color: #2e3827 !important; cursor: pointer; }
.jnc-return-submit-btn:hover { background: var(--jnc-acc-gold-lt, #e8cf94) !important; }
.jnc-return-submit-btn:disabled { opacity: .6; cursor: not-allowed; }

@media (max-width: 600px) {
    .jnc-returns-eligible-item { flex-wrap: wrap; }
}