.order-supports-partial-withdrawal.hidden,.order-withdrawal-delete-original-request-checkbox.hidden,.order-withdrawal-request-items-table.hidden{display:none!important}.order-supports-partial-withdrawal .eu-owb-woocommerce-select-certain-items-desc,.order-withdrawal-delete-original-request-checkbox .eu-owb-woocommerce-select-certain-items-desc,.order-withdrawal-request-items-table .eu-owb-woocommerce-select-certain-items-desc{display:block;font-size:.9em}form.order-withdrawal-request .form-row-submit{margin-top:10px}form.order-withdrawal-request .form-row .optional{display:none}form.order-withdrawal-request .form-row-email-repeat{display:inline!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;z-index:-1000!important}form.order-withdrawal-request .form-row-email-repeat input{visibility:hidden}

/* ===================================================================
   Responsive layout improvements for the withdrawal request form
   Added 2026-06-20 (Team Orange) — stacks columns on mobile,
   constrains width, tidies spacing. Scoped to the plugin form only.
   =================================================================== */
form.order-withdrawal-request{max-width:620px}
form.order-withdrawal-request .form-row{margin-bottom:22px;box-sizing:border-box}
form.order-withdrawal-request .form-row label{display:block;margin-bottom:6px}
form.order-withdrawal-request .form-row .input-text,
form.order-withdrawal-request .form-row input[type=text],
form.order-withdrawal-request .form-row input[type=email],
form.order-withdrawal-request .form-row input[type=tel],
form.order-withdrawal-request .form-row input[type=number],
form.order-withdrawal-request .form-row select,
form.order-withdrawal-request .form-row textarea{width:100%;box-sizing:border-box}
form.order-withdrawal-request .form-row-first{float:left;clear:both;width:48%}
form.order-withdrawal-request .form-row-last{float:right;width:48%}
form.order-withdrawal-request .form-row-full,
form.order-withdrawal-request .form-row-submit{float:none;clear:both;width:100%}
form.order-withdrawal-request .eu-owb-order-item-select-wrapper{clear:both}
form.order-withdrawal-request .order-withdrawal-request-items-table{width:100%;border-collapse:collapse}

@media (max-width:600px){
  form.order-withdrawal-request{max-width:100%}
  form.order-withdrawal-request .form-row-first,
  form.order-withdrawal-request .form-row-last{float:none;width:100%}
  form.order-withdrawal-request .form-row-submit .button,
  form.order-withdrawal-request .form-row-submit button{width:100%}
  /* Stack the partial-withdrawal items table into rows */
  form.order-withdrawal-request .order-withdrawal-request-items-table thead{display:none}
  form.order-withdrawal-request .order-withdrawal-request-items-table,
  form.order-withdrawal-request .order-withdrawal-request-items-table tbody,
  form.order-withdrawal-request .order-withdrawal-request-items-table tr,
  form.order-withdrawal-request .order-withdrawal-request-items-table td{display:block;width:100%}
  form.order-withdrawal-request .order-withdrawal-request-items-table tr{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.12)}
  form.order-withdrawal-request .order-withdrawal-request-items-table td{padding:4px 0;text-align:left}
}

/* ===================================================================
   Page-specific top spacing for "Vertrag widerrufen" (page-id 28363).
   The theme header is a transparent overlay; without this the heading
   and the form sit behind the logo/menu. Scoped to this page only —
   NOT global. Added 2026-06-20 (Team Orange).
   =================================================================== */
body.page-id-28363 main{padding-top:175px}
@media (max-width:1024px){body.page-id-28363 main{padding-top:140px}}
@media (max-width:600px){body.page-id-28363 main{padding-top:125px}}

/* ===================================================================
   Make the AJAX success/error message visible. The theme sets
   .woocommerce-message to display:none, so after a successful
   submission the form hides itself and the confirmation stayed
   invisible -> looked like a blank page. Scoped to the plugin's own
   notice wrapper only (not global). Added 2026-06-20 (Team Orange).
   =================================================================== */
.eu-owb-notice-wrapper .woocommerce-message,
.eu-owb-notice-wrapper .woocommerce-error,
.eu-owb-notice-wrapper .notice{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  opacity:1 !important;
  margin:0 0 20px !important;
  padding:16px 20px !important;
  border:1px solid #ccc;
  border-radius:4px;
  font-size:1em;
  line-height:1.5;
  list-style:none;
  text-transform:none;
  letter-spacing:normal;
}
.eu-owb-notice-wrapper .woocommerce-message{
  border-color:#46b450;
  background:#f3faf3;
  color:#1e4620;
}
.eu-owb-notice-wrapper .woocommerce-error{
  border-color:#dc3232;
  background:#fdf0f0;
  color:#7a1c1c;
}
.eu-owb-notice-wrapper .woocommerce-message::before,
.eu-owb-notice-wrapper .woocommerce-error::before{content:none !important;}

/* ===================================================================
   Partial withdrawal: the theme renders checkboxes with
   appearance:none + width:0 (invisible & unclickable) and draws no
   custom control. Restore real, visible, clickable checkboxes and
   tidy the item table + the "select items manually" option.
   Scoped to the plugin form only. Added 2026-06-20 (Team Orange).
   =================================================================== */
form.order-withdrawal-request input[type=checkbox]{
  -webkit-appearance:checkbox !important;
  appearance:checkbox !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  position:static !important;
  clip:auto !important;
  vertical-align:middle;
  cursor:pointer;
  accent-color:#222;
  flex:0 0 auto;
}

/* "Ich möchte bestimmte Positionen für den Widerruf auswählen." */
form.order-withdrawal-request .form-row-manually-select-items label.checkbox,
form.order-withdrawal-request .order-withdrawal-manually-select-items-checkbox label.checkbox{
  display:flex;
  align-items:flex-start;
  gap:10px;
  cursor:pointer;
}

/* Items table */
form.order-withdrawal-request .order-withdrawal-request-items-table{margin-top:14px}
form.order-withdrawal-request .order-withdrawal-request-items-table th,
form.order-withdrawal-request .order-withdrawal-request-items-table td{
  padding:10px 12px;
  border-bottom:1px solid rgba(0,0,0,.12);
  text-align:left;
  vertical-align:middle;
}
form.order-withdrawal-request .order-withdrawal-request-items-table thead th{
  border-bottom:2px solid rgba(0,0,0,.28);
  font-weight:600;
}
form.order-withdrawal-request .order-withdrawal-request-items-table th.product-select,
form.order-withdrawal-request .order-withdrawal-request-items-table td.product-select{
  width:48px;
  text-align:center;
}
form.order-withdrawal-request .order-withdrawal-request-items-table label.checkbox{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
}

/* Keep the (only 3-column) item table as a real table on mobile too,
   overriding the generic card-stacking added earlier. */
@media (max-width:600px){
  form.order-withdrawal-request .order-withdrawal-request-items-table{display:table;width:100%}
  form.order-withdrawal-request .order-withdrawal-request-items-table thead{display:table-header-group}
  form.order-withdrawal-request .order-withdrawal-request-items-table tbody{display:table-row-group}
  form.order-withdrawal-request .order-withdrawal-request-items-table tr{display:table-row;padding:0;border-bottom:0}
  form.order-withdrawal-request .order-withdrawal-request-items-table th,
  form.order-withdrawal-request .order-withdrawal-request-items-table td{display:table-cell;width:auto;padding:8px 6px}
  form.order-withdrawal-request .order-withdrawal-request-items-table th.product-select,
  form.order-withdrawal-request .order-withdrawal-request-items-table td.product-select{width:34px;text-align:center}
}