.wcpse { width: 100%; }
.wcpse-title { margin: 0 0 4px; font-size: 24px; line-height: 1.25; }
.wcpse-intro { margin: 0 0 14px; font-size: 14px; line-height: 1.5; }
.wcpse-accordion { display: flex; flex-direction: column; gap: 5px; }
.wcpse-group { border: 1px solid #dce3e8; border-radius: 5px; overflow: hidden; }
.wcpse-group-heading { margin: 0; padding: 0; font-size: inherit; }
.wcpse-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 11px 14px; border: 0; text-align: left; cursor: pointer; font: inherit; font-weight: 600; line-height: 1.35; }
.wcpse-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
.wcpse-accordion-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 16px; width: 16px; height: 16px; margin-left: auto; color: inherit; }
.wcpse-icon-chevron::before { content: ""; display: block; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translate(-1px, -1px); transition: transform .18s ease; }
.wcpse-group.is-open .wcpse-icon-chevron::before { transform: rotate(225deg) translate(-1px, -1px); }
.wcpse-icon-plus-minus::before { content: "+"; font-family: Arial, sans-serif; font-size: 21px; font-weight: 400; line-height: 1; }
.wcpse-group.is-open .wcpse-icon-plus-minus::before { content: "−"; }
.wcpse-icon-angle::before { content: "⌄"; font-family: Arial, sans-serif; font-size: 22px; line-height: 1; transform: translateY(-2px); }
.wcpse-group.is-open .wcpse-icon-angle::before { content: "⌃"; transform: translateY(2px); }
.wcpse-icon-caret::before { content: "▾"; font-size: 13px; line-height: 1; }
.wcpse-group.is-open .wcpse-icon-caret::before { content: "▴"; }
.wcpse-panel { padding: 0 14px 8px; }
.wcpse-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; padding: 9px 8px; border-bottom: 1px solid #e5eaee; font-size: 13px; line-height: 1.45; }
.wcpse-row:last-child { border-bottom: 0; }
.wcpse-label { color: #4b5563; }
.wcpse-value { color: #17202a; }
.wcpse-table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid #dce3e8; }
.wcpse-table th { padding: 11px 14px; background: #edf2f5; color: #18212b; text-align: left; font-weight: 600; }
.wcpse-table td { padding: 9px 8px; border-bottom: 1px solid #e5eaee; font-size: 13px; line-height: 1.45; }
.wcpse-table tr:last-child td { border-bottom: 0; }
.wcpse-table .wcpse-label { width: 50%; }
.wcpse-editor-note { margin-top: 12px; padding: 10px; border-left: 3px solid #64748b; background: #f8fafc; color: #475569; font-size: 12px; }
@media (max-width: 767px) {
  .wcpse-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; padding: 9px 4px; font-size: 12px; }
  .wcpse-panel { padding-left: 10px; padding-right: 10px; }
  .wcpse-toggle { padding: 10px 12px; }
}

/* Optional per-group icons, independent from the expand/collapse indicator. */
.wcpse-group-label { display: inline-flex; align-items: center; min-width: 0; gap: 8px; }
.wcpse-group-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 16px; height: 16px; font-size: 16px; line-height: 1; }
.wcpse-group-icon i, .wcpse-group-icon svg { display: block; width: 1em; height: 1em; }
.wcpse-group-icon svg { fill: currentColor; }

/* Delivery Area Checker */
.wcpse-delivery-checker{padding:20px 24px;border-radius:6px;background:#e8f4ed;color:#17232a}
.wcpse-delivery-heading{font-weight:700;margin-bottom:6px}
.wcpse-delivery-description{font-size:14px;margin-bottom:12px}
.wcpse-delivery-form{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.wcpse-delivery-form input{min-width:180px;flex:1 1 220px;border:1px solid #d5dce0;border-radius:5px;background:#fff;padding:10px 12px}
.wcpse-delivery-form .wcpse-delivery-button{border:0;border-radius:5px;background:#006b36;color:white;font-weight:600;padding:10px 20px;cursor:pointer}
.wcpse-delivery-form .wcpse-delivery-button:disabled{opacity:.65;cursor:wait}
.wcpse-delivery-result{margin-top:10px;font-weight:600}
.wcpse-delivery-result:empty{display:none}
.wcpse-delivery-result.is-available{color:#086535}
.wcpse-delivery-result.is-unavailable{color:#9b2626}

.wcpse-panel[hidden] { display: none !important; }