.hf-frakt-note{margin:1em 0;padding:.75em 1em;border-left:4px solid #c9a227;background:#fdf8e8;font-size:.95em}
.hf-frakt-postcode{margin:0 0 1.5em;padding:1em;border:1px solid #e2e2e2;border-radius:4px}
.hf-frakt-postcode label{display:block;font-weight:600;margin-bottom:.5em}
.hf-frakt-postcode__row{display:flex;gap:.5em;flex-wrap:wrap;align-items:stretch}
/* Same height for field and button. A fixed px height (not em) because the theme may give
   the field and the button different font sizes, and different heights/max-heights on desktop. */
.hf-frakt-postcode .hf-frakt-postcode__row input,
.hf-frakt-postcode .hf-frakt-postcode__row .hf-frakt-postcode__btn{height:44px!important;min-height:44px!important;max-height:none!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important;line-height:1.2!important;align-self:stretch!important;vertical-align:top}
.hf-frakt-postcode .hf-frakt-postcode__row input{flex:0 1 12em;min-width:0}
.hf-frakt-postcode .hf-frakt-postcode__row .hf-frakt-postcode__btn{flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center}
.hf-frakt-postcode__result{margin-top:.6em;white-space:pre-line}
.hf-frakt-postcode__result.is-ok{color:#1e7e34}
.hf-frakt-postcode__result.is-no{color:#a12622}
.hf-frakt-postcode--totals{margin:0 0 1em;padding:.75em;font-size:.95em}
.hf-frakt-postcode--totals .hf-frakt-postcode__row input{flex:1 1 8em}
/* Option description under a shipping rate – reset theme text-indent so lines align */
.hf-frakt-rate-desc{display:block;width:100%;margin:.25em 0 0;padding:0;text-indent:0;font-size:.85em;font-weight:400;line-height:1.4;opacity:.75;white-space:normal;word-break:normal;overflow-wrap:normal}
/* Our own full-width rows in the cart totals / checkout order review table.
   Themes and WooCommerce right-align and no-wrap those cells, some with !important and long selectors
   (e.g. "body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td"), so these
   selectors repeat classes to always be more specific. Text wraps normally so long lines don't widen the table.
   (No max-width:0 trick: Astra's checkout shows table cells as blocks/flex items, where it collapses the cell.) */
body tr.hf-frakt-fullrow.hf-frakt-fullrow.hf-frakt-fullrow > td.hf-frakt-cell.hf-frakt-cell{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 100%;box-sizing:border-box;text-align:left!important;white-space:normal!important}
body tr.hf-frakt-fullrow.hf-frakt-fullrow.hf-frakt-fullrow > td.hf-frakt-cell.hf-frakt-cell *{text-align:left!important;white-space:normal!important;float:none!important;overflow-wrap:break-word}
.hf-frakt-debug > td{font-size:.85em;background:#f6f7f7}
.hf-frakt-debug details{display:block;width:100%}
.hf-frakt-debug summary{display:list-item}
.hf-frakt-debug summary{cursor:pointer;font-weight:600}
.hf-frakt-debug ul{list-style:disc outside}
.hf-frakt-debug li{display:list-item}
.hf-frakt-debug ul{margin:.4em 0 0 1.2em;padding:0}
.hf-frakt-debug li{margin:.2em 0;text-indent:0}
.hf-frakt-debug li.is-ok{color:#1e7e34}
.hf-frakt-debug li.is-no{color:#a12622}
/* Position: under the shipping options */
.hf-frakt-postcode-row td{padding-top:0!important;border-top:0!important}
.hf-frakt-postcode--shipping{margin:.25em 0 .5em;padding:.75em;font-size:.95em;text-align:left}
.hf-frakt-postcode--shipping .hf-frakt-postcode__row input{flex:1 1 8em}