/* Vega Add-ons: mobile-only compact list of 3 fields, scoped under plugin root.
 * No button, price, admin, or cart styles are changed.
 */
.vpa-wrap .vpa-mobile-scroll-controls[hidden] { display: none !important; }
@media (max-width: 700px) {
  .vpa-wrap .vpa-fields.vpa-mobile-scroll {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    height: var(--vpa-compact-height, auto);
    max-height: var(--vpa-compact-height, none);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scroll-snap-type: y proximity;
    scrollbar-width: thin;
    scrollbar-color: #c9a7b4 #fff7f8;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    padding: 2px 6px 8px 2px;
  }
  .vpa-wrap .vpa-fields.vpa-mobile-scroll > .vpa-field {
    flex: 0 0 auto;
    min-width: 0;
    scroll-snap-align: start;
    scroll-margin-top: 2px;
  }
  /* Six upload slots should look compact, not like six giant drop-zones. */
  .vpa-wrap .vpa-fields.vpa-mobile-scroll > .vpa-type-file {
    padding: 11px;
    gap: 8px;
  }
  .vpa-wrap .vpa-fields.vpa-mobile-scroll .vpa-dropzone {
    min-height: 88px;
    padding: 12px;
  }
  .vpa-wrap .vpa-fields.vpa-mobile-scroll .vpa-dropzone-copy strong {
    font-size: 13px;
  }
  .vpa-wrap .vpa-fields.vpa-mobile-scroll::-webkit-scrollbar { width: 5px; }
  .vpa-wrap .vpa-fields.vpa-mobile-scroll::-webkit-scrollbar-thumb {
    background: #c9a7b4; border-radius: 20px;
  }
  .vpa-wrap .vpa-mobile-scroll-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 11px;
    border-radius: 11px;
    border: 1px solid #eee1e6;
    background: #fff7f9;
    color: #6c3d50;
    font-size: 12px;
    font-weight: 650;
  }
  .vpa-wrap .vpa-mobile-scroll-hint {display:flex;align-items:center;gap:8px;}
  .vpa-wrap .vpa-mobile-scroll-dot {
    display:inline-block;width:7px;height:7px;flex:0 0 7px;
    background:#a4486e;border-radius:50%;
  }
  .vpa-wrap .vpa-mobile-scroll-actions {display:flex;align-items:center;gap:7px;margin-left:auto;}
  .vpa-wrap .vpa-mobile-scroll-count {min-width:52px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
  .vpa-wrap .vpa-mobile-scroll-actions button {
    width:36px;min-width:36px;height:36px;min-height:36px;
    margin:0;padding:0 !important;
    display:flex;justify-content:center;align-items:center;
    border:1px solid #e2c4d0 !important;border-radius:10px !important;
    background:#fff !important;color:#7c2b4d !important;
    font:700 20px/1 Arial,sans-serif !important;
    box-shadow:none !important;cursor:pointer;
  }
  .vpa-wrap .vpa-mobile-scroll-actions button:disabled {opacity:.35;cursor:default;}
  .vpa-wrap .vpa-mobile-scroll-actions button:focus-visible {outline:2px solid #822e50 !important;outline-offset:2px;}
  .vpa-wrap .vpa-fields.vpa-mobile-scroll .vpa-file-input {touch-action:pan-y;}
}
@media (min-width: 701px) {
  .vpa-wrap .vpa-mobile-scroll-controls { display:none !important; }
}
@media (prefers-reduced-motion:reduce) {
  .vpa-wrap .vpa-fields.vpa-mobile-scroll {scroll-behavior:auto !important;}
}