/* Hide the theme’s page H1 + the duplicate h2 inside our app */
.entry-header .entry-title,
.mkep-customiser .mkep-h2 { display:none !important; }

/* =======================
   Two-column layout
   ======================= */
.mkep-step1{
  display:grid;
  grid-template-columns: 320px minmax(0,1fr); /* left summary | right positions */
  gap:20px;
  align-items:start;
}

/* stack on small screens */
@media (max-width: 900px){
  .mkep-step1{ grid-template-columns: 1fr; }
}

/* left column wrapper just to ensure cards don’t stretch */
.mkep-step1__left > *{ width:100%; }

/* keep the actions (Next) aligned with the right column flow */
.mkep-actions{
  margin-top:16px;
}
.mkep-actions .mkep-btn{
  min-width:112px;
}

/* =======================
   Left summary card
   ======================= */
.mkep-s1-card{
  display:flex;
  gap:12px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:12px;
  background:#fff;
}
.mkep-s1-card__media{ width:84px; min-width:84px; }
.mkep-s1-img{ width:84px; height:84px; object-fit:contain; background:#f3f4f6; border-radius:6px; display:block; }
.mkep-s1-img--ph{ width:84px; height:84px; background:#f3f4f6; border-radius:6px; }
.mkep-s1-title{ font-weight:700; font-size:16px; margin-bottom:2px; }
.mkep-s1-sku{ color:#4b5563; font-size:12px; margin-bottom:4px; }
.mkep-s1-sub{ color:#374151; font-size:13px; margin-bottom:8px; }
.mkep-s1-row{ display:flex; align-items:center; justify-content:space-between; font-size:14px; }
.mkep-s1-exvat{ color:#6b7280; font-size:12px; margin-left:6px; }

/* =======================
   Breadcrumb + “Key” row
   lives in the RIGHT column
   ======================= */
.mkep-s1-headbar { margin-bottom: 16px; }
.mkep-s1-breadcrumb {
  font-size: 13px; color: #4b5563; display: flex; align-items: center; gap: 6px;
}
.mkep-s1-breadcrumb .mkep-bc-link { color: #1f2937; text-decoration: none; }
.mkep-s1-breadcrumb .mkep-bc-link:hover { text-decoration: underline; }
.mkep-s1-breadcrumb .mkep-bc-sep { color: #6b7280; }

.mkep-s1-topline{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  border:1px solid #e5e7eb; border-radius:6px; background:#f3f4f6; padding:10px 12px;
}
.mkep-s1-step{ display:flex; align-items:center; gap:10px; font-size:18px; }
.mkep-step-num{
  width:26px; height:26px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:#1e81b0; color:#fff; font-weight:700;
}
.mkep-s1-key{ display:flex; align-items:center; gap:2px; font-size:12px; }
.mkep-badge{
  display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:6px; font-weight:700;
  color:#fff !important;
}
.mkep-badge-ico .mkep-key-icon{ width:18px; height:18px; fill:#fff; display:block; }
.mkep-badge--emb{ background:#1e81b0; } /* blue */
.mkep-badge--prn{ background:#111827; } /* black */

/* tighten the built-in right header so it sits below our bar */
.mkep-step1__right-head{ margin:10px 0 12px; }
.mkep-step1__right-head .mkep-h3{ margin:0; font-size:20px; }
.mkep-s1-selected{ background:#111827; color:#fff; border-radius:999px; padding:2px 8px; font-size:12px; }

/* =======================
   Positions grid (right column)
   ======================= */
#mkep-positions{ display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width: 900px){ #mkep-positions{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width: 1200px){ #mkep-positions{ grid-template-columns:repeat(4,minmax(0,1fr)); } }

.mkep-pos-card{
  position:relative; background:#fff; border:1px solid #d1d5db; border-radius:6px; overflow:hidden; cursor:pointer;
  transition:box-shadow .15s ease, transform .05s ease;
}
.mkep-pos-card:hover{ box-shadow:0 3px 14px rgba(0,0,0,.08); transform:translateY(-1px); }

/* Top left/right cost pills like + £3.50 / + £0.00 */
.mkep-pos-price{
  position:absolute; top:10px; padding:4px 8px; border-radius:4px; font-weight:700; font-size:13px; color:#fff;
}
.mkep-pos-price--emb{ left:10px; background:#1e81b0; }
.mkep-pos-price--prn{ right:10px; background:#111827; }

/* Artwork */
.mkep-pos-art{ background:#fafafa; display:grid; place-items:center; aspect-ratio: 1 / 1; }
.mkep-pos-art img{ max-width:100%; height:auto; display:block; }
.mkep-pos-art__ph{ width:100%; height:100%; }

/* Bottom row: dummy check + label */
.mkep-pos-bottom{
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-top:1px solid #e5e7eb;
}
.mkep-dummy-check{
  width:26px; height:26px; border:2px solid #d1d5db; border-radius:4px; display:inline-flex; align-items:center; justify-content:center;
  color:#10b981; font-weight:800; line-height:1;
}
.mkep-dummy-check i{ display:none; transform:translateY(-1px); }

.mkep-pos-foot{ font-weight:700; display:flex; gap:8px; align-items:center; }
.mkep-pos-foot input.mkep-pos-check{ margin:0 2px 0 0; }

/* Selected state */
.mkep-pos-card.is-selected{ border-color:#10b981; box-shadow:0 0 0 2px rgba(16,185,129,.2); }
.mkep-pos-card.is-selected .mkep-dummy-check{ border-color:#10b981; background:#10b981; color:#fff; }
.mkep-pos-card.is-selected .mkep-dummy-check i{ display:block; }

/* Empty state */
.mkep-s1-empty{ color:#6b7280; font-style:italic; }

/* Hide duplicate small checkboxes under each position */
.mkep-pos-foot input[type="checkbox"] {
    display: none !important;
}

.mkep-step1__right-head .mkep-h3 {
      display: none !important;
}

.mkep-step1__right-head .mkep-s1-selected {
      display: none !important;
}

.mkep-s1-sub{
      display: none !important;
}

.mkep-s1-exvat{
      display: none !important;
}

#mkep-step1-next 

{ background:#0a7; border:1px solid #0a7; color:#fff; display:inline-block; text-decoration:none; padding:10px 14px; border-radius:8px;

}