/* Bundle pages polish — pricing + buyer panel, theme colors only.
   Grounded in plugin includes/bundle-panel.php markup: pricing grid
   and cards, panel login/empty/owned states, and the owned panel grid
   (.emc-panel-grid > .emc-panel-item with thumbnail, h4 title and
   .emc-panel-download buttons).
   NOTE: pricing recolor already live via 5.9.43 (featured border,
   badge gradient, indigo checks, gradient buttons) — this file only
   adds spacing/card consistency and panel states, and must NOT
   override the featured card border (see :not() below). Loaded on the
   bundle pages and the front page (homepage also renders the pricing
   section). Verify live on 7.5.4 after deploy. */

/* Pricing grid rhythm (columns stay the theme's/plugin's). */
.emc-bundle-grid {
  gap: 1.5rem;
}

/* Pricing cards: white cards (featured border untouched). */
.emc-bundle-card:not(.emc-bundle-card-featured) {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}
.emc-bundle-card {
  padding: 1.75rem;
}
.emc-bundle-tagline {
  color: #64748b;
}
.emc-bundle-price {
  color: #1e293b;
  font-weight: 800;
}
.emc-bundle-guarantee {
  color: #64748b;
  text-align: center;
  margin-top: 1.5rem;
}

/* Buyer panel states: centered white cards. */
.emc-panel-login,
.emc-panel-empty {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
  padding: 2rem;
  text-align: center;
  max-width: 640px;
  margin: 0 auto 2rem;
}
.emc-panel-login p,
.emc-panel-empty p {
  color: #64748b;
  line-height: 1.7;
}

/* Owned panel: category headings + download buttons. */
.emc-panel-owned h3 {
  font-size: 1.25rem;
  font-weight: 800;
  color: #1e293b;
  margin: 2rem 0 1rem;
}
.emc-panel-owned .emc-panel-download {
  display: inline-block;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #ffffff;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 999px;
  text-decoration: none;
}
.emc-panel-owned .emc-panel-download:hover {
  color: #ffffff;
}

/* Owned panel product grid: white item cards. */
.emc-panel-grid {
  gap: 1.5rem;
}
.emc-panel-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
  padding: 1.25rem;
}
.emc-panel-item img {
  border-radius: 12px;
  width: 100%;
  height: auto;
}
.emc-panel-item h4 {
  font-weight: 700;
}
.emc-panel-item h4 a:hover {
  color: #6366f1;
}