/* Gliniany Zdrój – withdrawal.css: formularz odstąpienia od umowy (wtyczka DS Withdrawal) w układzie strony „Zamówienie otrzymane”.
   Ładowany tylko na stronie formularza, po arkuszu wtyczki; reguły z podwójną klasą nadpisują wtyczkę bez !important (poza przyciskiem). */

/* ---------- Układ strony: wyśrodkowany, max 860 px (jak .gz-ty) ---------- */
.gz-withdrawal main .wrap{max-width:calc(860px + 2*var(--gutter))}
.gz-withdrawal .page-head h1{font-size:clamp(30px,4vw,44px)}
.gz-withdrawal .prose{max-width:none}
.ds-withdrawal-wrapper.woocommerce{max-width:none;margin:0;font-size:17px;display:grid;gap:20px}
.ds-withdrawal-wrapper.woocommerce>*{margin:0}

/* ---------- Kroki ---------- */
.ds-withdrawal-wrapper .ds-withdrawal-steps{margin:0}
.ds-withdrawal-wrapper .ds-steps{align-items:flex-start}
.ds-withdrawal-wrapper .ds-step{gap:8px;text-align:center}
.ds-withdrawal-wrapper .ds-step--separator{background:var(--line);margin:18px 8px 0;min-width:16px}
.ds-withdrawal-wrapper .ds-step__num{width:38px;height:38px;background:#fff;border:1.5px solid var(--line-strong);color:var(--muted);font:700 16px var(--font-body)}
.ds-withdrawal-wrapper .ds-step__label{font-size:14px;color:var(--muted);white-space:normal;max-width:120px}
.ds-withdrawal-wrapper .ds-step--active .ds-step__num{background:var(--accent);border-color:var(--accent);color:#fff}
.ds-withdrawal-wrapper .ds-step--active .ds-step__label{color:var(--text);font-weight:700}
.ds-withdrawal-wrapper .ds-step--done .ds-step__num{background:var(--green-soft);border-color:var(--sage);color:var(--green-dark)}
.ds-withdrawal-wrapper .ds-step--done .ds-step__label{color:var(--green-dark)}

/* ---------- Komunikaty (intro, wskazówki, błędy) ---------- */
.ds-withdrawal-wrapper .woocommerce-info,.ds-withdrawal-wrapper .woocommerce-error{margin:0;padding:16px 20px;border:1.5px solid var(--sage);border-radius:var(--radius-lg);background:var(--green-soft);color:var(--text-2);font-size:16px}
.ds-withdrawal-wrapper .woocommerce-error{border-color:var(--accent-light);background:var(--accent-soft);color:var(--text)}
.ds-withdrawal-wrapper .woocommerce-info p,.ds-withdrawal-wrapper .woocommerce-error p{margin:0}
.ds-withdrawal-wrapper .woocommerce-info p+p{margin-top:.6em}
.ds-withdrawal-wrapper .ds-withdrawal-login-hint{margin:0;background:var(--bg-hover);border-color:var(--line);font-size:16px}

/* ---------- Karta sekcji ---------- */
.ds-withdrawal-wrapper .ds-withdrawal-section{margin:0;padding:clamp(18px,2.6vw,28px);border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}
.ds-withdrawal-wrapper .ds-section-title{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:0 0 18px;padding:0;border:0;font:600 24px/1.2 var(--font-head)}
.ds-withdrawal-wrapper .ds-section-title small{font:400 15px var(--font-body);color:var(--muted)}

/* ---------- Pola formularza ---------- */
.ds-withdrawal-wrapper .ds-withdrawal-form .form-row{margin:0 0 18px;padding:0}
.ds-withdrawal-wrapper .ds-withdrawal-form label{display:block;margin-bottom:6px;font-weight:600}
.ds-withdrawal-wrapper .required{color:var(--accent);text-decoration:none}
.ds-withdrawal-wrapper .input-text,.ds-withdrawal-wrapper select,.ds-withdrawal-wrapper textarea{width:100%;max-width:none;min-height:48px;padding:10px 14px;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:#fff;font-size:17px;color:var(--text)}
.ds-withdrawal-wrapper textarea{min-height:110px;resize:vertical}
.ds-withdrawal-wrapper .input-text:focus,.ds-withdrawal-wrapper select:focus,.ds-withdrawal-wrapper textarea:focus{outline:0;border-color:var(--text);box-shadow:0 0 0 3px var(--accent-soft)}

/* ---------- Przyciski ---------- */
.ds-withdrawal-wrapper .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1.5px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;font:600 17px/1 var(--font-body);text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}
.ds-withdrawal-wrapper .button:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}
.ds-withdrawal-wrapper .button.ds-btn-back{background:transparent;border-color:var(--muted)!important;color:var(--text)!important}
.ds-withdrawal-wrapper .button.ds-btn-back:hover{background:var(--bg-hover)}
.ds-withdrawal-wrapper .ds-btn-confirm{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.ds-withdrawal-wrapper .ds-btn-confirm:hover{background:var(--accent-dark)!important;border-color:var(--accent-dark)!important}
.ds-withdrawal-wrapper .ds-form-actions,.ds-withdrawal-wrapper .ds-confirm-actions{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin:8px 0 0;padding:20px 0 0;border-top:1px solid var(--line-soft)}
.ds-withdrawal-wrapper .ds-confirm-actions form{display:contents}

/* ---------- Krok 2: lista produktów ---------- */
.ds-withdrawal-wrapper .ds-withdrawal-items{gap:12px;margin-bottom:20px}
.ds-withdrawal-wrapper .ds-withdrawal-item-wrap{border:1.5px solid var(--line);border-radius:var(--radius-lg);background:#fff}
.ds-withdrawal-wrapper .ds-withdrawal-item-wrap:has(.ds-withdrawal-item-check:checked){border-color:var(--text);box-shadow:none;background:#fff}
.ds-withdrawal-wrapper .ds-withdrawal-item-row{gap:14px;padding:14px 16px;background:transparent}
.ds-withdrawal-wrapper .ds-withdrawal-item-check{width:24px;height:24px;accent-color:var(--accent)}
.ds-withdrawal-wrapper .ds-withdrawal-item-img img{width:64px;height:64px;border:0;border-radius:var(--radius);background:var(--bg-image)}
.ds-withdrawal-wrapper .ds-item-name{margin:0 0 4px;font-size:17px;font-weight:600}
.ds-withdrawal-wrapper .ds-item-meta{font-size:15px;color:var(--muted);gap:4px 12px}
.ds-withdrawal-wrapper .ds-item-already-ret{color:var(--accent-dark)}
.ds-withdrawal-wrapper .ds-qty-stepper{width:124px;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:#fff}
.ds-withdrawal-wrapper .ds-qty-btn{flex-basis:38px;width:38px;height:44px;background:transparent;font-size:20px;color:var(--text)}
.ds-withdrawal-wrapper .ds-qty-btn:hover:not(:disabled){background:var(--bg-hover)}
.ds-withdrawal-wrapper .ds-qty-input{height:44px;min-height:0;padding:0;border:0;border-inline:1.5px solid var(--line-strong);border-radius:0;font-size:16px;background:#fff}
.ds-withdrawal-wrapper .ds-item-reason-block{padding:12px 16px 16px;background:var(--bg-soft);border-top:1px solid var(--line-soft)}
.ds-withdrawal-wrapper .ds-reason-select,.ds-withdrawal-wrapper .ds-reason-custom{max-width:none;font-size:16px}

/* ---------- Krok 3: podsumowanie ---------- */
.ds-withdrawal-wrapper .ds-confirm-customer{margin:0 0 20px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft)}
.ds-withdrawal-wrapper .ds-confirm-customer h3,.ds-withdrawal-wrapper .ds-confirm-items h3{margin:0 0 12px;font:600 20px var(--font-head)}
.ds-withdrawal-wrapper .ds-confirm-customer dl{grid-template-columns:150px minmax(0,1fr);gap:8px 16px}
.ds-withdrawal-wrapper .ds-confirm-customer dt{font-size:15px;color:var(--muted)}
.ds-withdrawal-wrapper .ds-confirm-customer dd{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.ds-withdrawal-wrapper .ds-confirm-items{margin:0 0 20px;overflow-x:auto}
.ds-withdrawal-wrapper .ds-confirm-items-table{font-size:16px;border:0}
.ds-withdrawal-wrapper .ds-confirm-items-table th,.ds-withdrawal-wrapper .ds-confirm-items-table td{border-inline:0}
.ds-withdrawal-wrapper .ds-confirm-items-table th{padding:10px 12px;background:transparent;border-bottom:1.5px solid var(--line-strong);font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.ds-withdrawal-wrapper .ds-confirm-items-table td{padding:12px;border-bottom:1px solid var(--line-soft)}
.ds-withdrawal-wrapper .ds-confirm-thumb{width:48px;height:48px;border:0;border-radius:var(--radius);background:var(--bg-image)}
.ds-withdrawal-wrapper .ds-confirm-note{margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);font-size:16px}
.ds-withdrawal-wrapper .ds-confirm-declaration{margin:0 0 16px}
.ds-withdrawal-wrapper .ds-confirm-declaration details>summary{padding:10px 0;color:var(--accent-dark);font-size:16px;font-weight:600}
.ds-withdrawal-wrapper .ds-declaration-content{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);font-size:16px;line-height:1.6}
.ds-withdrawal-wrapper .ds-confirm-legal{margin:0 0 8px}

/* ---------- Sukces (jak karta statusu „opłacone”) ---------- */
.ds-withdrawal-wrapper .ds-withdrawal-success{display:grid;gap:14px;justify-items:center;padding:clamp(24px,4vw,40px);border:1.5px solid var(--sage);border-radius:var(--radius-lg);background:var(--green-soft);text-align:center}
.ds-withdrawal-wrapper .ds-withdrawal-success>*{margin:0}
.ds-withdrawal-wrapper .ds-success-icon{width:56px;height:56px;margin:0;border-radius:50%;background:#fff;color:var(--green-dark);font-size:28px}
.ds-withdrawal-wrapper .ds-withdrawal-success h2{font:600 clamp(26px,3.4vw,34px)/1.15 var(--font-head)}
.ds-withdrawal-wrapper .ds-success-ref{font-size:18px;color:var(--text-2)}
.ds-withdrawal-wrapper .ds-success-items{width:100%;max-width:520px;margin:0;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;text-align:left}
.ds-withdrawal-wrapper .ds-success-items h3{margin:0 0 8px;font:600 18px var(--font-head)}
.ds-withdrawal-wrapper .ds-success-items ul{font-size:16px}
.ds-withdrawal-wrapper .ds-success-legal{max-width:600px;margin:0;background:#fff;border-color:var(--line);font-size:16px}
.ds-withdrawal-wrapper .ds-success-links{margin:6px 0 0}

/* ---------- Telefon ---------- */
@media (max-width:759px){
  .ds-withdrawal-wrapper .ds-step__label{font-size:13px;max-width:84px}
  .ds-withdrawal-wrapper .ds-step--separator{margin-inline:4px}
  .ds-withdrawal-wrapper .ds-withdrawal-item-row{flex-wrap:wrap}
  .ds-withdrawal-wrapper .ds-withdrawal-item-info{flex:1 1 calc(100% - 140px);min-width:0}
  .ds-withdrawal-wrapper .ds-withdrawal-item-qty-col{margin-left:auto}
  .ds-withdrawal-wrapper .ds-confirm-customer dl{grid-template-columns:1fr;gap:2px}
  .ds-withdrawal-wrapper .ds-confirm-customer dd{margin-bottom:8px}
  .ds-withdrawal-wrapper .ds-form-actions .button,.ds-withdrawal-wrapper .ds-confirm-actions .button,.ds-withdrawal-wrapper .ds-success-links .button{width:100%}
}

/* ---------- Moje konto → Odstąpienia od umowy (karty zgłoszeń) ---------- */
.ds-mywithdrawals{display:grid;gap:16px}
.ds-mywithdrawals>*{margin:0}
.ds-mywithdrawals .ds-btn-new,.ds-mywithdrawals .woocommerce-info .button{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border:1.5px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;font:600 17px/1 var(--font-body);text-decoration:none}
.ds-mywithdrawals .ds-btn-new:hover,.ds-mywithdrawals .woocommerce-info .button:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}
.ds-mywithdrawals .ds-withdrawal-card{margin:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow:hidden}
.ds-mywithdrawals .ds-withdrawal-card__header{padding:16px 20px;border-bottom:1px solid var(--line-soft);background:var(--bg-soft)}
.ds-mywithdrawals .ds-withdrawal-card__meta{font-size:15px;gap:6px 16px}
.ds-mywithdrawals .ds-withdrawal-card__meta strong{font:600 19px var(--font-head)}
.ds-mywithdrawals .ds-card-order,.ds-mywithdrawals .ds-card-date{color:var(--muted)}
.ds-mywithdrawals .ds-status-badge{padding:3px 12px;background:var(--bg-hover);color:var(--muted);font-size:14px}
.ds-mywithdrawals .ds-status-new{background:#fff;border:1.5px solid var(--line-strong);color:var(--text-2)}
.ds-mywithdrawals .ds-status-accepted{background:var(--green-soft);color:var(--green-dark)}
.ds-mywithdrawals .ds-status-completed{background:var(--green-soft);color:var(--green-dark)}
.ds-mywithdrawals .ds-withdrawal-card__body{padding:8px 20px;overflow-x:auto}
.ds-mywithdrawals .ds-withdrawal-products-table{width:100%;font-size:16px;border:0}
.ds-mywithdrawals .ds-withdrawal-products-table th{padding:10px 8px;border-bottom:1.5px solid var(--line-strong);background:transparent;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.ds-mywithdrawals .ds-withdrawal-products-table td{padding:10px 8px;border-bottom:1px solid var(--line-soft)}
.ds-mywithdrawals .ds-product-col img{width:48px;height:48px;border:0;border-radius:var(--radius);background:var(--bg-image)}
.ds-mywithdrawals .ds-withdrawal-card__history{padding:0 20px 16px}
.woocommerce .ds-mywithdrawals button.ds-history-toggle{min-height:36px;padding:0 14px;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--text);font:600 14px var(--font-body);cursor:pointer}
.woocommerce .ds-mywithdrawals button.ds-history-toggle:hover{background:var(--bg-hover)}
.ds-mywithdrawals .ds-history-item{padding:6px 0;border-color:var(--line-soft);font-size:15px;color:var(--text-2)}
.ds-mywithdrawals .ds-history-date{color:var(--muted)}
