/* ==========================================================
   DRWE — Order Cancellations (premium redesign)
   Depends on: drwe-design-system.css
   ========================================================== */

/* ---- Wrapper ---- */
.drwe-cancellations { margin: 0; }
.drwe-cancel-notice { margin-bottom: 20px; }

/* ==========================================================
   INFO BOX — "Dacă produsul a fost livrat, folosește Retururi"
   ========================================================== */

.drwe-cancel-info-box {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 18px;
  background: var(--drwe-info-soft);
  border: 1px solid color-mix(in srgb, var(--drwe-info) 25%, var(--drwe-border));
  border-radius: var(--drwe-radius-md);
  font-size: var(--fs-14, 14px);
  color: var(--drwe-text-soft);
  line-height: 1.5;
  margin-bottom: 24px;
}

.drwe-cancel-info-box-icon {
  font-size: var(--fs-18, 18px);
  flex: 0 0 auto;
  margin-top: 1px;
}

.drwe-cancel-info-box a {
  color: var(--drwe-primary);
  text-decoration: underline;
  font-weight: 600;
}

/* ==========================================================
   EXISTING REQUEST CARDS (List page)
   ========================================================== */

.drwe-cancel-requests-section { margin-bottom: 28px; }

.drwe-cancel-section-title {
  font-size: var(--fs-14, 14px);
  font-weight: 800;
  color: var(--drwe-text-soft);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 0 12px;
}

.drwe-cancel-request-cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.drwe-cancel-request-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: start;
  padding: 16px 20px;
  background: var(--drwe-surface);
  border: 1px solid var(--drwe-border);
  border-radius: var(--drwe-radius-md);
  box-shadow: var(--drwe-shadow-sm);
}

.drwe-cancel-request-card-main { min-width: 0; }

.drwe-cancel-request-card-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-bottom: 8px;
}

.drwe-cancel-request-card-id {
  font-size: var(--fs-15, 15px);
  font-weight: 800;
  color: var(--drwe-text);
}

.drwe-cancel-request-card-date {
  font-size: var(--fs-13, 13px);
  color: var(--drwe-muted);
}

.drwe-cancel-request-card-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.drwe-cancel-request-card-reason {
  font-size: var(--fs-13, 13px);
  color: var(--drwe-text-soft);
  font-weight: 600;
}

.drwe-cancel-request-card-msg {
  font-size: var(--fs-13, 13px);
  color: var(--drwe-muted);
  font-style: italic;
  line-height: 1.45;
  margin: 0;
}

.drwe-cancel-request-card-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
}

/* Cancellation-specific status badges */
.drwe-cancel-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--fs-12, 12px);
  font-weight: 700;
  white-space: nowrap;
  line-height: 1.4;
}

.drwe-cancel-badge--solicited {
  background: var(--drwe-warning-soft);
  color: #92400e;
}

.drwe-cancel-badge--approved {
  background: var(--drwe-success-soft);
  color: var(--drwe-success);
}

.drwe-cancel-badge--rejected {
  background: var(--drwe-danger-soft);
  color: #b91c1c;
}

.drwe-cancel-badge--resolved {
  background: var(--drwe-surface-soft);
  color: var(--drwe-muted);
}

/* Admin note inline */
.drwe-cancel-admin-note {
  margin-top: 8px;
  padding: 8px 12px;
  background: var(--drwe-surface-soft);
  border-left: 3px solid var(--drwe-primary);
  border-radius: 0 var(--drwe-radius-sm) var(--drwe-radius-sm) 0;
  font-size: var(--fs-13, 13px);
  color: var(--drwe-text-soft);
  line-height: 1.45;
}

/* ==========================================================
   ELIGIBLE ORDERS SECTION (New request selector)
   ========================================================== */

.drwe-cancel-eligible-section { margin-bottom: 20px; }

.drwe-cancel-selector-form { display: flex; flex-direction: column; gap: 14px; }

/* ==========================================================
   FORM PAGE — Order summary + form cards
   ========================================================== */

.drwe-cancel-order-card { margin-bottom: 16px; }

.drwe-cancel-form-card { margin-bottom: 0; }

.drwe-cancel-form-fields {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.drwe-cancel-helper-text {
  font-size: var(--fs-13, 13px);
  color: var(--drwe-muted);
  line-height: 1.5;
  padding: 12px 14px;
  background: var(--drwe-surface-soft);
  border: 1px solid var(--drwe-border);
  border-radius: var(--drwe-radius-sm);
}

.drwe-cancel-form-footer {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 18px;
  border-top: 1px solid var(--drwe-border);
  margin-top: 4px;
}

.drwe-cancel-submit-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

/* ==========================================================
   EXISTING REQUEST — shown above form instead of form
   ========================================================== */

.drwe-cancel-existing-card { margin-bottom: 20px; }

.drwe-cancel-existing-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.drwe-cancel-existing-label {
  font-size: var(--fs-14, 14px);
  font-weight: 700;
  color: var(--drwe-text);
}

/* ==========================================================
   VIEW ORDER SECTION
   ========================================================== */

.drwe-cancel-view-card { margin-top: 0; }

.drwe-cancel-view-card .drwe-card-body {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
}

.drwe-cancel-view-status-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

.drwe-cancel-view-status-label {
  font-size: var(--fs-14, 14px);
  color: var(--drwe-text-soft);
}

.drwe-cancel-not-eligible {
  font-size: var(--fs-13, 13px);
  color: var(--drwe-muted);
  font-style: italic;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 640px) {
  .drwe-cancel-request-card {
    grid-template-columns: 1fr;
  }
  .drwe-cancel-request-card-actions {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .drwe-cancel-submit-actions {
    flex-direction: column;
  }
  .drwe-cancel-submit-actions .drwe-btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width:479px) {
  .drwe-cancel-view-card .drwe-card-body {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ==========================================================
   DRWE 2.0.17 — cancellation reference layout
   ========================================================== */
body.woocommerce-account .dr-account-cancellations-page .dr-account-page-heading { margin-bottom:14px; }
body.woocommerce-account .dr-cancel-information { display:grid;grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;border:1px solid #f0d3a0;border-radius:14px;background:#fffaf1; }
body.woocommerce-account .dr-cancel-information > span { width:38px;height:38px;display:grid;place-items:center;border:1px solid #f0c980;border-radius:50%;color:#da8c16; }
body.woocommerce-account .dr-cancel-information strong { display:block;color:var(--dra-navy);font-size:var(--fs-12, 12px); }
body.woocommerce-account .dr-cancel-information p { margin:2px 0 0;color:var(--drwe-c-muted, #71728e);font-size:var(--fs-11, 11px); }
body.woocommerce-account .dr-cancel-information a { color:var(--dra-purple)!important;text-decoration:underline; }
body.woocommerce-account .dr-cancel-information button { width:44px;height:44px;border:0;background:transparent;color:var(--drwe-c-muted, #696a82);font-size:var(--fs-22, 22px);cursor:pointer; }
body.woocommerce-account .dr-cancel-existing > h2,body.woocommerce-account .dr-cancel-create > h2 { margin:0 0 10px!important;color:var(--dra-navy)!important;font-size:var(--fs-18, 18px)!important; }
body.woocommerce-account .dr-cancel-existing { margin-bottom:18px; }
body.woocommerce-account .dr-cancel-table { overflow:hidden;border:1px solid var(--dra-border);border-radius:15px;background:#fff;box-shadow:var(--dra-shadow); }
body.woocommerce-account .dr-cancel-table__head,body.woocommerce-account .dr-cancel-table__row { display:grid;grid-template-columns:1.05fr .85fr .9fr 1.1fr .8fr;gap:14px;align-items:center;padding:12px 18px; }
body.woocommerce-account .dr-cancel-table__head { min-height:44px;border-bottom:1px solid var(--dra-border);color:var(--drwe-c-muted, #777994);font-size:var(--fs-10, 10px);font-weight:800; }
body.woocommerce-account .dr-cancel-table__row { min-height:72px;color:var(--drwe-c-muted, #4c4e69);font-size:var(--fs-11, 11px); }
body.woocommerce-account .dr-cancel-table__row + .dr-cancel-table__row { border-top:1px solid var(--dra-border); }
body.woocommerce-account .dr-cancel-order-cell { display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center; }
body.woocommerce-account .dr-cancel-order-cell > span { width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--dra-purple-soft);color:var(--dra-purple); }
body.woocommerce-account .dr-cancel-order-cell p { margin:0; }
body.woocommerce-account .dr-cancel-order-cell strong,body.woocommerce-account .dr-cancel-order-cell small { display:block; }
body.woocommerce-account .dr-cancel-order-cell strong { color:var(--dra-navy);font-size:var(--fs-13, 13px); }
body.woocommerce-account .dr-cancel-order-cell small { color:var(--dra-muted);font-size:var(--fs-10, 10px); }
body.woocommerce-account .dr-cancel-table__row > div:last-child { justify-self:end; }
body.woocommerce-account .dr-cancel-table__empty { display:grid;gap:4px;padding:22px;color:var(--dra-muted); }
body.woocommerce-account .dr-cancel-create > form { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 220px;gap:16px;align-items:end;padding:18px 20px;border:1px solid var(--dra-border);border-radius:15px;background:#fff;box-shadow:var(--dra-shadow); }
body.woocommerce-account .dr-cancel-create label { display:grid;gap:7px;min-width:0;color:var(--drwe-c-muted, #565874);font-size:var(--fs-11, 11px);font-weight:800; }
body.woocommerce-account .dr-cancel-create select,body.woocommerce-account .dr-cancel-create textarea { width:100%;min-height:46px;padding:0 13px;border:1px solid var(--drwe-c-line, #ded8e7);border-radius:9px;background:#fff;color:var(--dra-navy); }
body.woocommerce-account .dr-cancel-create textarea { min-height:80px;padding-top:10px;resize:vertical; }
body.woocommerce-account .dr-cancel-other-reason { grid-column:1 / 3; }
body.woocommerce-account .dr-cancel-create__note { grid-column:1 / -1;display:flex;align-items:center;gap:7px;margin:0;color:var(--dra-muted);font-size:var(--fs-10, 10px); }
body.woocommerce-account .dr-cancel-create__note svg { width:15px;height:15px; }
@media(max-width:900px){body.woocommerce-account .dr-cancel-table__head{display:none}body.woocommerce-account .dr-cancel-table__row{grid-template-columns:1fr 1fr;padding:16px}body.woocommerce-account .dr-cancel-table__row>div:last-child{justify-self:start}body.woocommerce-account .dr-cancel-create>form{grid-template-columns:1fr 1fr}body.woocommerce-account .dr-cancel-create>form>button{grid-column:1/-1}.dr-cancel-other-reason{grid-column:1/-1!important}}
@media(max-width:639px){body.woocommerce-account .dr-cancel-information{grid-template-columns:38px minmax(0,1fr);}.dr-cancel-information button{grid-column:1/-1;justify-self:end}body.woocommerce-account .dr-cancel-table__row,body.woocommerce-account .dr-cancel-create>form{grid-template-columns:1fr}.dr-cancel-other-reason{grid-column:auto!important}body.woocommerce-account .dr-cancel-table__row>div{justify-self:start!important}body.woocommerce-account .dr-cancel-table__row .dr-account-button{width:100%;justify-content:center}}