.wd7-delivery {
--wd7-radius: 12px;
--wd7-radius-sm: 10px;
--wd7-border: #e2e5ea;
--wd7-border-strong: #c9ced6;
--wd7-surface: #fff;
--wd7-surface-soft: #f6f7f9;
--wd7-text: #14181f;
--wd7-muted: #6b7280;
--wd7-accent: #2563eb;
--wd7-accent-soft: #eff4ff;
--wd7-danger: #b3261e;
--wd7-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 12px 28px rgba(16, 24, 40, 0.1);
--wd7-gap: 14px;
box-sizing: border-box;
margin: 0 0 28px;
padding: 20px;
border: 1px solid var(--wd7-border);
border-radius: var(--wd7-radius);
background: var(--wd7-surface);
color: var(--wd7-text);
font-size: 15px;
line-height: 1.45;
}
.wd7-delivery *,
.wd7-delivery *::before,
.wd7-delivery *::after {
box-sizing: border-box;
} .wd7-delivery [hidden] {
display: none !important;
}
.wd7-delivery__head {
display: flex;
align-items: center; flex-wrap: wrap;
gap: 6px 10px;
margin: 0 0 14px;
}
.wd7-delivery__title {
margin: 0;
color: var(--wd7-text);
font-size: 16px;
font-weight: 600;
line-height: 1.3;
} .wd7-carrier {
display: inline-flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}
.wd7-carrier__pre {
font-size: 12px;
color: var(--wd7-muted);
white-space: nowrap;
}
.wd7-carrier__logo {
width: auto;
max-width: 140px;
display: block;
width: auto;
height: 22px;
max-width: 96px;
border-radius: 4px;
}
.wd7-carrier__name {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--wd7-text);
} .wd7-options-list {
display: grid;
gap: 8px;
margin-bottom: 18px;
}
.wd7-row {
position: relative;
display: grid;
grid-template-columns: 20px 64px 1fr auto;
align-items: center;
gap: 12px;
margin: 0;
padding: 12px 14px;
border: 1.5px solid var(--wd7-border);
border-radius: var(--wd7-radius-sm);
background: var(--wd7-surface);
cursor: pointer;
transition: border-color 0.15s ease, background-color 0.15s ease;
}
.wd7-row:hover {
border-color: var(--wd7-border-strong);
}
.wd7-row input {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
margin: 0;
}
.wd7-row__mark {
position: relative;
width: 20px;
height: 20px;
border: 2px solid var(--wd7-border-strong);
border-radius: 50%;
background: var(--wd7-surface);
transition: border-color 0.15s ease;
}
.wd7-row input:checked ~ .wd7-row__mark {
border-color: var(--wd7-accent);
}
.wd7-row input:checked ~ .wd7-row__mark::after {
content: '';
position: absolute;
inset: 3px;
border-radius: 50%;
background: var(--wd7-accent);
}
.wd7-row:has(input:checked) {
border-color: var(--wd7-accent);
background: var(--wd7-accent-soft);
}
.wd7-row input:focus-visible ~ .wd7-row__mark {
outline: 2px solid var(--wd7-accent);
outline-offset: 2px;
} .wd7-row--no-logo {
grid-template-columns: 20px 1fr auto;
}
.wd7-row__logo {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 24px;
overflow: hidden;
}
.wd7-row__logo img {
display: block;
max-width: 100%;
height: auto;
border-radius: 3px;
}
.wd7-row__logo-text {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--wd7-muted);
}
.wd7-row__body {
display: block;
min-width: 0;
}
.wd7-row__title {
display: block;
font-weight: 600;
color: var(--wd7-text);
}
.wd7-row__meta {
display: block;
margin-top: 2px;
font-size: 13px;
color: var(--wd7-muted);
}
.wd7-row__price {
font-weight: 600;
white-space: nowrap;
color: var(--wd7-text);
font-variant-numeric: tabular-nums;
}
.wd7-row__price:empty::after {
content: '—';
color: var(--wd7-muted);
font-weight: 400;
}
.wd7-row__price.is-loading::after {
content: '…';
color: var(--wd7-muted);
}
@media (max-width: 480px) {
.wd7-row {
grid-template-columns: 20px 1fr auto;
gap: 10px;
} .wd7-row__logo {
display: none;
}
.wd7-delivery__title {
font-size: 15px;
min-width: 0;
}
.wd7-carrier__pre {
font-size: 11px;
}
.wd7-carrier__logo {
height: 20px;
} .wd7-delivery__head {
display: block;
}
.wd7-delivery__title {
display: block;
margin-bottom: 6px;
} .wd7-carrier {
display: inline-flex;
max-width: 100%;
}
.wd7-carrier__logo,
.wd7-row--carrier .wd7-row__logo img {
width: auto !important;
max-width: 120px !important;
height: 20px !important;
flex: 0 0 auto;
}
.wd7-carriers {
display: block;
max-width: 100%;
} .wd7-row--carrier .wd7-row__logo {
display: inline-flex;
}
}
@media (max-width: 360px) {
.wd7-carrier__pre { display: none;
}
} .wd7-fields {
display: grid;
gap: var(--wd7-gap);
}
.wd7-field {
display: block;
margin: 0;
min-width: 0;
}
.wd7-label {
display: block;
margin-bottom: 6px;
color: var(--wd7-muted);
font-size: 13px;
font-weight: 500;
}
.wd7-required {
color: var(--wd7-danger);
}
.wd7-delivery .wd7-input {
display: block;
width: 100%;
min-height: 46px;
padding: 11px 13px;
border: 1.5px solid var(--wd7-border);
border-radius: var(--wd7-radius-sm);
background: var(--wd7-surface);
color: var(--wd7-text);
font-size: 15px;
font-family: inherit;
line-height: 1.4;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
appearance: none;
}
.wd7-delivery .wd7-input::placeholder {
color: var(--wd7-muted);
opacity: 1;
}
.wd7-delivery .wd7-input:hover:not(:disabled) {
border-color: var(--wd7-border-strong);
}
.wd7-delivery .wd7-input:focus {
border-color: var(--wd7-accent);
box-shadow: 0 0 0 3px var(--wd7-accent-soft);
outline: none;
}
.wd7-delivery .wd7-input:disabled {
background: var(--wd7-surface-soft);
color: var(--wd7-muted);
cursor: not-allowed;
} .wd7-combo {
position: relative;
display: block;
}
.wd7-combo__spinner {
position: absolute;
top: 50%;
right: 13px;
width: 16px;
height: 16px;
margin-top: -8px;
border: 2px solid var(--wd7-border-strong);
border-top-color: transparent;
border-radius: 50%;
animation: wd7-spin 0.7s linear infinite;
}
@keyframes wd7-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.wd7-combo__spinner {
animation-duration: 2s;
}
.wd7-row,
.wd7-delivery .wd7-input {
transition: none;
}
}
.wd7-suggest {
position: absolute;
z-index: 40;
top: calc(100% + 6px);
left: 0;
right: 0;
max-height: 300px;
margin: 0;
padding: 6px;
overflow-y: auto;
overscroll-behavior: contain;
list-style: none;
border: 1px solid var(--wd7-border);
border-radius: var(--wd7-radius-sm);
background: var(--wd7-surface);
box-shadow: var(--wd7-shadow);
}
.wd7-suggest li {
margin: 0;
padding: 0;
list-style: none;
}
.wd7-suggest__item {
display: block;
padding: 9px 11px;
border-radius: 8px;
color: var(--wd7-text);
cursor: pointer;
line-height: 1.35;
}
.wd7-suggest__item:hover,
.wd7-suggest__item.is-active {
background: var(--wd7-surface-soft);
}
.wd7-suggest__name {
display: block;
color: var(--wd7-text);
font-weight: 500;
}
.wd7-suggest__meta {
display: block;
margin-top: 2px;
color: var(--wd7-muted);
font-size: 13px;
}
.wd7-suggest__empty {
display: block;
padding: 14px 12px;
color: var(--wd7-muted);
text-align: center;
cursor: default;
}
.wd7-suggest__empty:hover {
background: none;
} .wd7-chosen {
margin-top: 10px;
padding: 12px 14px;
border: 1px solid var(--wd7-border);
border-radius: var(--wd7-radius-sm);
background: var(--wd7-surface-soft);
font-size: 14px;
line-height: 1.45;
}
.wd7-chosen__name {
color: var(--wd7-text);
font-weight: 600;
}
.wd7-chosen__meta {
margin-top: 3px;
color: var(--wd7-muted);
font-size: 13px;
} .wd7-address {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--wd7-gap);
}
.wd7-field--street {
grid-column: 1 / -1;
}
@media (min-width: 560px) {
.wd7-address {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wd7-field--street {
grid-column: span 3;
}
} .wd7-status {
display: flex;
align-items: center;
gap: 8px;
margin: 14px 0 0;
min-height: 20px;
color: var(--wd7-muted);
font-size: 14px;
}
.wd7-status:empty {
display: none;
}
.wd7-status.is-error {
color: var(--wd7-danger);
}
.wd7-status.is-busy::before {
content: '';
flex: 0 0 auto;
width: 14px;
height: 14px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: wd7-spin 0.7s linear infinite;
}
.wd7-checkout-hint {
margin: 0 0 14px;
padding: 11px 14px;
border-radius: 9px;
background: #f6f7f9;
color: #14181f;
font-size: 15px;
} .wd7-hidden-field {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
} .wd7-carriers { display: block; margin-bottom: 10px; }
.wd7-carriers__label { display: block; margin: 0 0 6px; }
.wd7-row--carrier .wd7-row__logo { display: inline-flex; align-items: center; margin-right: 10px; }
.wd7-row--carrier .wd7-row__logo img { height: 22px; width: auto; border-radius: 3px; }
.wd7-row--carrier .wd7-row__meta { opacity: 0.8; }
.wd7-row--carrier.is-active { border-color: currentColor; }
@media (max-width: 480px) {
.wd7-row--carrier .wd7-row__logo img { height: 20px; }
} .wd7-map-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 10px;
padding: 9px 16px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.01em;
line-height: 1; border: 1px solid #1d2327;
border-radius: 999px;
background: #1d2327;
color: #fff;
cursor: pointer;
transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
} .wd7-map-toggle::before {
content: "";
width: 15px;
height: 15px;
flex: 0 0 auto;
background: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5c-4.1 0-7.5 3.3-7.5 7.4 0 5.4 6.6 12.6 6.9 12.9a.9.9 0 0 0 1.2 0c.3-.3 6.9-7.5 6.9-12.9 0-4.1-3.4-7.4-7.5-7.4zm0 10.4a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/></svg>') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5c-4.1 0-7.5 3.3-7.5 7.4 0 5.4 6.6 12.6 6.9 12.9a.9.9 0 0 0 1.2 0c.3-.3 6.9-7.5 6.9-12.9 0-4.1-3.4-7.4-7.5-7.4zm0 10.4a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/></svg>') no-repeat center / contain;
}
.wd7-map-toggle:hover:not(:disabled) {
background: #2c3338;
border-color: #2c3338;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.wd7-map-toggle:disabled { opacity: 0.45; cursor: default; } .wd7-widget-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 10px;
padding: 10px 18px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1;
text-transform: uppercase;
border: 1px solid #6db32c;
border-radius: 999px;
background: #84c33f;
color: #fff;
cursor: pointer;
transition: background 0.15s, box-shadow 0.15s;
}
.wd7-widget-toggle::before {
content: "";
width: 15px;
height: 15px;
flex: 0 0 auto;
background: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5c-4.1 0-7.5 3.3-7.5 7.4 0 5.4 6.6 12.6 6.9 12.9a.9.9 0 0 0 1.2 0c.3-.3 6.9-7.5 6.9-12.9 0-4.1-3.4-7.4-7.5-7.4zm0 10.4a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/></svg>') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.5c-4.1 0-7.5 3.3-7.5 7.4 0 5.4 6.6 12.6 6.9 12.9a.9.9 0 0 0 1.2 0c.3-.3 6.9-7.5 6.9-12.9 0-4.1-3.4-7.4-7.5-7.4zm0 10.4a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/></svg>') no-repeat center / contain;
}
.wd7-widget-toggle:hover {
background: #76b334;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
} .wd7-widget-toggle--econt {
border-color: #16407f;
background: #1b4a9b;
}
.wd7-widget-toggle--econt:hover {
background: #163f86;
} .wd7-bn-overlay {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba(0, 0, 0, 0.55);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.wd7-bn-frame {
width: min(920px, 100%);
height: min(680px, 92vh);
border: 0;
border-radius: 12px;
background: #fff;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
@media (max-width: 600px) {
.wd7-bn-overlay { padding: 0; }
.wd7-bn-frame { width: 100%; height: 100%; border-radius: 0; }
}  .wd7-bn-close {
position: absolute;
top: 12px;
right: 12px;
width: 42px;
height: 42px;
padding: 0;
border: 0;
border-radius: 50%;
background: #fff;
color: #1d2327;
font-size: 24px;
line-height: 42px;
text-align: center;
cursor: pointer;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
z-index: 1;
}
.wd7-bn-close:hover { background: #f0f0f1; }
.wd7-bn-overlay--bare { padding: 0; background: rgba(16, 20, 24, 0.35); }
.wd7-bn-overlay--bare .wd7-bn-frame {
width: 100%;
height: 100%;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.wd7-map {
height: 380px;
margin-top: 10px;
border: 1px solid var(--wd7-border, #dcdcde);
border-radius: 10px;
overflow: hidden;
position: relative;
z-index: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
} .wd7-pin { background: none; border: none; }
.wd7-pin svg {
display: block;
filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
transition: transform 0.12s ease-out;
transform-origin: 50% 100%;
}
.wd7-pin:hover svg { transform: scale(1.12); }
.wd7-pin--selected svg { filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.4)); }
.wd7-map .leaflet-tooltip {
font-size: 12.5px;
font-weight: 500;
line-height: 1.35; width: max-content !important;
max-width: 280px !important;
min-width: 0 !important;
white-space: normal !important;
word-break: normal;
overflow-wrap: anywhere;
padding: 7px 10px;
border: none;
border-radius: 8px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
box-sizing: border-box;
}
.wd7-map .leaflet-container { font-family: inherit; }
.wd7-map .leaflet-container,
.wd7-map .leaflet-container * { box-sizing: border-box; }
.wd7-map .leaflet-pane img { max-width: none !important; }
.wd7-map .leaflet-control-zoom a { border-radius: 6px; }
.wd7-map .leaflet-control-attribution { font-size: 10px; opacity: 0.75; }
@media (max-width: 480px) { .wd7-map { height: 300px; border-radius: 8px; } } .wd7-rate-logo {
display: inline-block;
width: auto !important;
height: 17px !important;
max-width: 60px !important;
vertical-align: -3px;
margin-right: 6px;
border-radius: 3px;
} #shipping_method > li > label:has(.wd7-rate-logo)::before,
ul.woocommerce-shipping-methods > li > label:has(.wd7-rate-logo)::before {
content: none !important;
background: none !important;
width: 0 !important;
margin: 0 !important;
}