.btq { border:1px solid #e5e7eb; padding:20px; border-radius:14px; background:#fff; max-width:1000px; }
.btq-title { margin:0 0 8px; }

.btq-h { display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:1.05rem; }
.btq-h span { display:inline-flex; width:24px; height:24px; align-items:center; justify-content:center; border-radius:999px; background:#111827; color:#fff; font-size:.9rem; }
.btq-section { border:1px solid #f1f5f9; padding:16px; border-radius:12px; margin:14px 0; background:#fafafa; }
.btq-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:12px; }
.btq-field { display:flex; flex-direction:column; gap:6px; margin-bottom:6px; }
.btq-field input[type="text"],
.btq-field input[type="email"],
.btq-field input[type="url"],
.btq-field select,
.btq-field textarea { padding:10px; border-radius:10px; border:1px solid #d1d5db; background:#fff; }
.btq-field select { height:40px; }
.btq-field textarea { min-height:96px; }
.btq-hint { color:#6b7280; }
.btq-note { font-size:.95rem; color:#6b7280; margin:6px 0 0; }

.btq-fieldset { border:1px dashed #e5e7eb; padding:12px; border-radius:12px; margin:12px 0; }
.btq-inline { display:flex; align-items:center; gap:12px; }
.btq-hidden { display:none; }

.btq-slab{border:1px solid #e5e7eb; padding:12px; border-radius:10px; margin:12px 0; background:#fff;}
.btq-slab-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;}
.btq-link{background:transparent; border:none; color:#2563eb; cursor:pointer; padding:0;}

.btq-actions-inline { display:flex; justify-content:flex-start; }
.btq-actions { display:flex; align-items:center; gap:12px; margin-top:12px; }

/* Unified Buttons */
.btq .btq-btn,
.btq .btq-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:12px;
  font-weight:600;
  line-height:1;
  border:1px solid transparent;
  text-decoration:none;
  transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

/* Primary CTA */
.btq .btq-btn{
  background:#FFA800;
  color:#fff;
  border-color:#FFA800;
}
.btq .btq-btn:hover{ background:#e69900; border-color:#e69900; }
.btq .btq-btn:focus{ outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.25); }

/* Secondary */
.btq .btq-btn-secondary{
  background:#fff;
  color:#111827;
  border-color:#d1d5db;
}
.btq .btq-btn-secondary:hover{ background:#f3f4f6; border-color:#9ca3af; }
.btq .btq-btn-secondary:focus{ outline:none; box-shadow:0 0 0 3px rgba(17,24,39,.12); }

/* Choice buttons (chips) */
.btq-choice-group{ display:flex; gap:10px; flex-wrap:wrap; }
.btq-choice{ position:relative; display:inline-flex; }
.btq-choice input{ position:absolute; opacity:0; pointer-events:none; }
.btq-choice span{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid #d1d5db; border-radius:12px; background:#fff; cursor:pointer; user-select:none; }
.btq-choice input:focus + span{ outline:2px solid rgba(17,24,39,.12); outline-offset:2px; }
.btq-choice input:checked + span{ background:#111827; color:#fff; border-color:#111827; box-shadow:0 0 0 2px rgba(17,24,39,.15); }

/* Illustrated kitchen shape cards */
.btq-choice-cards{ display:flex; gap:12px; flex-wrap:wrap; }
.btq-card-choice{ position:relative; display:inline-flex; }
.btq-card-choice input{ position:absolute; opacity:0; pointer-events:none; }
.btq-card-choice .btq-card{
  display:flex; flex-direction:column; align-items:center; gap:6px;
  padding:12px; border:1px solid #d1d5db; border-radius:12px; background:#fff;
  width:140px; cursor:pointer; user-select:none;
}
.btq-card-choice .btq-card svg{ width:100%; height:auto; max-height:64px; }
.btq-card-choice .btq-card svg rect{ fill:#9ca3af; }
.btq-card-choice input:checked + .btq-card{ background:#111827; color:#fff; border-color:#111827; box-shadow:0 0 0 2px rgba(17,24,39,.15); }
.btq-card-choice input:checked + .btq-card svg rect{ fill:#e5e7eb; }
.btq-card-choice .btq-card em{ font-style:normal; font-weight:600; font-size:.95rem; }

/* Product gallery */
.btq-search{ display:flex; gap:8px; align-items:center; margin:6px 0 10px; flex-wrap:wrap; }
.btq-search input{ flex:1; padding:10px; border-radius:10px; border:1px solid #d1d5db; min-width:240px; }
.btq-cat{ padding:10px; border-radius:10px; border:1px solid #d1d5db; }
.btq-prod-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(160px,1fr)); gap:12px; margin-top:8px; }
.btq-prod-card{ border:1px solid #e5e7eb; border-radius:12px; background:#fff; cursor:pointer; overflow:hidden; display:flex; flex-direction:column; }
.btq-prod-card.selected{ border-color:#0f172a; box-shadow:0 0 0 3px rgba(15,23,42,.45); }
.btq-prod-img{ width:100%; padding-top:49%; background-size:cover; background-position:center; }
.btq-prod-title{ padding:8px 10px; font-size:.95rem; line-height:1.2; }
.btq-pager{ display:flex; align-items:center; gap:12px; margin-top:10px; }
.btq-skel-anim{ background: linear-gradient(90deg,#f5f5f5,#eee,#f5f5f5); background-size:200% 100%; animation: btqShimmer 1.2s infinite; }
.btq-skel .btq-prod-img{ padding-top:49%; }
@keyframes btqShimmer{ 0%{background-position:200% 0} 100%{background-position:-200% 0} }

.btq-selected-product{ margin-top:6px; font-size:.95rem; color:#374151; }
.btq-selected-product strong{ font-weight:600; }

/* Error */
.btq-error{ border-color:#dc2626 !important; background:#fff7f7; }
.btq-error-text{ color:#dc2626; font-size:.9em; margin-top:4px; }

/* === PATCH v1.12.2 === */
/* Product images - 30% lower height */
.wcbq .card img { height: 112px !important; }

/* Buttons same height in product cards */
.wcbq .card .btn-group .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}

/* Rename 'Visa' to 'Visa produkt' handled in JS/markup */

/* Kitchen type buttons as icons */
.wcbq .kitchen-types .btn {
  position: relative;
  padding-top: 48px;
}
.wcbq .kitchen-types .btn::before {
  content: attr(data-icon);
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 28px;
}
/* Example icons: use ─, ⌞, ⌟, ⌴ characters */

/* === ICON PATCH v1.12.3 === */
/* Kitchen type bar */
.wcbq .kitchen-types { display:flex; gap:10px; flex-wrap:wrap; margin: 10px 0 14px; }
.wcbq .kitchen-types .btn {
  border-radius: 6px;
  border: 1px solid #d6d6d6;
  background: #fff;
  padding: 10px 12px 10px 44px; /* room for icon */
  position: relative;
  min-height: 40px;
  line-height: 1.2;
}
.wcbq .kitchen-types .btn.active { border-color: #222; background:#f5f5f5; }
.wcbq .kitchen-types .btn svg {
  position: absolute;
  left: 10px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px;
}

/* Slab numbered badge */
.wcbq .slab .slab-head .badge-num {
  display:inline-flex; align-items:center; justify-content:center;
  width: 22px; height: 22px; border-radius: 50%;
  background:#2d2d2d; color:#fff; font-size: 12px; font-weight: 700;
  margin-right: 8px;
}

/* === v1.12.5 kitchen + success === */
/* Hide potential legacy kitchen-type pills if our new bar is present */
.wcbq.has-new-kitchen .legacy-kitchen, 
.wcbq.has-new-kitchen .legacy-kitchen * { display:none !important; }

/* Success message box */
.wcbq .success-box {
  margin-top: 14px;
  border: 1px solid #c9f1cf;
  background: #f1fff3;
  color:#123a1c;
  border-radius: 10px;
  padding: 14px;
  font-weight: 600;
}

/* Our kitchen type bar buttons */
.wcbq .kitchen-types { display:flex; gap:10px; flex-wrap:wrap; margin: 10px 0 14px; }
.wcbq .kitchen-types .btn {
  border-radius: 6px;
  border: 1px solid #d6d6d6;
  background: #fff;
  padding: 10px 12px 10px 44px; /* room for icon */
  position: relative;
  min-height: 40px;
  line-height: 1.2;
  cursor: pointer;
}
.wcbq .kitchen-types .btn.active { border-color: #222; background:#f5f5f5; }
.wcbq .kitchen-types .btn svg {
  position: absolute;
  left: 10px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px;
}

/* === v1.12.6 FORCE KITCHEN === */
/* Hide any legacy kitchen groups we can detect */
.wcbq .legacy-kitchen,
.wcbq .legacy-kitchen *,
.wcbq .kitchen-legacy,
.wcbq .kitchen-legacy *,
.wcbq .kitchen-type-legacy,
.wcbq .kitchen-type-legacy * { display:none !important; }

/* Also hide selects/radios once replaced */
.wcbq .is-replaced { display:none !important; }


/* --- Force ONLY the "Skicka offert" button to orange --- */
.wc-btqx input[type=submit][value*="Skicka"],
.wc-btqx button[type=submit],
.wc-btqx .btq-btn-submit {
  background-color: #FFA800 !important;
  border-color: #FFA800 !important;
  color: #000 !important;
}
.wc-btqx input[type=submit][value*="Skicka"]:hover,
.wc-btqx button[type=submit]:hover,
.wc-btqx .btq-btn-submit:hover {
  background-color: #FFA800 !important;
  border-color: #FFA800 !important;
  color: #000 !important;
}


/* Fallback: ensure submit class is orange */
.wc-btqx .btq-btn-submit,
.wc-btqx button[type=submit].btq-submit,
.wc-btqx input[type=submit].btq-submit {
  background-color: #FFA800 !important;
  border-color: #FFA800 !important;
  color: #000 !important;
}