.frb-delivery-info {
--frb-delivery-accent: #6b4f2a;
display: flex;
flex-direction: column;
gap: 0.35rem;
padding: 0.75rem 0.9rem;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 8px;
background: rgba(107, 79, 42, 0.05);
color: inherit;
font-size: 0.95em;
line-height: 1.45;
}
.frb-delivery-info__title {
margin: 0;
font-weight: 600;
color: var(--frb-delivery-accent);
}
.frb-delivery-info__text {
margin: 0;
}
.frb-delivery-info--pickup-only {
--frb-delivery-accent: #6b4f2a;
} .frb-delivery-info--badge {
display: inline-flex;
padding: 0.2rem 0;
border: 0;
border-radius: 0;
background: transparent;
font-size: 0.85em;
line-height: 1.3;
color: #5c5c5c;
}
.frb-delivery-info--badge .frb-delivery-info__text {
font-weight: 500;
}
.frb-delivery-info--editor-placeholder {
opacity: 0.85;
outline: 1px dashed rgba(0, 0, 0, 0.2);
}
.frb-delivery-info__editor-note {
margin: 0.35rem 0 0;
font-size: 0.75em;
opacity: 0.7;
}
.frb-delivery-item-labels {
margin-top: 0.35rem;
}
.frb-delivery-item-label {
display: block;
margin: 0.2rem 0 0;
font-size: 0.85em;
line-height: 1.35;
color: #5c5c5c;
font-weight: 400;
}
.frb-delivery-item-label--excluded { color: #5c5c5c;
font-weight: 400;
}
.frb-delivery-item-label--checkout {
display: block;
margin-top: 0.25rem;
}
.frb-delivery-not-charged {
color: #3a3a3a;
font-weight: 600;
font-size: 0.9em;
} .frb-delivery-item--excluded .wc-block-components-product-price,
.frb-delivery-item--excluded .product-price .amount,
.frb-delivery-item--excluded .product-subtotal .amount {
text-decoration: none !important;
} .frb-delivery-item--excluded,
.woocommerce-cart-form__cart-item.frb-delivery-item--excluded {
opacity: 0.88;
} .wc-block-cart-items__row.frb-delivery-item--excluded,
.wc-block-components-order-summary-item.frb-delivery-item--excluded {
opacity: 0.88;
}
.frb-delivery-notice,
.frb-delivery-excluded-notice,
.frb-delivery-place-order-notice {
margin: 0 0 1.25rem;
padding: 1rem 1.15rem;
border-left: 4px solid #6b4f2a;
background: rgba(107, 79, 42, 0.06);
}
.frb-delivery-excluded-notice {
border-left-color: #8a2f1f;
background: rgba(138, 47, 31, 0.07);
}
.frb-delivery-place-order-notice {
border-left-color: #8a2f1f;
background: rgba(138, 47, 31, 0.08);
font-size: 0.95em;
line-height: 1.45;
}
.frb-delivery-place-order-notice p {
margin: 0;
}
.frb-delivery-notice__title,
.frb-delivery-notice__body,
.frb-delivery-excluded-notice__title,
.frb-delivery-excluded-notice__body {
margin: 0;
}
.frb-delivery-notice__body,
.frb-delivery-excluded-notice__body {
margin-top: 0.35rem;
}
.frb-delivery-inclusion-summary {
margin: 0 0 1rem;
padding: 0.75rem 1rem;
font-size: 0.9em;
line-height: 1.45;
background: rgba(61, 90, 76, 0.05);
border-radius: 6px;
}
.frb-delivery-inclusion-summary p {
margin: 0.15rem 0;
} .frb-delivery-pickup-info {
display: block;
width: 100%;
max-width: none;
box-sizing: border-box;
margin: 0.75rem 0 1rem;
padding: 0;
border: none;
border-left: none;
background: none;
border-radius: 0;
box-shadow: none;
font-size: inherit;
font-weight: 400;
line-height: 1.5;
color: inherit;
} .frb-delivery-pickup-info--checkout,
.frb-delivery-pickup-info--js {
display: block;
width: 100%;
max-width: none;
box-sizing: border-box;
margin: 0;
padding: 14px 16px;
border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
border-radius: 8px;
background: color-mix(in srgb, currentColor 4%, transparent);
box-shadow: none;
font-weight: 400;
cursor: default;
}
.frb-delivery-pickup-info__title {
margin: 0 0 0.4rem;
font-weight: 600;
color: inherit;
}
.frb-pickup-address-section,
.frb-pickup-time-section {
display: block;
margin: 0;
padding: 0;
}
.frb-pickup-time-section,
.frb-pickup-additional-info {
margin-top: 12px;
}
.frb-pickup-section-title,
.frb-delivery-pickup-info--checkout .frb-pickup-section-title,
.frb-delivery-pickup-info--js .frb-pickup-section-title {
display: block;
margin: 0 0 6px;
padding: 0;
font-weight: 600;
font-size: inherit;
line-height: 1.45;
color: inherit;
opacity: 1;
}
.frb-pickup-address,
.frb-pickup-time-info,
.frb-pickup-additional-info,
.frb-delivery-pickup-info--checkout .frb-pickup-address,
.frb-delivery-pickup-info--checkout .frb-pickup-time-info,
.frb-delivery-pickup-info--checkout .frb-pickup-additional-info,
.frb-delivery-pickup-info--js .frb-pickup-address,
.frb-delivery-pickup-info--js .frb-pickup-time-info,
.frb-delivery-pickup-info--js .frb-pickup-additional-info {
display: block;
margin: 0;
padding: 0;
font-weight: 400;
font-size: inherit;
line-height: 1.5;
white-space: pre-line;
word-wrap: break-word;
overflow-wrap: break-word;
color: inherit;
opacity: 1;
}
.frb-pickup-additional-info {
margin-top: 12px;
} .frb-delivery-pickup-info__label,
.frb-delivery-pickup-info--checkout .frb-delivery-pickup-info__label,
.frb-delivery-pickup-info--js .frb-delivery-pickup-info__label {
display: block;
margin: 0 0 6px;
padding: 0;
font-weight: 600;
font-size: inherit;
line-height: 1.45;
color: inherit;
opacity: 1;
}
.frb-delivery-pickup-info__address,
.frb-delivery-pickup-info--checkout .frb-delivery-pickup-info__address,
.frb-delivery-pickup-info--js .frb-delivery-pickup-info__address {
display: block;
margin: 0;
padding: 0;
font-weight: 400;
font-size: inherit;
line-height: 1.45;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
color: inherit;
opacity: 1;
}
.frb-delivery-pickup-info__extra,
.frb-delivery-pickup-info--checkout .frb-delivery-pickup-info__extra,
.frb-delivery-pickup-info--js .frb-delivery-pickup-info__extra {
display: block;
margin: 12px 0 0;
padding: 0;
font-weight: 400;
font-size: inherit;
line-height: 1.5;
color: inherit;
opacity: 1;
} .wp-block-woocommerce-checkout .frb-delivery-place-order-notice,
.wc-block-checkout .frb-delivery-place-order-notice {
margin: 1rem 0;
} .frb-delivery-shipping-section.wc-block-components-totals-shipping,
.wc-block-components-totals-shipping.frb-delivery-shipping-section {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
max-width: 100%;
box-sizing: border-box;
} .frb-delivery-shipping-section > .wc-block-components-totals-item,
.frb-delivery-shipping-section .wc-block-components-totals-item {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
gap: 0;
box-sizing: border-box;
}
.frb-delivery-shipping-section .wc-block-components-totals-item__label {
display: block;
width: 100%;
flex-grow: 0;
flex-shrink: 0;
font-weight: 600;
margin: 0 0 12px;
box-sizing: border-box;
} .frb-delivery-shipping-section:has(.wc-block-components-totals-shipping__options) > .wc-block-components-totals-item > .wc-block-components-totals-item__value {
display: none;
}
.frb-delivery-shipping-section .wc-block-components-totals-item__value {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.frb-delivery-shipping-section .wc-block-components-totals-item__description {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.frb-delivery-shipping-section .wc-block-components-totals-shipping__fieldset,
.frb-delivery-shipping-section .wc-block-components-totals-shipping__options,
.frb-delivery-shipping-section .wc-block-components-shipping-rates-control,
.frb-delivery-shipping-section .wc-block-components-shipping-rates-control__package,
.frb-delivery-shipping-section .wc-block-components-radio-control {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.frb-delivery-shipping-section .wc-block-components-totals-shipping__options {
margin-top: 0;
} .frb-delivery-shipping-section .wc-block-components-radio-control {
display: flex;
flex-direction: column;
gap: 9px;
width: 100%;
} .frb-delivery-shipping-section .wc-block-components-totals-shipping__options,
.frb-delivery-shipping-section .wc-block-components-shipping-rates-control,
.frb-delivery-shipping-section .wc-block-checkout__shipping-option .wc-block-components-radio-control {
margin-top: 14px;
}
.frb-delivery-shipping-section .wc-block-components-radio-control__option.frb-delivery-rate-card,
.frb-delivery-shipping-section .frb-delivery-rate-card.wc-block-components-radio-control__option {
--frb-rate-accent: var(--wp--preset--color--primary, var(--wc-primary, #3d5a4c));
display: grid; grid-template-columns: auto 22px minmax(0, 1fr) max-content;
grid-template-rows: auto;
align-items: start;
column-gap: 10px;
row-gap: 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
padding: 12px 14px;
border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
border-radius: 8px;
background: transparent;
cursor: pointer; padding-left: 14px !important;
position: relative;
}
.frb-delivery-shipping-section .frb-delivery-rate-card.wc-block-components-radio-control__option:after,
.frb-delivery-shipping-section .frb-delivery-rate-card.wc-block-components-radio-control__option:before {
content: none !important;
display: none !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card > .wc-block-components-radio-control__input,
.frb-delivery-shipping-section .frb-delivery-rate-card > input[type='radio'] {
position: static !important;
top: auto !important;
left: auto !important;
transform: none !important;
margin: 3px 0 0 0 !important;
width: 1.125em;
height: 1.125em;
grid-column: 1;
grid-row: 1;
align-self: start;
flex: none;
cursor: pointer;
z-index: 1;
}
.frb-delivery-shipping-section .frb-delivery-rate-card > .frb-delivery-rate-icon {
grid-column: 2;
grid-row: 1;
align-self: start;
margin: 1px 0 0 0;
width: 22px;
height: 22px;
flex-shrink: 0;
} .frb-delivery-shipping-section .frb-delivery-rate-card > .frb-method-content {
grid-column: 3;
grid-row: 1;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 0;
min-width: 0;
padding: 0;
margin: 0;
}
.frb-delivery-shipping-section .frb-delivery-rate-card .frb-method-title,
.frb-delivery-shipping-section .frb-delivery-rate-card .frb-method-content .wc-block-components-radio-control__label {
display: block;
margin: 0;
padding: 0;
font-weight: 500;
line-height: 1.35;
min-width: 0;
}
.frb-delivery-shipping-section .frb-delivery-rate-card.frb-delivery-rate-card--selected .frb-method-title,
.frb-delivery-shipping-section .frb-delivery-rate-card:has(> input[type='radio']:checked) .frb-method-title {
font-weight: 600;
}
.frb-delivery-shipping-section .frb-delivery-rate-card .frb-method-meta,
.frb-delivery-shipping-section .frb-delivery-rate-card .frb-method-content .wc-block-components-radio-control__description {
display: block;
margin: 2px 0 0;
padding: 0;
font-weight: 400;
font-size: 0.9em;
line-height: 1.35;
opacity: 0.8;
min-width: 0;
} .frb-delivery-shipping-section .frb-delivery-rate-card > .frb-method-value,
.frb-delivery-shipping-section .frb-delivery-rate-card > .wc-block-components-radio-control__secondary-label.frb-method-value {
grid-column: 4;
grid-row: 1;
justify-self: end;
align-self: start;
align-items: flex-start;
margin: 0;
padding: 0;
text-align: right;
white-space: nowrap;
font-weight: 600;
line-height: 1.35;
width: max-content;
max-width: 100%;
flex: none;
}
.frb-delivery-shipping-section .frb-delivery-rate-card .frb-delivery-rate-shell--empty,
.frb-delivery-shipping-section .frb-delivery-rate-card .wc-block-components-radio-control__option-layout:empty,
.frb-delivery-shipping-section .frb-delivery-rate-card .wc-block-components-radio-control__label-group:empty,
.frb-delivery-shipping-section .frb-delivery-rate-card .wc-block-components-radio-control__description-group:empty {
display: none !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card.wc-block-components-radio-control__option--checked-option-highlighted,
.frb-delivery-shipping-section .frb-delivery-rate-card.frb-delivery-rate-card--selected,
.frb-delivery-shipping-section .frb-delivery-rate-card:has(> input[type='radio']:checked),
.frb-delivery-shipping-section .frb-delivery-rate-card:has(.wc-block-components-radio-control__input:checked) {
border-color: color-mix(in srgb, var(--frb-rate-accent) 70%, currentColor);
border-width: 1.5px;
background: color-mix(in srgb, var(--frb-rate-accent) 7%, transparent);
box-shadow: none;
}
.frb-delivery-rate-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
flex: 0 0 22px;
flex-shrink: 0;
line-height: 0;
pointer-events: none;
}
.frb-delivery-rate-icon__img,
.frb-delivery-rate-icon img {
display: block;
width: 22px;
height: 22px;
object-fit: contain;
object-position: center;
}
.frb-delivery-rate-price--free {
font-weight: 600;
text-transform: none;
}
.woocommerce-shipping-methods .frb-delivery-rate-icon,
#shipping_method .frb-delivery-rate-icon {
margin-right: 8px;
vertical-align: middle;
}
.frb-delivery-shipping-section .wc-block-components-radio-control__label,
.frb-delivery-shipping-section .wc-block-components-radio-control__description,
.frb-delivery-shipping-section .wc-block-components-radio-control__secondary-description {
flex-basis: auto;
width: auto;
max-width: 100%;
text-align: left;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
hyphens: manual;
} .frb-delivery-shipping-section .frb-delivery-rate-card > .frb-method-value.wc-block-components-radio-control__secondary-label {
flex-basis: auto;
width: max-content;
max-width: 100%;
text-align: right;
white-space: nowrap;
overflow-wrap: normal;
word-break: normal;
}
.frb-delivery-shipping-section .wc-block-components-shipping-rates-control__package__delivery_time {
font-weight: 400;
text-transform: none;
white-space: normal;
}
.frb-delivery-shipping-section.wc-block-checkout__shipping-option,
.frb-delivery-shipping-section.wp-block-woocommerce-checkout-shipping-methods-block,
.frb-delivery-shipping-section.wp-block-woocommerce-checkout-shipping-method-block,
.frb-delivery-shipping-section.wc-block-cart__shipping-options {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.frb-delivery-shipping-section .frb-delivery-pickup-info,
.frb-delivery-shipping-section .frb-delivery-pickup-info--js,
.frb-delivery-shipping-section .frb-delivery-pickup-info--checkout,
.frb-delivery-pickup-host .frb-delivery-pickup-info,
.frb-delivery-rate-card + .frb-delivery-pickup-info,
.frb-delivery-rate-card + .frb-delivery-pickup-info--js {
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin-top: 0;
margin-bottom: 0;
padding: 14px 16px;
border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
border-radius: 8px;
background: color-mix(in srgb, currentColor 4%, transparent);
cursor: default;
box-shadow: none;
}
.frb-delivery-shipping-section .frb-delivery-pickup-host,
.frb-delivery-pickup-host {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin-top: 12px;
margin-bottom: 0;
padding: 0;
border: none;
background: none;
cursor: default;
}
tr.frb-delivery-shipping-section.woocommerce-shipping-totals,
.frb-delivery-shipping-section.woocommerce-shipping-totals {
display: block;
width: 100%;
}
.frb-delivery-shipping-section.woocommerce-shipping-totals > th,
.frb-delivery-shipping-section.woocommerce-shipping-totals > td {
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
text-align: left;
}
.frb-delivery-shipping-section.woocommerce-shipping-totals > th {
font-weight: 600;
margin-bottom: 10px;
padding-bottom: 0;
}
.frb-delivery-shipping-section #shipping_method,
.frb-delivery-shipping-section.woocommerce-shipping-methods,
.frb-delivery-shipping-section ul#shipping_method {
display: block;
width: 100%;
max-width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.frb-delivery-shipping-section #shipping_method li,
.frb-delivery-shipping-section.woocommerce-shipping-methods li {
display: block;
width: 100%;
max-width: 100%;
margin: 0.5em 0;
} @media (max-width: 360px) {
.frb-delivery-shipping-section .wc-block-components-radio-control__option.frb-delivery-rate-card,
.frb-delivery-shipping-section .frb-delivery-rate-card.wc-block-components-radio-control__option {
column-gap: 8px;
padding: 10px 12px;
padding-left: 12px !important;
}
} .frb-delivery-shipping-section .wc-block-components-radio-control {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card {
--frb-rate-accent: var(--wp--preset--color--primary, var(--wc-primary, currentColor));
display: grid !important;
grid-template-columns: auto 22px minmax(0, 1fr) max-content !important;
align-items: start !important;
column-gap: 10px !important;
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
padding: 12px 14px !important;
border: 1px solid rgba(0, 0, 0, 0.15) !important;
border-radius: 8px !important;
cursor: pointer !important;
background: transparent !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card + .frb-delivery-rate-card {
margin-top: 0 !important; }
.frb-delivery-shipping-section .frb-delivery-rate-card > input[type='radio'],
.frb-delivery-shipping-section .frb-delivery-rate-card > .wc-block-components-radio-control__input {
grid-column: 1 !important;
align-self: start !important;
margin: 2px 0 0 0 !important;
position: static !important;
top: auto !important;
left: auto !important;
transform: none !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card > .frb-delivery-rate-icon {
grid-column: 2 !important;
width: 22px !important;
height: 22px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card > .frb-method-content {
grid-column: 3 !important;
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
width: auto !important;
margin: 0 !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card > .frb-method-value {
grid-column: 4 !important;
justify-self: end !important;
align-self: start !important;
width: auto !important;
margin: 0 !important;
white-space: nowrap !important;
text-align: right !important;
font-weight: 600 !important;
}
.frb-delivery-shipping-section .frb-method-title {
display: block !important;
width: auto !important;
margin: 0 !important;
}
.frb-delivery-shipping-section .frb-method-meta {
display: block !important;
width: auto !important;
margin: 2px 0 0 0 !important;
font-weight: 400 !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-icon img {
display: block !important;
width: 22px !important;
height: 22px !important;
max-width: 22px !important;
max-height: 22px !important;
object-fit: contain !important;
margin: 0 !important;
} .frb-delivery-shipping-section .frb-delivery-rate-card:has(input:checked),
.frb-delivery-shipping-section .frb-delivery-rate-card:has(.wc-block-components-radio-control__input:checked),
.frb-delivery-shipping-section .frb-delivery-rate-card.frb-delivery-rate-card--selected,
.frb-delivery-shipping-section .frb-delivery-rate-card.wc-block-components-radio-control__option--checked-option-highlighted {
border-color: var(--wp--preset--color--primary, var(--wc-primary, currentColor)) !important;
border-width: 2px !important;
background: color-mix(in srgb, var(--wp--preset--color--primary, var(--wc-primary, currentColor)) 10%, transparent) !important;
} .frb-delivery-shipping-section .frb-delivery-rate-card,
.frb-delivery-shipping-section .frb-delivery-rate-card * {
cursor: pointer !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card > .frb-delivery-rate-icon,
.frb-delivery-shipping-section .frb-delivery-rate-card > .frb-method-content,
.frb-delivery-shipping-section .frb-delivery-rate-card > .frb-method-value {
pointer-events: none !important;
}
.frb-delivery-shipping-section .frb-delivery-rate-card > input[type='radio'],
.frb-delivery-shipping-section .frb-delivery-rate-card > .wc-block-components-radio-control__input {
pointer-events: auto !important;
cursor: pointer !important;
} .frb-delivery-shipping-section .frb-delivery-pickup-host,
.frb-delivery-shipping-section .frb-delivery-pickup-host *,
.frb-delivery-shipping-section .frb-delivery-pickup-info,
.frb-delivery-shipping-section .frb-delivery-pickup-info * {
cursor: default !important;
}
.frb-delivery-shipping-section .frb-delivery-pickup-host .frb-delivery-pickup-info,
.frb-delivery-shipping-section .frb-delivery-pickup-info--js,
.frb-delivery-shipping-section .frb-delivery-pickup-info--checkout {
padding: 14px 16px !important;
border: 1px solid color-mix(in srgb, currentColor 12%, transparent) !important;
border-radius: 8px !important;
background: color-mix(in srgb, currentColor 4%, transparent) !important;
box-shadow: none !important;
margin-top: 0 !important;
}
.frb-delivery-shipping-section .frb-delivery-pickup-host {
margin-top: 12px !important;
}
@media (max-width: 360px) {
.frb-delivery-shipping-section .frb-delivery-pickup-host .frb-delivery-pickup-info,
.frb-delivery-shipping-section .frb-delivery-pickup-info--js,
.frb-delivery-shipping-section .frb-delivery-pickup-info--checkout {
padding: 12px !important;
}
}