/* The courier rate list, shared by the cart calculator and the checkout review panel. */

tr.woocommerce-shipping-totals > td,
tr.shipping > td { padding-left: 0 !important; padding-right: 0 !important; }

/* The package heading is empty on purpose (BGCouriers_Checkout::package_name) */
tr.woocommerce-shipping-totals > th:empty,
tr.shipping > th:empty { padding: 0; margin: 0; border: 0; height: 0; line-height: 0; font-size: 0; }

ul#shipping_method { margin: 0; padding: 0; list-style: none; }
ul#shipping_method > li {
  display: flex !important; flex-direction: column !important; align-items: stretch;
  list-style: none; margin: 0; padding: 8px 12px; box-sizing: border-box;
  padding-right: 12px !important;
  border: 1px solid transparent; border-radius: 10px; line-height: 1.4;
  cursor: pointer; transition: background-color .12s; -webkit-tap-highlight-color: transparent;
}

ul#shipping_method > li > input.shipping_method {
  position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0;
  clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap;
}
ul#shipping_method > li > label::before { display: none; }

ul#shipping_method > li > label {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0 4px;
  width: 100%; margin: 0; padding: 0; line-height: inherit; cursor: pointer;
  grid-column: 1 / -1;
}
ul#shipping_method .bgc-ship-logo {
  display: block; flex: 0 0 auto; width: 16px; height: 16px; object-fit: contain; margin: 0;
}
ul#shipping_method > li > label > .woocommerce-Price-amount {
  order: 9; float: none; position: static !important; margin-left: auto; white-space: nowrap;
}
ul#shipping_method > li > label > .bgc-info-tip { flex: 0 0 auto; }

/* The chosen courier and its delivery fields in one card */
ul#shipping_method > li:hover { background: #f4f6f9; }
ul#shipping_method > li:has(> input.shipping_method:checked) {
  border-color: #dbe1e8; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.06);
  padding: 7px 11px; margin: 4px 0 6px; cursor: default;
}
ul#shipping_method > li:has(> input.shipping_method:checked):hover { background: #fff; }
ul#shipping_method > li:has(> input.shipping_method:checked) > label { font-weight: 600; cursor: default; }
ul#shipping_method > li:has(> input.shipping_method:focus-visible) { outline: 2px solid #2271b1; outline-offset: 1px; }
ul#shipping_method > li > .bgc-fields { display: block; width: 100%; flex: 0 0 auto; grid-column: 1 / -1; cursor: default; }

/* Round (i) hint on a rate */
.bgc-info-tip{display:inline-block;box-sizing:border-box;width:15px;height:15px;border-radius:50%;background:#c3c8ce;color:#fff;font:italic 700 10px/15px Georgia,serif;text-align:center;vertical-align:middle;cursor:help;position:relative;}
.bgc-info-tip::before{content:"i";}
.bgc-info-tip:hover,.bgc-info-tip:focus{background:#2271b1;outline:none;}

.bgc-info-tip.bgc-pay-courier::before,
.bgc-info-tip.bgc-pay-total::before { content:""; display:block; width:100%; height:100%;
  background:currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center; -webkit-mask-size:11px 11px; mask-size:11px 11px; }
.bgc-info-tip.bgc-pay-courier::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"); mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E"); }
.bgc-info-tip.bgc-pay-total::before   { -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%207h12l-1%2013H7z%22%2F%3E%3Cpath%20d%3D%22M9%207V5a3%203%200%200%201%206%200v2%22%2F%3E%3C%2Fsvg%3E");   mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%207h12l-1%2013H7z%22%2F%3E%3Cpath%20d%3D%22M9%207V5a3%203%200%200%201%206%200v2%22%2F%3E%3C%2Fsvg%3E"); }

/* Touch: the courier rows and the (i) beside them */
@media (pointer: coarse) {
  ul#shipping_method > li { padding-top: 11px; padding-bottom: 11px; }
  ul#shipping_method > li:has(> input.shipping_method:checked) { padding-top: 10px; padding-bottom: 10px; }
  .bgc-info-tip { width: 21px; height: 21px; font-size: 13px; line-height: 21px; }
  .bgc-info-tip.bgc-pay-courier::before,
  .bgc-info-tip.bgc-pay-total::before { -webkit-mask-size: 15px 15px; mask-size: 15px 15px; }
}