/* Dash Rush base styling (kept compact) */

.dashrush-wrapper { max-width:1200px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; }
.dashrush-filters { text-align:center; margin-bottom:12px; }
.filter-btn { background:#eee; border:none; padding:8px 12px; margin:4px; border-radius:6px; cursor:pointer; }
.filter-btn.active { background:#ff6600; color:#fff; }

.dashrush-list { display:grid; gap:14px; grid-auto-rows:auto; padding:0; margin:0; list-style:none; }

/* grid item */
.dashrush-item { background:#fff; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.06); padding:10px; text-align:center; }
.dashrush-thumb img { width:100%; height:auto; border-radius:8px; display:block; }
.dashrush-title { margin:8px 0 4px; font-size:16px; font-weight:600; }
.dashrush-price { font-weight:700; margin-bottom:6px; }
.dashrush-excerpt { color:#666; font-size:13px; margin-bottom:8px; }
.shop-more-btn { display:block; margin:12px auto 0; padding:10px 18px; color:#fff; border:none; border-radius:6px; cursor:pointer; }

/* Add-to-cart button styling */
.dashrush-addtocart .button { width:100%; }

/* Slider layout (simple horizontal scroll) */
.dashrush-layout-slider .dashrush-list { display:flex; overflow-x:auto; gap:12px; padding-bottom:8px; }
.dashrush-layout-slider .dashrush-item { min-width:220px; flex:0 0 auto; }

/* Responsive CSS helper classes. JS will add these based on settings */
@media (min-width: 900px) {
  .dashrush-list.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .dashrush-list.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
  .dashrush-list.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .dashrush-list.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 899px) {
  .dashrush-list.grid-cols-mobile-1 { grid-template-columns: repeat(1, 1fr); }
  .dashrush-list.grid-cols-mobile-2 { grid-template-columns: repeat(2, 1fr); }
  .dashrush-list.grid-cols-mobile-3 { grid-template-columns: repeat(3, 1fr); }
}

/* Preview-specific small tweaks to make it look good inside admin preview frame */
#dashrush-preview-result .dashrush-wrapper { max-width: 340px; }
#dashrush-preview-result .dashrush-thumb img { border-radius:6px; }