/* AERAN Commerce — front-end + admin */
:root{
  --ac-indigo:#1B2A5B; --ac-marigold:#E8871E; --ac-maroon:#8B2635;
  --ac-sand:#F7F1E4; --ac-sand2:#EDE3CE; --ac-line:#E2D4B8;
  --ac-ink:#241C13; --ac-soft:#5C5145; --ac-ok:#2E7D32;
}

/* ---------- shared bits ---------- */
.aeranc-pill{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  padding:3px 8px;border-radius:2px;font-weight:600;vertical-align:middle}
.aeranc-pill.ok{background:#E3F3E6;color:var(--ac-ok)}
.aeranc-pill.warn{background:#FDEBD0;color:#8A5A00}
.aeranc-pill.bad{background:#FADBD8;color:var(--ac-maroon)}

/* ---------- reorder ---------- */
.aeranc-reorder{background:var(--ac-indigo);color:var(--ac-sand);border:0;border-radius:2px;
  padding:9px 16px;font-weight:600;font-size:13px;cursor:pointer;transition:background .2s,color .2s}
.aeranc-reorder:hover{background:var(--ac-marigold);color:var(--ac-indigo)}
.aeranc-reorder[disabled]{opacity:.6;cursor:default}

.aeranc-buyagain{margin:26px 0}
.aeranc-buyagain h3{font-size:20px;color:var(--ac-indigo);margin-bottom:14px}
.aeranc-buyagain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.aeranc-buyagain-item{background:#fff;border:1.5px solid var(--ac-line);border-radius:3px;padding:14px;text-align:center}
.aeranc-buyagain-item img{max-width:80px;height:auto;margin:0 auto 10px;display:block}
.aeranc-buyagain-item strong{display:block;font-size:14px;color:var(--ac-indigo);margin-bottom:4px}
.aeranc-buyagain-item .times{font-size:11px;color:var(--ac-soft);display:block;margin-bottom:10px}

/* ---------- subscriptions ---------- */
.aeranc-sub-box{border:1.5px solid var(--ac-line);border-radius:3px;padding:16px;margin:18px 0;background:var(--ac-sand2)}
.aeranc-sub-box label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:10px}
.aeranc-sub-box label:last-child{margin-bottom:0}
.aeranc-sub-box input[type=radio]{margin-top:4px}
.aeranc-sub-box .save-tag{background:var(--ac-marigold);color:var(--ac-indigo);font-size:10px;
  letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:2px;font-weight:700;margin-left:6px}
.aeranc-sub-freq{margin-top:12px;padding-top:12px;border-top:1px solid var(--ac-line)}
.aeranc-sub-freq select{padding:9px 12px;border:1.5px solid var(--ac-line);border-radius:2px;background:#fff}

table.aeranc-subs{width:100%;border-collapse:collapse;background:#fff;border:1.5px solid var(--ac-line)}
table.aeranc-subs th{background:var(--ac-indigo);color:var(--ac-sand);padding:12px 14px;text-align:left;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
table.aeranc-subs td{padding:14px;border-top:1px solid var(--ac-line);vertical-align:middle}
.aeranc-sub-actions a{margin-right:10px;font-size:13px}
.aeranc-sub-actions a.cancel{color:var(--ac-maroon)}

/* ---------- delivery slots ---------- */
.aeranc-slots{margin:18px 0}
.aeranc-slots h3{font-size:17px;color:var(--ac-indigo);margin-bottom:10px}
.aeranc-slot-dates{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}
.aeranc-slot-date{flex:none;border:1.5px solid var(--ac-line);border-radius:3px;padding:10px 14px;
  background:#fff;cursor:pointer;text-align:center;min-width:78px;transition:border-color .2s,background .2s}
.aeranc-slot-date:hover{border-color:var(--ac-marigold)}
.aeranc-slot-date.sel{background:var(--ac-indigo);border-color:var(--ac-indigo);color:var(--ac-sand)}
.aeranc-slot-date span{display:block;font-size:11px;opacity:.75}
.aeranc-slot-date strong{display:block;font-size:16px;margin-top:2px}
.aeranc-slot-list{display:grid;gap:8px}
.aeranc-slot{display:flex;align-items:center;gap:10px;border:1.5px solid var(--ac-line);border-radius:3px;
  padding:12px 14px;background:#fff;cursor:pointer;transition:border-color .2s}
.aeranc-slot:hover{border-color:var(--ac-marigold)}
.aeranc-slot.sel{border-color:var(--ac-indigo);background:var(--ac-sand2)}
.aeranc-slot .express{background:var(--ac-maroon);color:#FFE8D6;font-size:9.5px;letter-spacing:.1em;
  text-transform:uppercase;padding:3px 8px;border-radius:2px;margin-left:auto;font-weight:700}
.aeranc-slot.full{opacity:.45;cursor:not-allowed}
.aeranc-pincode-note{font-size:13px;color:var(--ac-soft);margin-top:10px}
.aeranc-pincode-note.express{color:var(--ac-ok);font-weight:600}

/* ---------- filters ---------- */
.aeranc-filters{background:#fff;border:1.5px solid var(--ac-line);border-radius:3px;padding:18px;margin-bottom:22px}
.aeranc-filter-group{margin-bottom:18px}
.aeranc-filter-group:last-child{margin-bottom:0}
.aeranc-filter-group h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ac-indigo);
  margin:0 0 10px;font-weight:700}
.aeranc-filter-group label{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:7px;cursor:pointer}
.aeranc-filter-chips{display:flex;flex-wrap:wrap;gap:7px}
.aeranc-chip{border:1.5px solid var(--ac-line);border-radius:20px;padding:6px 13px;font-size:13px;
  cursor:pointer;background:#fff;transition:all .2s}
.aeranc-chip:hover{border-color:var(--ac-marigold)}
.aeranc-chip.on{background:var(--ac-indigo);border-color:var(--ac-indigo);color:var(--ac-sand)}

.aeranc-search{position:relative;margin-bottom:18px}
.aeranc-search input{width:100%;padding:14px 16px;border:2px solid var(--ac-indigo);border-radius:2px;
  font-size:15px;background:#fff}
.aeranc-search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1.5px solid var(--ac-line);
  border-top:0;z-index:40;max-height:340px;overflow-y:auto;display:none}
.aeranc-search-results.open{display:block}
.aeranc-sr{display:flex;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;
  color:var(--ac-ink);border-bottom:1px solid var(--ac-line)}
.aeranc-sr:hover{background:var(--ac-sand2)}
.aeranc-sr img{width:40px;height:40px;object-fit:contain}
.aeranc-sr b{display:block;font-size:14px;color:var(--ac-indigo)}
.aeranc-sr span{font-size:12px;color:var(--ac-soft)}

/* ---------- B2B ---------- */
.aeranc-tier-badge{display:inline-block;background:var(--ac-maroon);color:#FFE8D6;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:2px;font-weight:700;margin-bottom:10px}
.aeranc-qty-breaks{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.aeranc-qty-breaks th{background:var(--ac-sand2);padding:9px 12px;text-align:left;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ac-indigo)}
.aeranc-qty-breaks td{padding:9px 12px;border-top:1px solid var(--ac-line)}
.aeranc-qty-breaks .save{color:var(--ac-ok);font-weight:600}

.aeranc-credit-card{background:var(--ac-sand2);border:1.5px solid var(--ac-line);
  border-left:4px solid var(--ac-marigold);border-radius:3px;padding:20px;margin-bottom:24px}
.aeranc-credit-card h3{margin:0 0 14px;font-size:18px;color:var(--ac-indigo)}
.aeranc-credit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:640px){.aeranc-credit-grid{grid-template-columns:repeat(2,1fr)}}
.aeranc-credit-grid span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ac-soft)}
.aeranc-credit-grid b{display:block;font-size:18px;color:var(--ac-indigo);margin-top:4px}
.aeranc-credit-grid b.ok{color:var(--ac-ok)}

/* bulk order pad */
.aeranc-pad-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.aeranc-pad-tools input[type=search]{flex:1;min-width:220px;padding:12px 14px;
  border:1.5px solid var(--ac-line);border-radius:2px}
table.aeranc-pad{width:100%;border-collapse:collapse;background:#fff;border:1.5px solid var(--ac-line)}
table.aeranc-pad th{background:var(--ac-indigo);color:var(--ac-sand);padding:12px 14px;text-align:left;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
table.aeranc-pad td{padding:12px 14px;border-top:1px solid var(--ac-line);vertical-align:middle}
table.aeranc-pad tr.hide{display:none}
table.aeranc-pad input[type=number]{width:88px;padding:9px;border:1.5px solid var(--ac-line);
  border-radius:2px;text-align:center}
table.aeranc-pad .sku{font-family:ui-monospace,monospace;font-size:12px;color:var(--ac-soft)}
.aeranc-pad-bar{position:sticky;bottom:0;background:var(--ac-indigo);color:var(--ac-sand);
  padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;
  flex-wrap:wrap;margin-top:0;border-radius:0 0 3px 3px}
.aeranc-pad-bar strong{font-size:17px}
.aeranc-pad-bar button{background:var(--ac-marigold);color:var(--ac-indigo);border:0;
  padding:12px 24px;border-radius:2px;font-weight:700;cursor:pointer;font-size:14px}
.aeranc-pad-bar button:hover{background:#F4A93C}

/* freshness */
.aeranc-freshness{font-size:13.5px;color:var(--ac-soft);margin:0 0 14px}
.aeranc-freshness strong{color:var(--ac-indigo)}
.aeranc-freshness span{opacity:.8}

/* ---------- admin ---------- */
.aeranc-batch-table input[type=text],.aeranc-batch-table input[type=date]{width:100%}
.aeranc-batch-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.aeranc-batch-tag{font-size:11px;color:#666;margin-top:4px}
.aeranc-api-help{background:#fff;border:1px solid #ccd0d4;border-left:4px solid var(--ac-indigo);
  padding:14px 18px;margin:20px 0;max-width:780px}
.aeranc-api-help h3{margin-top:0}
.aeranc-api-help pre{background:#F6F7F7;padding:12px;overflow-x:auto;font-size:12px;margin:0}