/* Order withdrawal request + order-pay (customer area)
   Plain CSS, converted from SCSS.
   Notes:
   - rem() values kept as px
   - breakpoint(small) = min-width: 640px, breakpoint(medium) = min-width: 760px
   - theme-color() resolved to hex fallbacks: medium #efefef, light #fff, dark #18191a
   - @extend .btn dropped: li.revocation > a keeps its .btn class for base styles */

/* ---------------------------------------------------------------------------
   Withdrawal request form
--------------------------------------------------------------------------- */
form.order-withdrawal-request .eu-owb-form-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

form.order-withdrawal-request .eu-owb-form-fields .form-row label:not(.woocommerce-form__label-for-checkbox) {
  font-weight: 700;
  margin-bottom: .5rem;
  font-size: 1.2em;
  display: block;
}

form.order-withdrawal-request .eu-owb-form-fields .form-row br {
  display: none;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper p mark {
  padding: 0;
  background: 0;
  font-size: 1em;
  text-transform: none;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper table.order-withdrawal-request-items-table {
  width: 100%;
  background: #efefef;
  border-radius: 0;
  padding: 20px 30px;
  display: block;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper table.order-withdrawal-request-items-table thead {
  display: block;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper table.order-withdrawal-request-items-table thead tr {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 0 25px 10px;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper table.order-withdrawal-request-items-table thead tr th {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: left;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper table.order-withdrawal-request-items-table tbody {
  display: grid;
  gap: 10px;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper table.order-withdrawal-request-items-table tbody tr {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #ffffff;
  padding: 15px 25px;
  border-radius: 0;
  gap: 20px;
  align-items: center;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper table.order-withdrawal-request-items-table tbody tr td {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

form.order-withdrawal-request .eu-owb-form-fields .eu-owb-order-item-select-wrapper table.order-withdrawal-request-items-table tbody tr td:before {
  content: attr(data-title);
  flex-basis: 100%;
  font-size: 16px;
  font-weight: 700;
  display: none;
}

/* ---------------------------------------------------------------------------
   Revocation button
--------------------------------------------------------------------------- */
li.revocation {
  padding: 0 !important;
}

li.revocation:before {
  display: none !important;
}

li.revocation > a {
  background: #fff !important;
  color: #18191a !important;
  padding: .5rem .75rem!important;
  transition: .3s;
}

li.revocation > a:hover,
li.revocation > a:focus {
  transition: .3s;
  background: #18191a !important;
  color: #fff !important;
}

/* ---------------------------------------------------------------------------
   order-pay in customer area
--------------------------------------------------------------------------- */
body.woocommerce-order-pay .woocommerce {
  padding-top: 40px;
}

body.woocommerce-order-pay .woocommerce:before {
  margin-bottom: 1em;
  display: block;
  text-rendering: optimizeLegibility;
  hyphens: manual;
  line-height: 1.3em;
  font-weight: 700;
  font-size: clamp(24px, 4.5vw, 32px);
}

html[lang|="de"] body.woocommerce-order-pay .woocommerce:before {
  content: "Informationen zu Ihrer Bestellung";
}

html[lang|="en"] body.woocommerce-order-pay .woocommerce:before {
  content: "Information about your order";
}

html[lang|="fr"] body.woocommerce-order-pay .woocommerce:before {
  content: "Informations sur votre commande";
}

html[lang|="it"] body.woocommerce-order-pay .woocommerce:before {
  content: "Informazioni sul tuo ordine";
}

html[lang|="nl"] body.woocommerce-order-pay .woocommerce:before {
  content: "Informatie over uw bestelling";
}

html[lang|="pl"] body.woocommerce-order-pay .woocommerce:before {
  content: "Informacje o Twoim zamówieniu";
}

body.woocommerce-order-pay .woocommerce #order_review .shop_table {
  background: #efefef;
  width: 100%;
  margin-bottom: 40px;
}

body.woocommerce-order-pay .woocommerce #order_review .shop_table th,
body.woocommerce-order-pay .woocommerce #order_review .shop_table td {
  text-align: left;
  padding: 6px;
  background: #ffffff;
}

body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods {
  display: grid;
  gap: 10px;
  grid: auto / 1fr;
}

body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods li {
  background: #efefef;
  border-radius: 0;
  padding: 20px 30px;
  /* flex-direction: column;
  align-items: flex-start;
  row-gap: .5rem; */
}

body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods li input + p {
  display: inline-block;
}

body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods li p label {
  display: flex;
  flex-direction: column-reverse;
}

body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods li p label img {
  display: block;
  margin-bottom: .75rem;
}

body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods li:before,
body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods li br {
  display: none;
}

body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods li fieldset {
  border: 0px;
}

@media (min-width: 640px) {
  body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods {
    grid: auto / repeat(2, calc(50% - 10px));
  }
}

@media (min-width: 760px) {
  body.woocommerce-order-pay .woocommerce #order_review #payment .wc_payment_methods {
    grid-template-columns: repeat(2, calc(50% - 8px));
  }
}

body.woocommerce-order-pay .woocommerce #order_review .wc-gzd-checkbox-placeholder p > label.woocommerce-form__label-for-checkbox {
  display: block;
}

body.woocommerce-order-pay .woocommerce #order_review .wc-gzd-checkbox-placeholder p > label.woocommerce-form__label-for-checkbox br {
  display: none;
}

/* ---------------------------------------------------------------------------
   Radio focus reset
--------------------------------------------------------------------------- */
#order_review [type="radio"] {
  outline: none;
  transition: none;
}

#order_review [type="radio"]:focus-visible {
  outline: none;
}


#nm-footer-bar-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: .75rem;
}

@media (max-width: 768px) {
  #nm-footer-bar-menu {
    flex-direction: column;
    gap: 1rem;
    row-gap: 0;
  }

  #nm-footer-bar-menu li {
    width: 100%;
  }

  #nm-footer-bar-menu li a {
    text-align: center;
    padding: .5rem;
  }
}