/* Minimal, responsive, GP-friendly (theme #7c3aed with gradient buttons) */
:root{
  --osc-primary:#7c3aed;
  --osc-primary-600:#6d28d9;
  --osc-primary-50:rgba(124,58,237,.10);
  --osc-purple-start:#7c3aed;
  --osc-purple-end:#a855f7;
  --osc-purple-hover-start:#8b5cf6;
  --osc-purple-hover-end:#c084fc;
  --osc-text:#111;
  --osc-muted:#6b7280;
  --osc-border:#e5e7eb;
  --osc-bg:#fff;
  --osc-green:#0f5132;
  --osc-blue:#2563eb;
  --osc-black:#111;

  /* cap the overall search bar width */
  --osc-bar-width:740px;
}

/* iOS: prevent auto-zoom/font bumping on inputs */
html{-webkit-text-size-adjust:100%;}

/* wrapper */
.osc-aurora-lite{margin:14px 0 20px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.osc-aurora-lite .wrap{max-width:1100px;margin:0 auto;padding:0 12px;}

/* Top bar */
.osc-al-bar{
  display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;
  position:sticky;top:0;padding:8px 0;background:var(--osc-bg);z-index:6;border-radius:12px;
  max-width:var(--osc-bar-width);margin:0 auto;
}
.osc-al-bar input[type="search"]{
  width:100%;height:40px;padding:8px 12px;border:1px solid var(--osc-border);border-radius:12px;outline:none;
  font-size:15px;background:#fff;color:var(--osc-text);box-sizing:border-box;
}
.osc-al-bar input[type="search"]::placeholder{color:#9ca3af;}
.osc-al-bar input[type="search"]:focus{border-color:var(--osc-primary);box-shadow:0 0 0 3px var(--osc-primary-50);}

/* Buttons (search / clear / cart) */
.osc-al-btn,.osc-al-clear,.osc-al-cartbtn{
  display:inline-flex;align-items:center;justify-content:center;height:40px;padding:8px 18px;border-radius:12px;
  font-weight:800;cursor:pointer;border:1px solid transparent;
  transition:transform .06s,box-shadow .15s,background .15s,border-color .15s;
}
/* Search = gradient purple like theme */
.osc-al-btn{
  color:#fff;background:linear-gradient(90deg,var(--osc-purple-start),var(--osc-purple-end));
  border-color:transparent;box-shadow:0 8px 18px rgba(124,58,237,.22);
}
.osc-al-btn:hover{background:linear-gradient(90deg,var(--osc-purple-hover-start),var(--osc-purple-hover-end));box-shadow:0 10px 22px rgba(124,58,237,.28);}
.osc-al-btn:active{transform:translateY(1px);}

/* Outline (Clear) */
.osc-al-clear{background:#fff;color:var(--osc-primary);border-color:var(--osc-primary);}
.osc-al-clear:hover{background:var(--osc-primary-50);box-shadow:0 4px 12px rgba(124,58,237,.12);}

/* Optional cart pill */
.osc-al-cartbtn{background:var(--osc-black);color:#fff;border-color:var(--osc-black);gap:8px;}
.osc-al-cartbtn:hover{filter:brightness(.92);box-shadow:0 6px 16px rgba(0,0,0,.18);}
.osc-al-cartbtn .count{background:#fff;color:var(--osc-black);font-weight:800;padding:2px 8px;border-radius:999px;}

/* ====================== DROPDOWN POP (white card) ====================== */
.osc-al-pop{
  position:absolute;z-index:9999;background:#fff;
  border:1px solid var(--osc-border);border-radius:14px;
  box-shadow:0 16px 40px rgba(17,17,17,.14);
  overflow:auto;-webkit-overflow-scrolling:touch;
  box-sizing:border-box;padding:12px;
  max-width:560px;min-width:340px;max-height:72vh;
}

/* Sections */
.osc-al-results{margin:0;padding:0;background:transparent;border:none;}
.osc-al-section{padding:6px 6px 12px;}
.osc-al-section:not(:first-child){border-top:1px solid var(--osc-border);padding-top:12px;margin-top:6px;}
.osc-al-section h3{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.06em;color:var(--osc-muted);text-transform:uppercase;}

/* Single-column list in dropdown */
.osc-al-pop .osc-al-grid{display:grid;grid-template-columns:1fr;gap:10px;}

/* Card row: name | price (center) | actions  */
.osc-al-card{
  position:relative;
  display:grid;grid-template-columns:1.6fr .6fr auto;align-items:center;
  gap:12px;
  padding:11px 12px;border:1px solid #eee;border-radius:12px;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:box-shadow .15s,border-color .15s,transform .06s,background .15s;
  min-height:60px; /* keep all boxes same height */
}
.osc-al-card:hover{border-color:var(--osc-primary);box-shadow:0 6px 18px rgba(124,58,237,.12);}

/* subtle type cue via left stripe */
.osc-al-card.bundle{border-left:4px solid var(--osc-primary);background:rgba(124,58,237,.04);}
.osc-al-card.single{border-left:4px solid var(--osc-blue);background:rgba(37,99,235,.05);}

/* remove badges */
.osc-al-card.bundle::after,.osc-al-card.single::after{display:none;content:none;}

.osc-al-name{
  font-weight:500;margin:0;line-height:1.15;color:var(--osc-text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.osc-al-price{color:var(--osc-green);font-weight:900;margin:0;text-align:center;white-space:nowrap;}

/* Actions — black Add, gradient purple Buy */
.osc-al-actions{display:flex;gap:8px;justify-content:flex-end;}
.osc-al-actions .osc-al-add,.osc-al-actions .osc-al-buy{
  height:36px;padding:8px 14px;font-size:13px;border-radius:12px;font-weight:800;cursor:pointer;border:1px solid transparent;
  transition:transform .06s,box-shadow .15s,filter .15s,background .15s,border-color .15s;white-space:nowrap;
}
.osc-al-actions .osc-al-add{background:var(--osc-black);border-color:var(--osc-black);color:#fff;}
.osc-al-actions .osc-al-add:hover{filter:brightness(.92);box-shadow:0 6px 16px rgba(0,0,0,.18);}
.osc-al-actions .osc-al-buy{
  color:#fff;background:linear-gradient(90deg,var(--osc-purple-start),var(--osc-purple-end));
  border-color:transparent;box-shadow:0 8px 18px rgba(124,58,237,.22);
}
.osc-al-actions .osc-al-buy:hover{background:linear-gradient(90deg,var(--osc-purple-hover-start),var(--osc-purple-hover-end));box-shadow:0 10px 22px rgba(124,58,237,.28);}
.osc-al-actions .osc-al-add:active,.osc-al-actions .osc-al-buy:active{transform:translateY(1px);}

/* States + hint */
.osc-al-loading,.osc-al-empty,.osc-al-error{
  margin:6px;padding:12px 14px;border:1px dashed var(--osc-border);border-radius:12px;color:#444;background:#fafafa;
}
.osc-al-error{border-color:#ffb3b3;color:#8b0000;background:#fff5f5;}
.osc-al-hint{display:none!important;}

/* Toast — white box, black text */
.osc-al-toast{
  position:fixed;top:90px;right:18px;left:auto;bottom:auto;transform:translateY(-8px);
  z-index:99999;max-width:360px;background:#fff;color:#111;
  padding:12px 16px;border-radius:12px;font-weight:800;border:1px solid var(--osc-border);
  opacity:0;pointer-events:none;transition:opacity .18s,transform .18s,box-shadow .18s;
  box-shadow:0 10px 24px rgba(0,0,0,.14);box-sizing:border-box;
}
body.admin-bar .osc-al-toast{top:122px;}
.osc-al-toast.show{opacity:1;transform:translateY(0);}

/* ===================== Mobile: stack button BELOW name+price ===================== */
@media (max-width:720px){
  .osc-aurora-lite .osc-al-bar{max-width:none;} /* full-width on small screens */
}

@media (max-width:600px){
  /* 2-row grid:
     Row 1: name | price
     Row 2: actions (left aligned, compact) */
  .osc-al-card{
    display:grid!important;
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto;
    grid-template-areas:
      "name price"
      "actions actions";
    align-items:center;
    gap:6px 8px;
    min-height:64px;
  }
  .osc-al-name{grid-area:name;min-width:0;font-size:13px;}
  .osc-al-price{grid-area:price;justify-self:end;font-size:12.5px;}

  /* LEFT-aligned, NOT full-width */
  .osc-al-actions{
    grid-area:actions;
    justify-content:flex-start;
    justify-self:start;   /* <-- key: align container to left */
    width:auto;           /* <-- no stretch */
    margin-top:2px;
    gap:6px;
  }
  .osc-al-actions .osc-al-add,
  .osc-al-actions .osc-al-buy{
    width:auto;
    min-width:96px;
    max-width:140px;
    height:30px;
    padding:6px 10px;
    font-size:11.5px;
    line-height:1;
    border-radius:9px;
  }
}

@media (max-width:380px){
  .osc-al-clear{display:none!important;}
  .osc-al-name{font-size:12.5px;}
  .osc-al-price{font-size:12px;}
  .osc-al-actions .osc-al-add,
  .osc-al-actions .osc-al-buy{
    min-width:90px;height:28px;padding:5px 9px;font-size:11px;border-radius:8px;
  }
}

/* ——— remove Buy Now from search dropdown (no other changes) ——— */
.osc-al-actions .osc-al-buy{display:none!important;}