/* WC Dual Stock 0.4.1 Phase 3.6 – Smart delivery layout */
.wcds-smart-wrapper{margin:20px 0 16px!important;max-width:100%;font-family:inherit;color:inherit}
.wcds-smart-heading{display:flex;align-items:center;gap:9px;margin:0 0 13px!important;padding:0!important;font-size:1.05rem;font-weight:700;line-height:1.3}
.wcds-smart-heading i{font-size:.95em;opacity:.68}
.wcds-smart-card{overflow:hidden;background:var(--wcds-surface);border:1px solid var(--wcds-border);border-radius:14px;box-shadow:0 3px 14px rgba(15,23,42,.05)}
.wcds-smart-row{display:grid!important;grid-template-columns:minmax(125px,.9fr) minmax(150px,1.1fr);gap:18px;align-items:center;padding:20px 18px!important;margin:0!important;min-height:74px;box-sizing:border-box;border-bottom:1px solid var(--wcds-border)}
.wcds-smart-row-label{display:flex;align-items:center;gap:11px;min-width:0;font-weight:700;font-size:.96rem}
.wcds-smart-icon,.wcds-smart-delivery-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px}
.wcds-smart-icon i,.wcds-smart-delivery-icon i{font-size:.92rem}
.wcds-smart-icon-store,.wcds-smart-delivery-store .wcds-smart-delivery-icon{background:#e9f6ee;color:#278255}
.wcds-smart-icon-online,.wcds-smart-delivery-online .wcds-smart-delivery-icon{background:#edf3fc;color:#2f68b8}
.wcds-smart-row-value{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.wcds-smart-status-line{display:flex;align-items:center;gap:8px;line-height:1.25}.wcds-smart-status-line strong{font-size:.94rem;font-weight:700}
.wcds-smart-dot{width:9px;height:9px;flex:0 0 9px;border-radius:999px;background:var(--wcds-muted)}
.wcds-smart-status-in .wcds-smart-dot{background:var(--wcds-success)}.wcds-smart-status-low .wcds-smart-dot{background:var(--wcds-warning)}.wcds-smart-status-out .wcds-smart-dot{background:var(--wcds-danger)}
.wcds-smart-status-in .wcds-smart-status-line strong{color:var(--wcds-success)}.wcds-smart-status-low .wcds-smart-status-line strong{color:var(--wcds-warning)}.wcds-smart-status-out .wcds-smart-status-line strong{color:var(--wcds-danger)}
.wcds-smart-sub{font-size:.84rem;color:var(--wcds-muted);line-height:1.35}
.wcds-smart-delivery{padding:0!important;margin:0!important;background:var(--wcds-surface)}
.wcds-smart-delivery-title{margin:0!important;padding:15px 18px!important;background:var(--wcds-soft);border-bottom:1px solid var(--wcds-border);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em;color:var(--wcds-muted);line-height:1.3}
.wcds-smart-delivery-option{display:grid!important;grid-template-columns:36px minmax(115px,.75fr) 1px minmax(145px,1.25fr) auto;gap:12px;align-items:center;padding:16px 18px!important;margin:0!important;min-height:68px;box-sizing:border-box;background:var(--wcds-surface)}
.wcds-smart-delivery-option+.wcds-smart-delivery-option{border-top:1px solid var(--wcds-border)}
.wcds-smart-delivery-main{font-size:.88rem;line-height:1.3;color:inherit}
.wcds-smart-delivery-separator{display:block;width:1px;height:24px;background:var(--wcds-border)}
.wcds-smart-delivery-detail{font-size:.82rem;color:var(--wcds-muted);line-height:1.35}
.wcds-smart-delivery-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border:1px solid var(--wcds-success);border-radius:8px;color:var(--wcds-success);background:color-mix(in srgb,var(--wcds-success) 4%,var(--wcds-surface));font-size:.72rem;font-weight:800;line-height:1.15;white-space:nowrap}
.wcds-smart-wrapper .wcds-empty-notice{margin-top:0;border-radius:14px}
@supports not (background:color-mix(in srgb,red 10%,white)){.wcds-smart-delivery-badge{background:#f7fcf8}}
@media(max-width:560px){
 .wcds-smart-wrapper{margin:17px 0 14px!important}.wcds-smart-heading{margin-bottom:11px!important}.wcds-smart-card{border-radius:12px}
 .wcds-smart-row{grid-template-columns:minmax(112px,.9fr) minmax(135px,1.1fr);gap:10px;padding:18px 14px!important;min-height:68px}
 .wcds-smart-row-label{gap:9px;font-size:.92rem}.wcds-smart-icon,.wcds-smart-delivery-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}
 .wcds-smart-status-line{gap:6px}.wcds-smart-status-line strong{font-size:.88rem}.wcds-smart-sub{font-size:.79rem}
 .wcds-smart-delivery-title{padding:14px!important}
 .wcds-smart-delivery-option{grid-template-columns:32px minmax(0,1fr) auto;gap:9px;padding:15px 14px!important;min-height:64px}
 .wcds-smart-delivery-main{font-size:.84rem}.wcds-smart-delivery-separator{display:none}.wcds-smart-delivery-detail{grid-column:2;font-size:.77rem}.wcds-smart-delivery-badge{grid-column:3;grid-row:1 / span 2;font-size:.68rem;padding:5px 7px}
}

/* Phase 3.8 – Smart Compact controls */
.wcds-smart-heading{font-size:var(--wcds-smart-heading-size,17px)}
.wcds-smart-card{border-radius:var(--wcds-smart-radius,14px)}
.wcds-smart-row-store{padding-top:var(--wcds-smart-store-row-pad,20px)!important;padding-bottom:var(--wcds-smart-store-row-pad,20px)!important}
.wcds-smart-row-online{padding-top:var(--wcds-smart-online-row-pad,20px)!important;padding-bottom:var(--wcds-smart-online-row-pad,20px)!important}
.wcds-smart-icon-store{width:var(--wcds-smart-store-icon-size,36px);height:var(--wcds-smart-store-icon-size,36px);flex-basis:var(--wcds-smart-store-icon-size,36px);background:var(--wcds-smart-store-bg,#e9f6ee);color:var(--wcds-smart-store-color,#278255)}
.wcds-smart-icon-online{width:var(--wcds-smart-online-icon-size,36px);height:var(--wcds-smart-online-icon-size,36px);flex-basis:var(--wcds-smart-online-icon-size,36px);background:var(--wcds-smart-online-bg,#edf3fc);color:var(--wcds-smart-online-color,#2f68b8)}
.wcds-smart-row-store .wcds-smart-row-label{font-size:var(--wcds-smart-store-label-size,15px)}
.wcds-smart-row-store .wcds-smart-status-line strong{font-size:var(--wcds-smart-store-status-size,15px)}
.wcds-smart-row-online .wcds-smart-row-label{font-size:var(--wcds-smart-online-label-size,15px)}
.wcds-smart-row-online .wcds-smart-status-line strong{font-size:var(--wcds-smart-online-status-size,15px)}
.wcds-smart-delivery-title{font-size:var(--wcds-smart-delivery-title-size,12px)}
.wcds-smart-delivery-option{padding-top:var(--wcds-smart-delivery-pad,16px)!important;padding-bottom:var(--wcds-smart-delivery-pad,16px)!important}
.wcds-smart-delivery-main{font-size:var(--wcds-smart-delivery-text-size,14px)}

/* Phase 3.9 – shared Smart Compact geometry */
.wcds-smart-card{border-radius:var(--wcds-smart-radius,14px)!important}
.wcds-smart-row-store,.wcds-smart-row-online{padding-top:var(--wcds-smart-row-pad,20px)!important;padding-bottom:var(--wcds-smart-row-pad,20px)!important}
.wcds-smart-icon-store,.wcds-smart-icon-online,.wcds-smart-delivery-icon{width:var(--wcds-smart-icon-box-size,36px)!important;height:var(--wcds-smart-icon-box-size,36px)!important;flex-basis:var(--wcds-smart-icon-box-size,36px)!important}
.wcds-smart-icon i,.wcds-smart-delivery-icon i{font-size:var(--wcds-smart-icon-size,15px)!important}
.wcds-smart-row-store .wcds-smart-row-label,.wcds-smart-row-online .wcds-smart-row-label{font-size:var(--wcds-smart-label-size,15px)!important}
.wcds-smart-row-store .wcds-smart-status-line strong,.wcds-smart-row-online .wcds-smart-status-line strong{font-size:var(--wcds-smart-status-size,15px)!important}


/* Phase 3.10 – Smart Visual Controls */
.wcds-smart-card,.wcds-smart-delivery,.wcds-smart-delivery-option{background:var(--wcds-smart-card-bg,#fff)!important}
.wcds-smart-card{border-color:var(--wcds-smart-card-border,#e5e7eb)!important}
.wcds-smart-row,.wcds-smart-delivery-title,.wcds-smart-delivery-option+.wcds-smart-delivery-option{border-color:var(--wcds-smart-card-border,#e5e7eb)!important}
.wcds-smart-delivery-title{background:var(--wcds-smart-delivery-header-bg,#f7f8fa)!important;color:var(--wcds-smart-delivery-header-color,#667085)!important}
.wcds-smart-delivery-store .wcds-smart-delivery-icon{background:var(--wcds-smart-delivery-store-bg,#e9f6ee)!important;color:var(--wcds-smart-delivery-store-color,#278255)!important}
.wcds-smart-delivery-online .wcds-smart-delivery-icon{background:var(--wcds-smart-delivery-online-bg,#edf3fc)!important;color:var(--wcds-smart-delivery-online-color,#2f68b8)!important}
.wcds-smart-delivery-icon{width:var(--wcds-smart-delivery-icon-box-size,36px)!important;height:var(--wcds-smart-delivery-icon-box-size,36px)!important;flex-basis:var(--wcds-smart-delivery-icon-box-size,36px)!important}
.wcds-smart-delivery-icon i{font-size:var(--wcds-smart-delivery-icon-size,15px)!important}

/* Phase 4.0 – Smart Compact infokort */
.wcds-smart-info-card{overflow:hidden;background:var(--wcds-smart-card-bg,#fff);border:1px solid var(--wcds-smart-card-border,#e5e7eb);border-radius:var(--wcds-smart-radius,14px);box-shadow:0 3px 14px rgba(15,23,42,.05)}
.wcds-smart-info-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:var(--wcds-smart-info-pad,18px)}
.wcds-smart-info-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--wcds-smart-info-icon-box-size,42px);height:var(--wcds-smart-info-icon-box-size,42px);flex:0 0 var(--wcds-smart-info-icon-box-size,42px);border-radius:11px}
.wcds-smart-info-icon i{font-size:var(--wcds-smart-info-icon-size,18px)}
.wcds-smart-info-incoming .wcds-smart-info-icon{background:var(--wcds-smart-info-incoming-bg,#fff7e6);color:var(--wcds-smart-info-incoming-color,#b7791f)}
.wcds-smart-info-unknown .wcds-smart-info-icon{background:var(--wcds-smart-info-unknown-bg,#fff7e6);color:var(--wcds-smart-info-unknown-color,#b7791f)}
.wcds-smart-info-discontinued .wcds-smart-info-icon{background:var(--wcds-smart-info-discontinued-bg,#fff0f0);color:var(--wcds-smart-info-discontinued-color,#c0392b)}
.wcds-smart-info-copy{min-width:0}
.wcds-smart-info-title{margin:0 0 7px;font-size:var(--wcds-smart-info-title-size,15px);font-weight:750;line-height:1.3;color:inherit}
.wcds-smart-info-label{margin:0 0 2px;font-size:12px;font-weight:650;line-height:1.35;color:var(--wcds-muted);text-transform:uppercase;letter-spacing:.025em}
.wcds-smart-info-value{font-size:var(--wcds-smart-info-value-size,17px);font-weight:750;line-height:1.3;color:inherit}
.wcds-smart-info-note{margin-top:5px;font-size:12.5px;line-height:1.45;color:var(--wcds-muted)}
.wcds-smart-info-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border:1px solid currentColor;border-radius:8px;font-size:10.5px;font-weight:800;line-height:1.1;white-space:nowrap;opacity:.9}
.wcds-smart-info-incoming .wcds-smart-info-badge{color:var(--wcds-smart-info-incoming-color,#b7791f)}
.wcds-smart-info-unknown .wcds-smart-info-badge{color:var(--wcds-smart-info-unknown-color,#b7791f)}
.wcds-smart-info-discontinued .wcds-smart-info-badge{color:var(--wcds-smart-info-discontinued-color,#c0392b)}
/* Phase 4.7.4 – keep empty/date info card visually independent from checkout delivery colours. */
.wcds-smart-info-footer{padding:14px var(--wcds-smart-info-pad,18px);border-top:1px solid var(--wcds-smart-card-border,#e5e7eb);background:var(--wcds-smart-card-bg,#fff)}
.wcds-smart-info-admin{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--wcds-muted)}
.wcds-smart-info-admin>i{margin-top:3px}.wcds-smart-info-admin p{margin:0}
.wcds-smart-info-contact{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
.wcds-smart-info-contact a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;text-decoration:none;color:inherit}
@media(max-width:600px){.wcds-smart-info-main{grid-template-columns:auto minmax(0,1fr);gap:11px;padding:calc(var(--wcds-smart-info-pad,18px) - 2px)}.wcds-smart-info-badge{grid-column:2;justify-self:start;margin-top:2px}.wcds-smart-info-footer{padding:13px calc(var(--wcds-smart-info-pad,18px) - 2px)}}
\n\n/* Phase 4.3 – Final Smart Compact stock status layout.
 * Stock status is information, not a badge: keep the three-column rhythm
 * but show only the semantic dot + coloured status text. */
.wcds-smart-row{
  grid-template-columns:minmax(150px,.85fr) minmax(145px,1fr) auto!important;
  gap:14px!important;
}
.wcds-smart-row-detail{
  display:block;
  grid-column:2!important;
  grid-row:1!important;
  align-self:center;
  min-width:0;
  color:var(--wcds-muted);
  font-size:.84rem;
  line-height:1.35;
}
.wcds-smart-stock-badge{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end;
  align-self:center;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:var(--wcds-smart-status-size,15px);
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}
.wcds-smart-stock-badge strong{font:inherit;color:inherit!important}
.wcds-smart-status-in .wcds-smart-stock-badge{color:var(--wcds-success)}
.wcds-smart-status-low .wcds-smart-stock-badge{color:var(--wcds-warning)}
.wcds-smart-status-out .wcds-smart-stock-badge{color:var(--wcds-danger)}
.wcds-smart-stock-badge .wcds-smart-dot{background:currentColor!important;width:8px;height:8px;flex-basis:8px}
@media(max-width:560px){
 .wcds-smart-row{grid-template-columns:minmax(0,1fr) auto!important;gap:7px 10px!important}
 .wcds-smart-row-label{grid-column:1;grid-row:1}
 .wcds-smart-stock-badge{grid-column:2!important;grid-row:1 / span 2!important;font-size:calc(var(--wcds-smart-status-size,15px) - 1px);padding:0!important}
 .wcds-smart-row-detail{grid-column:1!important;grid-row:2!important;padding-left:calc(var(--wcds-smart-icon-box-size,36px) + 11px);font-size:.79rem}
}


/* Phase 4.4 – Unified Smart Compact column line
 * Stock information and checkout delivery options share the same first-column
 * width, so the vertical divider sits on one continuous visual axis. */
@media(min-width:561px){
  .wcds-smart-row{
    grid-template-columns:minmax(180px,.9fr) minmax(150px,1.1fr) auto!important;
    column-gap:0!important;
  }
  .wcds-smart-row-label{
    padding-right:18px;
  }
  .wcds-smart-row-detail{
    padding-left:18px!important;
    padding-right:18px;
    border-left:1px solid var(--wcds-smart-card-border,#e5e7eb);
  }
  .wcds-smart-delivery-option{
    grid-template-columns:minmax(180px,.9fr) 1px minmax(150px,1.1fr) auto!important;
    column-gap:0!important;
  }
  .wcds-smart-delivery-source{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    padding-right:18px;
  }
  .wcds-smart-delivery-separator{
    align-self:center;
    justify-self:stretch;
  }
  .wcds-smart-delivery-detail{
    padding-left:18px;
    padding-right:18px;
    min-width:0;
  }
}
@media(max-width:560px){
  .wcds-smart-delivery-source{display:contents}
}

/* Phase 4.4.1 – Responsive alignment repair
 * Keep the same visual column line on desktop while using a clean two-column
 * mobile layout. This override intentionally comes last. */
@media (min-width:561px){
  .wcds-smart-row,
  .wcds-smart-delivery-option{
    --wcds-smart-source-col:38%;
    grid-template-columns:var(--wcds-smart-source-col) minmax(0,1fr) auto!important;
    column-gap:0!important;
    align-items:center!important;
  }
  .wcds-smart-row-label,
  .wcds-smart-delivery-source{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
    padding-right:18px!important;
  }
  .wcds-smart-row-detail,
  .wcds-smart-delivery-detail{
    grid-column:2!important;
    grid-row:1!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    padding:0 18px!important;
    border-left:1px solid var(--wcds-smart-card-border,#e5e7eb)!important;
  }
  .wcds-smart-stock-badge,
  .wcds-smart-delivery-badge{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    margin-left:0!important;
  }
  .wcds-smart-delivery-separator{display:none!important}
}

@media (max-width:560px){
  .wcds-smart-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:6px 12px!important;
    align-items:center!important;
    padding:16px 14px!important;
    min-height:0!important;
  }
  .wcds-smart-row-label{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
  }
  .wcds-smart-stock-badge{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    color:inherit!important;
    font-size:calc(var(--wcds-smart-status-size,15px) - 1px)!important;
  }
  .wcds-smart-status-in .wcds-smart-stock-badge{color:var(--wcds-success)!important}
  .wcds-smart-status-low .wcds-smart-stock-badge{color:var(--wcds-warning)!important}
  .wcds-smart-status-out .wcds-smart-stock-badge{color:var(--wcds-danger)!important}
  .wcds-smart-stock-badge strong{color:currentColor!important}
  .wcds-smart-stock-badge .wcds-smart-dot{background:currentColor!important}
  .wcds-smart-row-detail{
    grid-column:1 / -1!important;
    grid-row:2!important;
    padding-left:calc(var(--wcds-smart-icon-box-size,36px) + 11px)!important;
    padding-right:0!important;
    border-left:0!important;
    font-size:.79rem!important;
  }

  .wcds-smart-delivery-option{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:6px 12px!important;
    align-items:center!important;
    padding:15px 14px!important;
    min-height:0!important;
  }
  .wcds-smart-delivery-source{
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
  }
  .wcds-smart-delivery-main{
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .wcds-smart-delivery-badge{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    white-space:nowrap!important;
  }
  .wcds-smart-delivery-detail{
    grid-column:1 / -1!important;
    grid-row:2!important;
    padding-left:calc(var(--wcds-smart-delivery-icon-box-size,36px) + 10px)!important;
    padding-right:0!important;
    border-left:0!important;
    min-width:0!important;
    font-size:.77rem!important;
  }
  .wcds-smart-delivery-separator{display:none!important}
}

/* Phase 4.5 – semantic icon colours.
 * Stock-source icons mirror the actual stock state. Delivery icons indicate
 * that the rendered checkout option is available, so every visible option
 * uses the positive/green treatment. */
.wcds-smart-row.wcds-smart-status-in .wcds-smart-icon{
  color:var(--wcds-success,#198754)!important;
  background:#e9f6ee!important;
}
.wcds-smart-row.wcds-smart-status-low .wcds-smart-icon{
  color:var(--wcds-warning,#b7791f)!important;
  background:#fff7e6!important;
}
.wcds-smart-row.wcds-smart-status-out .wcds-smart-icon{
  color:var(--wcds-danger,#d64545)!important;
  background:#fff0f0!important;
}
/* Delivery icons use the admin-configurable source-specific colors.
 * Do not force semantic green here; badges can carry the semantic color instead. */
.wcds-smart-delivery-store .wcds-smart-delivery-icon{
  color:var(--wcds-smart-delivery-store-color,#278255)!important;
  background:var(--wcds-smart-delivery-store-bg,#e9f6ee)!important;
}
.wcds-smart-delivery-online .wcds-smart-delivery-icon{
  color:var(--wcds-smart-delivery-online-color,#278255)!important;
  background:var(--wcds-smart-delivery-online-bg,#e9f6ee)!important;
}

/* Phase 4.6 – Smart Color Controls.
 * Layout colours are configurable per area; semantic status/icon colours stay fixed. */
.wcds-smart-card{background:var(--wcds-smart-stock-bg,#fff)!important;border-color:var(--wcds-smart-stock-border,#e5e7eb)!important}
.wcds-smart-row{background:var(--wcds-smart-stock-bg,#fff)!important;color:var(--wcds-smart-stock-text,#1f2937)!important;border-color:var(--wcds-smart-stock-border,#e5e7eb)!important}
.wcds-smart-row-detail{color:var(--wcds-smart-stock-secondary,#667085)!important}
.wcds-smart-delivery{background:var(--wcds-smart-delivery-bg,#fff)!important}
.wcds-smart-delivery-option{background:var(--wcds-smart-delivery-bg,#fff)!important;color:var(--wcds-smart-delivery-text,#1f2937)!important}
.wcds-smart-delivery-option+.wcds-smart-delivery-option{border-color:var(--wcds-smart-delivery-border,#e5e7eb)!important}
.wcds-smart-delivery-detail{color:var(--wcds-smart-delivery-secondary,#667085)!important}
.wcds-smart-delivery-separator{background:var(--wcds-smart-delivery-border,#e5e7eb)!important}
.wcds-smart-delivery-title{background:var(--wcds-smart-delivery-header-bg,#f7f8fa)!important;color:var(--wcds-smart-delivery-header-color,#667085)!important;border-color:var(--wcds-smart-delivery-border,#e5e7eb)!important}

/* Phase 4.8.3 – delivery choices in Smart Compact.
 * Visual selection only in this phase: checkout/session behavior remains untouched. */
.wcds-smart-delivery-option{
  position:relative;
  display:grid!important;
  grid-template-columns:20px var(--wcds-smart-delivery-icon-box-size,36px) minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center;
  cursor:pointer;
  transition:background .15s ease,box-shadow .15s ease;
}
.wcds-smart-delivery-option:hover{background:color-mix(in srgb,var(--wcds-smart-delivery-store-bg,#e9f6ee) 30%,var(--wcds-smart-delivery-bg,#fff))!important}
.wcds-smart-delivery-radio{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.wcds-smart-delivery-radio-ui{width:18px;height:18px;border:2px solid var(--wcds-smart-delivery-border,#d0d5dd);border-radius:50%;box-sizing:border-box;background:var(--wcds-smart-delivery-bg,#fff);box-shadow:inset 0 0 0 4px var(--wcds-smart-delivery-bg,#fff)}
.wcds-smart-delivery-radio:checked+.wcds-smart-delivery-radio-ui{border-color:#278255;background:#278255}
.wcds-smart-delivery-option:has(.wcds-smart-delivery-radio:checked){background:color-mix(in srgb,var(--wcds-smart-delivery-store-bg,#e9f6ee) 55%,var(--wcds-smart-delivery-bg,#fff))!important;box-shadow:inset 3px 0 0 #278255}
.wcds-smart-delivery-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.wcds-smart-delivery-cost{font-size:.78rem;line-height:1.25;font-weight:800;color:var(--wcds-smart-delivery-text,#1f2937)}
.wcds-smart-delivery-eta{justify-self:end;text-align:right;font-size:.76rem;line-height:1.2;font-weight:800;white-space:nowrap;color:var(--wcds-smart-delivery-secondary,#667085)}
@supports not selector(:has(*)){
 .wcds-smart-delivery-option:focus-within{background:color-mix(in srgb,var(--wcds-smart-delivery-store-bg,#e9f6ee) 55%,var(--wcds-smart-delivery-bg,#fff))!important}
}
@media(max-width:560px){
 .wcds-smart-delivery-option{grid-template-columns:18px 32px minmax(0,1fr) auto!important;gap:8px!important}
 .wcds-smart-delivery-radio-ui{width:17px;height:17px}
 .wcds-smart-delivery-cost{font-size:.74rem}
 .wcds-smart-delivery-eta{font-size:.69rem;white-space:normal;max-width:82px}
}


/* Phase 4.8.3.1 – delivery choice is required before the native WooCommerce add-to-cart form.
 * The original WooCommerce form is moved into the Smart card; no custom cart engine is used. */
.wcds-smart-delivery-option{outline:0}
.wcds-smart-delivery-option:focus-visible{box-shadow:inset 0 0 0 2px #2f68b8!important}
.wcds-smart-cart-form.cart{
  display:flex!important;
  align-items:stretch!important;
  gap:10px!important;
  margin:0!important;
  padding:14px!important;
  border-top:1px solid var(--wcds-smart-delivery-border,#e5e7eb)!important;
  background:var(--wcds-smart-delivery-bg,#fff)!important;
  box-sizing:border-box;
}
.wcds-smart-cart-form.cart .quantity{margin:0!important;flex:0 0 auto}
.wcds-smart-cart-form.cart .single_add_to_cart_button{margin:0!important;flex:1 1 auto;min-height:44px}
.wcds-delivery-choice-error{
  flex:0 0 100%;
  width:100%;
  margin:0 0 2px!important;
  padding:10px 12px!important;
  border:1px solid #d64545;
  border-radius:8px;
  background:#fff0f0;
  color:#a82e2e;
  font-size:.82rem;
  font-weight:650;
  line-height:1.35;
  box-sizing:border-box;
}
.wcds-smart-cart-form.cart:has(.wcds-delivery-choice-error:not([hidden])){flex-wrap:wrap!important}
.wcds-smart-delivery.wcds-delivery-needs-choice{box-shadow:inset 0 0 0 2px rgba(214,69,69,.55)}
@media(max-width:560px){
 .wcds-smart-cart-form.cart{padding:12px!important;gap:8px!important}
 .wcds-smart-cart-form.cart .single_add_to_cart_button{min-width:0}
}

/* Phase 4.8.4.7 – reservation-style pickup availability. */
.wcds-smart-delivery-option[hidden]{display:none!important}
.wcds-smart-delivery-option.wcds-delivery-unavailable{
  opacity:.62;
  cursor:not-allowed!important;
  background:var(--wcds-smart-delivery-bg,#fff)!important;
  box-shadow:none!important;
}
.wcds-smart-delivery-option.wcds-delivery-unavailable .wcds-smart-delivery-radio-ui{background:#f2f4f7!important;border-color:#cfd4dc!important}
.wcds-smart-delivery-option.wcds-delivery-unavailable .wcds-smart-delivery-eta{white-space:normal;max-width:190px}


/* Phase 4.8.4.7.1 – keep WooCommerce quantity controls visually equal while
 * preserving the active theme's colours, borders and typography. */
.wcds-smart-cart-form.cart .quantity{
  display:inline-grid!important;
  grid-template-columns:repeat(3,auto)!important;
  align-items:stretch!important;
}
.wcds-smart-cart-form.cart .quantity .minus,
.wcds-smart-cart-form.cart .quantity .plus,
.wcds-smart-cart-form.cart .quantity .qty{
  box-sizing:border-box!important;
  inline-size:2.75em!important;
  min-inline-size:2.75em!important;
  block-size:100%!important;
  min-block-size:44px!important;
  margin:0!important;
  padding-inline:.35em!important;
  text-align:center!important;
}

/* Phase 4.8.4.7.2 – required delivery choice feedback */
.wcds-delivery-required-hint{padding:9px 18px 10px;margin:0;background:var(--wcds-smart-delivery-bg,#fff);color:var(--wcds-smart-delivery-secondary,#667085);font-size:.78rem;line-height:1.35;border-bottom:1px solid var(--wcds-smart-delivery-border,#e5e7eb)}
.wcds-delivery-validation-message{margin:10px 18px 0;padding:9px 11px;border-radius:8px;background:#fff4f4;color:#b42318;font-size:.8rem;font-weight:600;line-height:1.35}
.wcds-delivery-validation-message[hidden]{display:none!important}
.wcds-delivery-choice-missing .single_add_to_cart_button{cursor:pointer}
@media(max-width:767px){.wcds-delivery-required-hint{padding-left:14px;padding-right:14px}.wcds-delivery-validation-message{margin-left:14px;margin-right:14px}}
