
/* AllNaijaMarket shared Product + Service listing polish v17 */
:root{
  --anm-list-bg:#f4f8f6;
  --anm-list-card:#ffffff;
  --anm-list-soft:#f8fbfa;
  --anm-list-text:#10231c;
  --anm-list-muted:#66756e;
  --anm-list-line:#dbe7e2;
  --anm-list-green:#079669;
  --anm-list-green-strong:#057451;
  --anm-list-green-soft:#e9f9f3;
  --anm-list-shadow:0 18px 55px rgba(18,53,41,.10);
}
@media(prefers-color-scheme:dark){
  :root{
    --anm-list-bg:#07110e;
    --anm-list-card:#0d1b17;
    --anm-list-soft:#101f1a;
    --anm-list-text:#f1faf6;
    --anm-list-muted:#9eb4aa;
    --anm-list-line:#203a31;
    --anm-list-green-soft:#0c2a20;
    --anm-list-shadow:0 18px 55px rgba(0,0,0,.24);
  }
}
.upload-page,.edit-product{
  color:var(--anm-list-text);
}
.upload-page{
  width:min(920px,100%);
  margin:0 auto;
  padding:18px 10px 76px;
}
.upload-hero{
  padding:18px 14px;
  margin:0 auto 14px!important;
  border:1px solid var(--anm-list-line);
  border-radius:20px;
  background:linear-gradient(180deg,var(--anm-list-soft),var(--anm-list-card));
  box-shadow:var(--anm-list-shadow);
}
.upload-hero h1{color:var(--anm-list-text)!important;margin:0 0 5px}
.upload-hero p{color:var(--anm-list-muted)!important;margin:0}
.upload-card,.edit-product{
  background:var(--anm-list-card)!important;
  color:var(--anm-list-text)!important;
  border:1px solid var(--anm-list-line)!important;
  box-shadow:var(--anm-list-shadow)!important;
  border-radius:22px!important;
}
.upload-card{max-width:820px!important;padding:clamp(15px,3vw,26px)!important}
.edit-product{max-width:820px!important;padding:clamp(15px,3vw,26px)!important}
.upload-card form,.edit-product form{gap:15px!important}
.form-group,.form-row-in,.edit-product form>label{min-width:0}
.form-group label,.form-group>span,.form-row-in label,.edit-product label{
  color:var(--anm-list-text)!important;
  font-weight:800!important;
}
.upload-card input,.upload-card textarea,.upload-card select,
.edit-product input,.edit-product textarea,.edit-product select{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  padding:13px 14px!important;
  border:1px solid var(--anm-list-line)!important;
  border-radius:13px!important;
  background:var(--anm-list-card)!important;
  color:var(--anm-list-text)!important;
  outline:none;
}
.upload-card textarea,.edit-product textarea{min-height:120px;line-height:1.55}
.upload-card input:focus,.upload-card textarea:focus,.upload-card select:focus,
.edit-product input:focus,.edit-product textarea:focus,.edit-product select:focus{
  border-color:var(--anm-list-green)!important;
  box-shadow:0 0 0 3px rgba(7,150,105,.12)!important;
}
.form-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.anm-fulfilment-card{
  margin:16px 0;
  padding:15px;
  border:1px solid rgba(7,150,105,.26);
  border-radius:17px;
  background:var(--anm-list-green-soft);
}
.anm-fulfilment-card__head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
}
.anm-fulfilment-card__head>span{font-size:24px;line-height:1}
.anm-fulfilment-card__head>div{display:grid;gap:4px;min-width:0}
.anm-fulfilment-card__head strong{font-size:15px;color:var(--anm-list-text)}
.anm-fulfilment-card__head small,.anm-field-help{
  display:block;
  color:var(--anm-list-muted)!important;
  font-size:12px;
  line-height:1.5;
  margin-top:6px;
}
.anm-product-fulfilment{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:7px;
  padding:5px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
}
.anm-product-fulfilment.is-delivery{background:#dcfce7;color:#166534}
.anm-product-fulfilment.is-pickup{background:#fef3c7;color:#92400e}
@media(prefers-color-scheme:dark){
  .anm-product-fulfilment.is-delivery{background:#123324;color:#a7f3d0}
  .anm-product-fulfilment.is-pickup{background:#33270d;color:#fde68a}
}

/* True in-page dropdowns for Product forms */
.anm-custom-select{
  position:relative;
  width:100%;
  min-width:0;
}
.anm-custom-select>select{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.anm-select-trigger{
  width:100%;
  min-width:0;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 13px;
  border:1px solid var(--anm-list-line);
  border-radius:13px;
  background:var(--anm-list-card);
  color:var(--anm-list-text);
  text-align:left;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
.anm-select-trigger__text{
  min-width:0;
  flex:1 1 auto;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.35;
}
.anm-select-trigger__arrow{
  flex:0 0 auto;
  color:var(--anm-list-green);
  transition:transform .16s ease;
}
.anm-custom-select.is-open .anm-select-trigger{
  border-color:var(--anm-list-green);
  box-shadow:0 0 0 3px rgba(7,150,105,.12);
}
.anm-custom-select.is-open .anm-select-trigger__arrow{transform:rotate(180deg)}
.anm-select-menu{
  display:none;
  position:absolute;
  z-index:2147481000;
  top:calc(100% + 6px);
  left:0;right:0;
  max-width:100%;
  max-height:min(310px,48vh);
  overflow:auto;
  padding:6px;
  border:1px solid var(--anm-list-line);
  border-radius:14px;
  background:var(--anm-list-card);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.anm-custom-select.is-open .anm-select-menu{display:grid;gap:3px}
.anm-select-option{
  width:100%;
  min-width:0;
  border:0;
  border-radius:10px;
  padding:11px 12px;
  background:transparent;
  color:var(--anm-list-text);
  text-align:left;
  font:inherit;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  cursor:pointer;
}
.anm-select-option:hover,.anm-select-option:focus-visible{background:var(--anm-list-soft);outline:none}
.anm-select-option.is-selected{background:var(--anm-list-green-soft);color:var(--anm-list-green-strong);font-weight:850}
.anm-select-option:disabled{opacity:.5;cursor:not-allowed}

/* Product view fulfilment note */
.anm-product-getting{
  width:min(100%,680px);
  margin:10px auto!important;
  padding:10px 12px;
  border:1px solid rgba(7,150,105,.24);
  border-radius:12px;
  background:var(--anm-list-green-soft);
  color:var(--anm-list-text)!important;
  line-height:1.5;
}
.anm-pickup-only-action{
  cursor:default!important;
  opacity:.95;
  background:#f59e0b!important;
  color:#111827!important;
}

@media(max-width:620px){
  .form-row{grid-template-columns:1fr!important}
  .upload-page{padding-inline:8px}
  .upload-card,.edit-product{border-radius:18px!important}
  .anm-select-menu{max-height:42vh}
}
