/* Pajero Manual — eigenständige Shell, keine Theme-Abhängigkeit */
.pkw-html, .pkw-app-body {
  margin: 0;
  padding: 0;
  background: #e8ece9;
  color: #1b2420;
}
.pkw-app {
  --pkw-accent: #1f4b3a;
  --pkw-bg: #e8ece9;
  --pkw-ink: #1b2420;
  --pkw-muted: #5a675f;
  --pkw-card: #f7f9f7;
  --pkw-line: #c9d2cb;
  --pkw-max: 960px;
  font-family: "Source Sans 3", "Segoe UI", "Helvetica Neue", sans-serif;
  color: var(--pkw-ink);
  background:
    linear-gradient(180deg, #dfe6e1 0%, var(--pkw-bg) 28%, #eef2ef 100%);
  min-height: 100vh;
  box-sizing: border-box;
}
.pkw-app *, .pkw-app *::before, .pkw-app *::after { box-sizing: border-box; }

.pkw-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); border: 0;
}

.pkw-topbar {
  position: sticky; top: 0; z-index: 20;
  background: rgba(247, 249, 247, 0.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--pkw-line);
}
.pkw-topbar-inner {
  max-width: var(--pkw-max);
  margin: 0 auto;
  padding: .65rem 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1rem;
}
.pkw-brand {
  display: flex; flex-direction: column; text-decoration: none; color: inherit; min-width: 0;
}
.pkw-brand-name {
  font-weight: 700; font-size: 1.15rem; color: var(--pkw-accent); letter-spacing: -.01em;
}
.pkw-brand-sub { font-size: .72rem; color: var(--pkw-muted); text-transform: uppercase; letter-spacing: .06em; }

.pkw-nav { margin-left: auto; }
.pkw-nav-list {
  list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem .75rem;
}
.pkw-nav-link {
  text-decoration: none; color: var(--pkw-ink); font-weight: 600; font-size: .95rem;
  padding: .35rem .2rem; border-bottom: 2px solid transparent;
}
.pkw-nav-link:hover, .pkw-nav-link:focus-visible { color: var(--pkw-accent); }
.pkw-nav-link.is-active { border-bottom-color: var(--pkw-accent); color: var(--pkw-accent); }

.pkw-nav-toggle {
  display: none; margin-left: auto; width: 44px; height: 44px;
  border: 1px solid var(--pkw-line); border-radius: 8px; background: #fff; cursor: pointer;
  flex-direction: column; justify-content: center; align-items: center; gap: 5px;
}
.pkw-nav-toggle span[aria-hidden] {
  display: block; width: 18px; height: 2px; background: var(--pkw-ink);
}

.pkw-header-search {
  display: flex; align-items: center; gap: .25rem;
  border: 1px solid var(--pkw-line); border-radius: 999px; background: #fff; padding: .15rem .15rem .15rem .7rem;
}
.pkw-header-search input {
  border: 0; min-width: 0; width: 9rem; font-size: .95rem; background: transparent;
}
.pkw-header-search input:focus { outline: none; }
.pkw-icon-btn {
  width: 40px; height: 40px; border: 0; border-radius: 999px; background: var(--pkw-accent);
  color: #fff; cursor: pointer; font-size: 1.1rem;
}

.pkw-main { max-width: var(--pkw-max); margin: 0 auto; padding: 1.25rem 1rem 2rem; }
.pkw-h1 { margin: 0 0 .4rem; font-size: clamp(1.55rem, 3.5vw, 2rem); color: var(--pkw-accent); }
.pkw-h2 { margin: 1.4rem 0 .7rem; font-size: 1.2rem; }
.pkw-lead { color: var(--pkw-muted); margin: 0 0 1rem; max-width: 42rem; }
.pkw-muted, .pkw-hint { color: var(--pkw-muted); font-size: .95rem; }
.pkw-card, .pkw-search-form, .pkw-section, .pkw-result, .pkw-empty, .pkw-empty-state, .pkw-panel {
  background: var(--pkw-card);
  border: 1px solid var(--pkw-line);
  border-radius: 12px;
}
.pkw-search-form, .pkw-card, .pkw-section, .pkw-empty, .pkw-empty-state, .pkw-panel { padding: 1rem 1.1rem; }
.pkw-label { display: block; font-weight: 600; margin: .75rem 0 .35rem; }
.pkw-search-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.pkw-search-row input[type="search"], .pkw-filter-grid input[type="text"], .pkw-filter-grid input[type="number"] {
  flex: 1 1 240px; min-height: 48px; padding: .7rem .9rem; border: 1px solid var(--pkw-line);
  border-radius: 10px; font-size: 1rem; background: #fff;
}
.pkw-btn {
  min-height: 48px; padding: .7rem 1rem; border-radius: 10px; border: 1px solid var(--pkw-line);
  background: #fff; color: var(--pkw-ink); font-weight: 600; cursor: pointer; text-decoration: none;
  display: inline-flex; align-items: center; justify-content: center;
}
.pkw-btn:focus-visible,
.pkw-search-row input:focus-visible,
.pkw-filters select:focus-visible,
.pkw-feedback textarea:focus-visible,
.pkw-nav-link:focus-visible,
.pkw-header-search input:focus-visible,
.pkw-icon-btn:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--pkw-accent) 45%, white);
  outline-offset: 2px;
}
.pkw-btn-primary { background: var(--pkw-accent); color: #fff; border-color: transparent; }
.pkw-chip {
  border: 1px solid var(--pkw-line); background: #fff; border-radius: 8px;
  padding: .4rem .75rem; margin: .15rem; cursor: pointer; font-size: .9rem;
}
.pkw-filters { margin: 1rem 0 0; background: transparent; border: 0; padding: 0; }
.pkw-filters summary { cursor: pointer; font-weight: 600; }
.pkw-filter-grid { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); margin-top: .75rem; }
.pkw-filters select { width: 100%; min-height: 44px; border-radius: 8px; border: 1px solid var(--pkw-line); padding: .4rem; background: #fff; }
.pkw-results { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }
.pkw-result a { display: block; padding: 1rem 1.1rem; color: inherit; text-decoration: none; }
.pkw-result--with-image a { display: grid; grid-template-columns: minmax(92px, 132px) 1fr; gap: 1rem; align-items: start; }
.pkw-result-thumb { display: block; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--pkw-line); border-radius: 9px; background: #fff; }
.pkw-result-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.pkw-result-body { min-width: 0; }
.pkw-detail-image { margin: 1rem 0; padding: .75rem; background: #fff; border: 1px solid var(--pkw-line); border-radius: 12px; text-align: center; }
.pkw-detail-image a { display: block; }
.pkw-detail-image img { display: block; width: 100%; max-height: 72vh; object-fit: contain; border-radius: 8px; }
.pkw-detail-image figcaption { margin-top: .55rem; color: var(--pkw-muted); font-size: .9rem; }
@media (max-width: 560px) {
  .pkw-result--with-image a { grid-template-columns: 92px 1fr; gap: .75rem; }
  .pkw-result--with-image .pkw-meta { font-size: .82rem; }
}
@media (max-width: 390px) {
  .pkw-result--with-image a { display: block; }
  .pkw-result-thumb { width: 100%; max-height: 180px; margin-bottom: .75rem; }
}
.pkw-result h3 { margin: 0 0 .35rem; font-size: 1.15rem; color: var(--pkw-accent); }
.pkw-meta { font-size: .9rem; color: var(--pkw-muted); margin: .4rem 0 0; }
.pkw-detail-title { font-size: clamp(1.4rem, 3.5vw, 1.9rem); margin: .4rem 0; }
.pkw-section { margin: 1.1rem 0; }
.pkw-section h2 { margin-top: 0; font-size: 1.15rem; }
.pkw-prose { overflow-wrap: anywhere; line-height: 1.55; }
.pkw-warn, .pkw-warn-inline { background: #fff4e5; border-left: 4px solid #c47b16; padding: .75rem 1rem; border-radius: 8px; }
.pkw-badge { display: inline-block; background: #e7f2ec; color: var(--pkw-accent); padding: .35rem .7rem; border-radius: 8px; font-size: .85rem; }
.pkw-feedback-form { display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-start; }
.pkw-feedback textarea { width: 100%; border-radius: 10px; border: 1px solid var(--pkw-line); padding: .6rem; background: #fff; }
.pkw-pager { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: 1rem; }
.pkw-page { min-width: 40px; min-height: 40px; border-radius: 8px; border: 1px solid var(--pkw-line); display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: inherit; background: #fff; }
.pkw-page.is-active { background: var(--pkw-accent); color: #fff; border-color: transparent; }
.pkw-empty { padding: 1rem; border-style: dashed; }
.pkw-unverified { font-style: italic; color: var(--pkw-muted); }
.pkw-manuals { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }
.pkw-manual-item { padding: .75rem 0; border-bottom: 1px solid var(--pkw-line); }
.pkw-manual-item:last-child { border-bottom: 0; }
.pkw-back { color: var(--pkw-accent); font-weight: 600; text-decoration: none; }
.pkw-result-actions { margin: .6rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.pkw-manual-more summary { cursor: pointer; font-weight: 600; margin-top: .75rem; }
.pkw-footer {
  max-width: var(--pkw-max); margin: 0 auto; padding: 1.5rem 1rem 2.5rem;
  color: var(--pkw-muted); font-size: .92rem; border-top: 1px solid var(--pkw-line);
}
.pkw-footer a { color: var(--pkw-accent); }

/* Seitenbild-Viewer (kein PDF.js, kein Download) — mobile-first. */
.pkw-page-viewer { padding: 0; overflow: hidden; }
.pkw-page-viewer-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  padding: .6rem;
  border-bottom: 1px solid var(--pkw-line);
  background: var(--pkw-card);
}
.pkw-page-viewer-toolbar input[type="number"] {
  width: 4rem;
  min-height: 40px;
  border: 1px solid var(--pkw-line);
  border-radius: 8px;
  padding: .35rem .5rem;
  text-align: center;
}
.pkw-page-viewer-toolbar a.pkw-btn[aria-disabled="true"] {
  opacity: .4;
  pointer-events: none;
}
.pkw-page-viewer-stage {
  position: relative;
  width: 100%;
  /* Feste Viewport-Höhe: Bild wird per object-fit:contain vollständig eingepasst
     (kein Abschneiden von Hochformatseiten durch width-first + overflow:hidden). */
  height: min(78vh, 900px);
  min-height: 520px;
  max-height: none;
  overflow: hidden;
  background: #1b1f1c;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
}
.pkw-page-viewer-stage:fullscreen,
.pkw-page-viewer-stage:-webkit-full-screen {
  width: 100vw;
  height: 100vh; /* Fallback ohne dvh */
  height: 100dvh;
  min-height: 100vh;
  max-height: none;
  background: #000;
}
.pkw-page-viewer-img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  touch-action: none;
  transform-origin: center center;
  will-change: transform;
  user-select: none;
  -webkit-user-drag: none;
}
.pkw-page-viewer-pending {
  margin: 0;
  padding: 2rem 1rem;
  text-align: center;
  color: var(--pkw-muted);
}
.pkw-page-viewer-status {
  margin: 0;
  min-height: 1.4rem;
  padding: .4rem .6rem;
  text-align: center;
  font-size: .88rem;
  color: var(--pkw-muted);
}
.pkw-page-viewer-hint {
  margin: 0;
  padding: 0 .6rem .6rem;
  font-size: .82rem;
}
.pkw-page-viewer-fallback-nav { display: flex; flex-wrap: wrap; gap: .5rem; padding: 1rem; }

@media (max-width: 760px) {
  .pkw-page-viewer-stage {
    height: 68vh; /* Fallback für Browser ohne dvh */
    height: 68dvh;
    min-height: 420px;
    max-height: none;
  }
  .pkw-page-viewer-toolbar { justify-content: space-between; }
}

.pkw-app.nav-open .pkw-nav { display: block; width: 100%; }
.pkw-app.nav-open .pkw-nav-list { flex-direction: column; }

@media (max-width: 760px) {
  .pkw-nav-toggle { display: inline-flex; }
  .pkw-nav { display: none; width: 100%; order: 5; }
  .pkw-header-search { order: 4; flex: 1 1 auto; }
  .pkw-header-search input { width: 100%; flex: 1; }
  .pkw-search-row { flex-direction: column; }
  .pkw-btn, .pkw-search-row input[type="search"] { width: 100%; }
  .pkw-main { padding: 1rem .75rem 2rem; }
}

/* Beitragen-CTA in der Navigation — prominent, aber nicht aufdringlich. */
.pkw-nav-cta {
  background: var(--pkw-accent);
  color: #fff !important;
  border-radius: 999px;
  padding: .45rem .9rem;
  border-bottom: none !important;
}
.pkw-nav-cta:hover, .pkw-nav-cta:focus-visible {
  color: #fff !important;
  background: color-mix(in srgb, var(--pkw-accent) 85%, black);
}
.pkw-nav-cta.is-active { outline: 2px solid #fff; outline-offset: -4px; }

/* Dezenter Beitragen-Hinweis auf Start/Suche — kein Ads-Look. */
.pkw-callout {
  background: var(--pkw-card);
  border: 1px dashed var(--pkw-line);
  border-radius: 12px;
  padding: .85rem 1rem;
  margin: 0 0 1.1rem;
}
.pkw-callout p { margin: 0; }
.pkw-callout-link { color: var(--pkw-accent); font-weight: 700; text-decoration: none; }
.pkw-callout-link:hover, .pkw-callout-link:focus-visible { text-decoration: underline; }

/* Beitragsformular */
.pkw-contribute-form textarea {
  width: 100%;
  min-height: 220px;
  padding: .75rem .9rem;
  border: 1px solid var(--pkw-line);
  border-radius: 10px;
  font: inherit;
  background: #fff;
  resize: vertical;
}
.pkw-contribute-or { text-align: center; color: var(--pkw-muted); margin: .6rem 0; font-weight: 600; }
.pkw-contribute-form input[type="file"] {
  display: block;
  width: 100%;
  padding: .6rem;
  border: 1px solid var(--pkw-line);
  border-radius: 10px;
  background: #fff;
}
.pkw-contribute-form .pkw-btn { margin-top: 1rem; }
.pkw-contribute-status { min-height: 1.2rem; }
.pkw-contribute-error[hidden] { display: none; }

/* Anmelde-Übergangsseite */
.pkw-auth-buttons { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }
.pkw-btn-facebook { background: #1877f2; color: #fff; border-color: transparent; }
.pkw-auth-forms { display: grid; gap: .75rem; margin-top: .5rem; }
.pkw-auth-card { background: var(--pkw-card); border: 1px solid var(--pkw-line); border-radius: 12px; padding: .85rem 1rem; }
.pkw-auth-card summary { cursor: pointer; font-weight: 700; }
.pkw-auth-form { display: grid; gap: .35rem; margin-top: .75rem; max-width: 26rem; }
.pkw-auth-form input { min-height: 46px; padding: .6rem .8rem; border: 1px solid var(--pkw-line); border-radius: 10px; background: #fff; font: inherit; }
.pkw-auth-form .pkw-btn { margin-top: .5rem; }

/* Community-Badges und -Liste */
.pkw-community-badge {
  display: inline-block;
  font-size: .78rem;
  font-weight: 700;
  padding: .28rem .6rem;
  border-radius: 999px;
  margin-bottom: .45rem;
  background: #eef1ef;
  color: var(--pkw-muted);
}
.pkw-community-badge--candidate { background: #eef1ef; color: #5a675f; }
.pkw-community-badge--community_confirmed { background: #e7f2ec; color: var(--pkw-accent); }
.pkw-community-badge--disputed { background: #fff4e5; color: #c47b16; }
.pkw-community-badge--promoted { background: #e6eefb; color: #2358a4; }
.pkw-community-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }
.pkw-community-item { padding: 0; }
.pkw-community-item h3 { margin: 0 0 .35rem; }
.pkw-community-votes { margin: 0 0 1rem 1.1rem; }
.pkw-community-votes .pkw-btn.is-done { opacity: .7; cursor: default; }
.pkw-filter-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin: .75rem 0 1.1rem; }
.pkw-filter-tab {
  text-decoration: none; color: var(--pkw-ink); background: #fff; border: 1px solid var(--pkw-line);
  border-radius: 999px; padding: .4rem .8rem; font-size: .9rem; font-weight: 600;
}
.pkw-filter-tab.is-active { background: var(--pkw-accent); color: #fff; border-color: transparent; }
.pkw-community-hits { border-top: 1px dashed var(--pkw-line); padding-top: 1rem; margin-top: 1.4rem; }

/* Konto */
.pkw-account-card { max-width: 32rem; }

@media (max-width: 760px) {
  .pkw-auth-buttons { flex-direction: column; }
  .pkw-auth-buttons .pkw-btn { width: 100%; }
}

/* Einheitliche Inhaltstypografie – unabhängig von der Datenquelle. */
.pkw-prose p, .pkw-prose ul, .pkw-prose ol, .pkw-prose table { margin-top: .65rem; margin-bottom: .65rem; }
.pkw-prose h3 { margin: 1.15rem 0 .55rem; font-size: 1.05rem; }
.pkw-manual-list, .pkw-procedure { padding-left: 1.5rem; line-height: 1.55; }
.pkw-manual-list li, .pkw-procedure li { margin: .4rem 0; padding-left: .2rem; }
.pkw-procedure .pkw-manual-notice { margin-top: .45rem; }
.pkw-procedure li > p { margin: .35rem 0; }
.pkw-manual-notice { margin: .75rem 0; padding: .75rem .85rem; border-left: 4px solid currentColor; border-radius: 7px; background: #f6f7f8; }
.pkw-manual-notice strong { display: block; margin-bottom: .25rem; }
.pkw-manual-notice p { margin: 0; }
.pkw-manual-notice--warning { color: #7a2e00; background: #fff4e8; }
.pkw-manual-notice--note { color: #164b67; background: #edf7fc; }
.pkw-manual-label { font-weight: 700; }
.pkw-manual-label--warning { color: #7a2e00; }
.pkw-manual-label--note { color: #164b67; }

/* 0.3.23: Alle DB3-Handbuchbilder an den gespeicherten Bild-Platzhaltern. */
.pkw-manual-block--image {
  margin: 1rem 0 1.25rem;
}
.pkw-manual-block--image a {
  display: block;
  border: 1px solid var(--pkw-line);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.pkw-manual-block--image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.pkw-manual-block--image figcaption {
  margin-top: .35rem;
  font-size: .82rem;
  color: var(--pkw-muted);
}


/* Vehicle Manager integration */
.pkw-vehicle-manager .pvm{max-width:none}
.pkw-vehicle-manager .pvm-card,.pkw-vehicle-manager .pvm-active{box-sizing:border-box}
.pkw-vehicle-manager .pvm .button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid #c3c4c7;border-radius:8px;background:#fff;color:#1d2327;text-decoration:none;font:inherit;font-weight:600;cursor:pointer}
.pkw-vehicle-manager .pvm .button-primary{background:var(--pkw-accent);border-color:var(--pkw-accent);color:#fff}
.pkw-vehicle-manager .pvm .button-link-delete{color:#b32d2e}
.pkw-vehicle-manager .pvm input,.pkw-vehicle-manager .pvm select{min-height:44px;padding:8px 10px;border:1px solid #c3c4c7;border-radius:8px;background:#fff;font:inherit}
.pkw-vehicle-manager .notice{padding:12px 14px;border:1px solid #dcdcde;border-radius:8px;background:#fff}


/* DB3-Runtime: bewusst klein, keine neue Layout-Schicht. */
.pkw-runtime-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:18px 0}
.pkw-runtime-nav>a:last-child{text-align:right}.pkw-runtime-page{text-align:center;font-weight:600}
.pkw-runtime-original{margin:18px 0;border:1px solid #d8dde3;border-radius:8px;padding:10px 12px}
.pkw-runtime-original>summary{cursor:pointer;font-weight:600}
.pkw-runtime-original-body{padding-top:12px}.pkw-runtime-original-body h2{margin-top:0}
.pkw-runtime-alt{margin:18px 0;border:1px solid #d8dde3;border-radius:8px;padding:10px 12px}
.pkw-runtime-alt>summary{cursor:pointer;font-weight:600}
.pkw-runtime-parts{margin-top:22px}.pkw-part-diagram{padding:14px 0;border-top:1px solid #e2e5e9}
.pkw-part-diagram-image{display:block;max-width:100%;height:auto;margin:10px 0;border-radius:6px}
.pkw-part-list{margin:10px 0 14px;padding-left:20px}.pkw-part-list li{margin:7px 0}
.pkw-part-oem{display:inline-flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.pkw-shop-links{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}.pkw-shop-link{display:inline-flex;align-items:center;gap:4px;font-size:.82em;line-height:1.25;text-decoration:none;white-space:nowrap}.pkw-shop-cart{display:inline-block;font-size:.72em;line-height:1;transform:translateY(-1px)}.pkw-shop-link:hover{text-decoration:underline}
@media(max-width:640px){.pkw-runtime-nav{grid-template-columns:1fr 1fr}.pkw-runtime-page{grid-column:1/-1;grid-row:1}.pkw-runtime-nav>a{grid-row:2}}

/* 0.4.29 – globale Lesbarkeit importierter Handbuchtexte */
.pkw-manual-block--value { margin: .55rem 0 .2rem; }
.pkw-manual-block--value strong { display: inline-block; font-weight: 700; }
.pkw-manual-block--heading + .pkw-manual-block--value { margin-top: .25rem; }
.pkw-manual-block--paragraph + .pkw-manual-block--heading { margin-top: 1.1rem; }
.pkw-runtime-swipe-hint{margin:4px 0 14px;text-align:center;font-size:.88rem;color:var(--pkw-muted,#68716d)}

/* 0.4.38 – echter horizontaler Seiten-Pager für Runtime-Handbuchseiten. */
.pkw-swipe-host{position:relative;overflow-x:hidden;overflow-y:visible;isolation:isolate}
.pkw-swipe-current{position:relative;z-index:2;will-change:transform;touch-action:pan-y}
.pkw-swipe-preview{position:absolute;top:0;width:100%;z-index:1;will-change:transform;pointer-events:none;overflow:hidden;min-height:100%;background:var(--pkw-bg,#f5f6f4)}
.pkw-swipe-preview--prev{left:-100%}
.pkw-swipe-preview--next{left:100%}
.pkw-swipe-preview-card{margin:0!important;box-sizing:border-box;width:100%;min-height:100%}
.pkw-swipe-preview .pkw-runtime-swipe-hint{visibility:hidden}
.pkw-swipe-loading{min-height:45vh;display:flex;align-items:center;justify-content:center;color:var(--pkw-muted,#68716d);font-size:.9rem}


/* 0.4.39 – reduzierte Startseite mit Diagnose-Chat-Grundgerüst. */
.pkw-diagnostic-chat{max-width:760px;margin:1.1rem auto 0}
.pkw-diagnostic-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.pkw-diagnostic-head .pkw-h1{margin-bottom:.2rem}
.pkw-diagnostic-head .pkw-lead{margin:.1rem 0;color:var(--pkw-muted)}
.pkw-diagnostic-series{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:.35rem .65rem;border:1px solid var(--pkw-line);border-radius:999px;background:#fff;font-size:.82rem;font-weight:700}
.pkw-chat-window{min-height:170px;padding:1rem;border:1px solid var(--pkw-line);border-radius:16px 16px 6px 6px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.pkw-chat-message{display:flex;align-items:flex-start;gap:.65rem;max-width:92%}
.pkw-chat-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--pkw-accent);color:#fff;font-size:.85rem;font-weight:800}
.pkw-chat-bubble{padding:.75rem .85rem;border-radius:4px 14px 14px 14px;background:#eef2ef;line-height:1.45}
.pkw-chat-bubble span{color:var(--pkw-muted)}
.pkw-chat-compose{display:grid;grid-template-columns:1fr auto;gap:.45rem;padding:.6rem;border:1px solid var(--pkw-line);border-top:0;border-radius:0 0 16px 16px;background:#fff}
.pkw-chat-compose input{min-width:0;min-height:48px;padding:.7rem .85rem;border:0;outline:0;background:transparent;font:inherit}
.pkw-chat-send{width:48px;height:48px;border:0;border-radius:12px;background:var(--pkw-accent);color:#fff;font-size:1.25rem;cursor:pointer}
.pkw-chat-autocomplete{margin:.35rem .6rem 0;padding:.4rem;border:1px solid var(--pkw-line);border-radius:10px;background:#fff}
@media(max-width:640px){.pkw-diagnostic-chat{margin-top:.7rem}.pkw-diagnostic-head{align-items:center}.pkw-chat-window{min-height:150px;padding:.8rem}.pkw-chat-message{max-width:100%}}

/* Diagnose-Assistent: Autocomplete und Dialogaktionen */
.pkw-chat-autocomplete{margin:-10px 22px 0;background:#fff;border:1px solid var(--pkw-border,#ccd5cf);border-radius:0 0 18px 18px;overflow:hidden;box-shadow:0 10px 25px rgba(25,48,38,.08);position:relative;z-index:5}
.pkw-chat-autocomplete[hidden]{display:none!important}
.pkw-chat-suggestion{display:block;width:100%;border:0;border-bottom:1px solid #edf0ee;background:#fff;text-align:left;padding:14px 16px;font:inherit;color:inherit;cursor:pointer}
.pkw-chat-suggestion:last-child{border-bottom:0}.pkw-chat-suggestion:active,.pkw-chat-suggestion:hover{background:#f0f5f2}
.pkw-chat-message--user{justify-content:flex-end}.pkw-chat-message--user .pkw-chat-bubble{background:#1f604a;color:#fff;margin-left:48px}
.pkw-chat-choices{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px 82px}.pkw-chat-choice{border:1px solid #b8c8bf;background:#fff;border-radius:999px;padding:10px 14px;font:inherit;font-weight:650;color:#184f3d;cursor:pointer}

/* Spend me a Beer — freiwillige Projektunterstützung */
.pkw-beer-toggle { display:inline-flex;align-items:center;justify-content:center;gap:.38rem;margin-left:auto;border:1px solid #173b2d;border-radius:12px;background:#1f4b3a;color:#fff;padding:.42rem .72rem;cursor:pointer;font-weight:700;box-shadow:0 2px 6px rgba(27,36,32,.16); }
.pkw-beer-toggle:hover,.pkw-beer-toggle:focus-visible { background:#173b2d;color:#fff; }
.pkw-beer-icon { display:flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:1;flex:0 0 28px; }
.pkw-beer-icon svg { display:block;width:26px;height:26px;overflow:visible; }
.pkw-beer-label { font-size:.82rem;white-space:nowrap; }
.pkw-beer-popover { position:fixed;z-index:60;top:4.5rem;right:max(1rem,calc((100vw - var(--pkw-max))/2 + 1rem));width:min(390px,calc(100vw - 1.5rem));padding:1.15rem;background:#fff;border:1px solid var(--pkw-line);border-radius:14px;box-shadow:0 14px 38px rgba(27,36,32,.22); }
.pkw-beer-popover[hidden] { display:none; }
.pkw-beer-popover h2 { margin:0 2rem .65rem 0;color:var(--pkw-accent);font-size:1.2rem; }
.pkw-beer-popover p { margin:.55rem 0;line-height:1.45; }
.pkw-beer-close { position:absolute;top:.55rem;right:.65rem;border:0;background:transparent;font-size:1.6rem;cursor:pointer;color:var(--pkw-muted); }
.pkw-beer-options { display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.9rem; }
.pkw-beer-options .pkw-btn:last-child { grid-column:1/-1; }
.pkw-beer-note { color:var(--pkw-muted);font-size:.84rem;text-align:center; }
@media (max-width:760px) { .pkw-beer-label{display:none}.pkw-beer-toggle{width:44px;height:44px;padding:0;justify-content:center}.pkw-nav-toggle{margin-left:0}.pkw-beer-popover{top:4.25rem;right:.75rem} }


/* Admin: sehr kompakte Nutzeraktivität im Header */
.pkw-user-activity {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
  margin-left: auto;
  padding: .22rem .38rem;
  border-radius: 999px;
  color: var(--pkw-muted);
  font-size: .74rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.pkw-user-activity-icon { font-size: .88rem; line-height: 1; }
.pkw-user-activity-sep { opacity: .45; }
.pkw-user-activity + .pkw-beer-toggle { margin-left: 0; }

@media (max-width:760px) {
  .pkw-user-activity { padding:.18rem .28rem; gap:.22rem; font-size:.7rem; }
  .pkw-user-activity-icon { font-size:.8rem; }
}

.pkw-user-activity-icon {
  display:inline-flex;
  width:.92rem;
  height:.92rem;
  flex:0 0 .92rem;
  align-items:center;
  justify-content:center;
}
.pkw-user-activity-icon svg {
  display:block;
  width:100%;
  height:100%;
  fill:currentColor;
}
@media (max-width:760px) {
  .pkw-user-activity-icon {
    width:.84rem;
    height:.84rem;
    flex-basis:.84rem;
  }
}

/* Community-Symbole im Header */
.pkw-community-links{display:inline-flex;align-items:center;gap:.18rem;flex:0 0 auto}
.pkw-community-link{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;text-decoration:none;line-height:1}
.pkw-community-link svg{display:block;width:1rem;height:1rem;fill:currentColor}
.pkw-community-whatsapp{color:#25D366}
.pkw-community-facebook{color:#1877F2}
@media(max-width:760px){.pkw-community-links{gap:.06rem}.pkw-community-link{width:1.32rem;height:1.32rem}.pkw-community-link svg{width:.9rem;height:.9rem}}


/* 0.6.0 – kompakter mobiler Header */
@media (max-width:760px) {
  .pkw-topbar-inner {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto auto auto;
    grid-auto-rows:auto;
    column-gap:.22rem !important;
    row-gap:.55rem !important;
    padding:.62rem .75rem !important;
    align-items:center !important;
  }

  .pkw-brand {
    grid-column:1;
    grid-row:1;
    min-width:0;
  }

  .pkw-brand-name {
    font-size:1.08rem;
  }

  .pkw-user-activity {
    grid-row:1;
    margin-left:0 !important;
    padding:.08rem .12rem !important;
    gap:.12rem !important;
    font-size:.67rem !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .pkw-user-activity-icon {
    width:.78rem !important;
    height:.78rem !important;
    flex-basis:.78rem !important;
  }

  .pkw-community-links {
    grid-row:1;
    display:inline-flex;
    gap:.04rem !important;
    margin:0 !important;
  }

  .pkw-community-link {
    width:1.05rem !important;
    height:1.05rem !important;
    min-width:1.05rem !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .pkw-community-link svg {
    width:.78rem !important;
    height:.78rem !important;
  }

  .pkw-beer-toggle {
    grid-row:1;
    width:2.35rem !important;
    height:2.35rem !important;
    min-width:2.35rem !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:.66rem !important;
    background:#1f4b3a !important;
    color:#fff !important;
    box-shadow:0 2px 6px rgba(27,36,32,.16) !important;
  }

  .pkw-beer-icon {
    width:1.5rem !important;
    height:1.5rem !important;
    flex-basis:1.5rem !important;
  }

  .pkw-beer-icon svg {
    width:1.42rem !important;
    height:1.42rem !important;
  }

  .pkw-nav-toggle {
    grid-row:1;
    display:inline-flex !important;
    width:2.35rem !important;
    height:2.35rem !important;
    min-width:2.35rem !important;
    margin:0 !important;
    padding:.55rem !important;
    border-radius:.62rem !important;
  }

  .pkw-nav-toggle span[aria-hidden] {
    width:1.08rem !important;
  }

  .pkw-header-search {
    grid-column:1 / -1;
    grid-row:2;
    order:initial !important;
    width:100%;
    box-sizing:border-box;
  }

  .pkw-nav {
    grid-column:1 / -1;
    grid-row:3;
    order:initial !important;
    width:100%;
    margin-left:0 !important;
  }

  .pkw-beer-popover {
    grid-column:auto;
    grid-row:auto;
  }
}

.pkw-header-search-field{position:relative;flex:1;min-width:0}.pkw-header-search-field>input{width:100%}
.pkw-header-autocomplete{position:absolute;z-index:1100;left:0;right:0;top:calc(100% + .2rem);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.5rem;box-shadow:0 .4rem 1rem rgba(0,0,0,.16);overflow:hidden}
.pkw-header-autocomplete-item{display:flex;justify-content:space-between;gap:.4rem;padding:.58rem .65rem;color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.07)}
.pkw-header-autocomplete-item:last-child{border-bottom:0}.pkw-header-autocomplete-item:hover{background:#f3f6f4}.pkw-header-autocomplete-item strong{font-size:.84rem}.pkw-header-autocomplete-item small{font-size:.67rem;color:var(--pkw-muted)}


/* 0.6.6 – Autovervollständigung immer über Karte/Leaflet */
.pkw-topbar,
.pkw-topbar-inner,
.pkw-header-search,
.pkw-header-search-field {
  position: relative;
  z-index: 3000;
  overflow: visible !important;
}

.pkw-header-autocomplete {
  z-index: 4000 !important;
}

.pkw-map-strip,
.pkw-community-map,
.leaflet-container,
.leaflet-pane,
.leaflet-control {
  z-index: auto;
}

/* Leaflet nutzt intern hohe z-index-Werte; die komplette Karte bleibt unter dem Header. */
.pkw-map-strip,
.pkw-community-map,
[data-pkw-community-map],
[data-pkw-community-map-strip] {
  position: relative;
  z-index: 1 !important;
}

/* 0.7.9 – Startseite: ein Einstieg für Diagnose, Handbuch, Teilenummern und Communitywissen */
.pkw-home-intro{
  position:relative;
  min-height:190px;
  margin:0 0 18px;
  padding:26px 24px;
  overflow:hidden;
  border:1px solid #dbe5df;
  border-radius:22px;
  background:linear-gradient(135deg,#eef6f1 0%,#f8fbf9 72%);
}
.pkw-home-intro::after{
  content:"";
  position:absolute;
  right:-45px;
  bottom:-20px;
  width:min(620px,88%);
  height:250px;
  background:url('../img/pajero-open-hood-line.svg') right bottom/contain no-repeat;
  opacity:.42;
  pointer-events:none;
}
.pkw-home-intro-copy{position:relative;z-index:1;max-width:560px}
.pkw-home-intro h1{margin:0;color:#165b46;font-size:clamp(27px,5vw,43px);line-height:1.02;letter-spacing:-.025em}
.pkw-home-intro h1 span{display:block;font-weight:500;color:#587068}
.pkw-home-intro p{margin:14px 0 4px;font-weight:750;color:#273b34;font-size:16px}
.pkw-home-intro small{display:block;color:#607068;font-size:13px}
.pkw-home-map{margin-top:8px}
.pkw-home-map>.pkw-h2{margin:0 0 10px;font-size:clamp(22px,4vw,30px);color:#165b46}
.pkw-home-map .pkc-map-strip-copy{display:none!important}
.pkw-home-map .pkc-map-strip{margin-top:0}

/* Ein gemeinsames, gegliedertes Autocomplete statt einzelner Suchwelten. */
.pkw-header-autocomplete{padding:8px!important;max-height:min(70vh,560px);overflow:auto}
.pkw-smart-section-title{padding:9px 11px 5px;color:#68766f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.pkw-smart-result{display:flex!important;flex-direction:column;gap:2px;padding:10px 12px!important;border-radius:11px;text-decoration:none!important;color:#20342d!important}
.pkw-smart-result:hover,.pkw-smart-result:focus{background:#eef5f1}
.pkw-smart-result strong{font-size:14px;line-height:1.25}
.pkw-smart-result small{font-size:11px;color:#69766f;line-height:1.3}
.pkw-smart-result--diagnosis{background:#e9f4ee;color:#124d3b!important}
.pkw-smart-result--share{border:1px dashed #b8c9c0;margin-top:2px}

/* Fahrzeugauswahl als verständliche Voraussetzung, nicht als technischer Fehler. */
.pkw-vehicle-gate{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(18,31,26,.58);backdrop-filter:blur(3px)}
.pkw-vehicle-gate-card{position:relative;width:min(470px,100%);padding:26px;border-radius:20px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.24)}
.pkw-vehicle-gate-icon{font-size:36px;margin-bottom:6px}
.pkw-vehicle-gate-card h2{margin:0 34px 10px 0;color:#165b46;font-size:25px}
.pkw-vehicle-gate-card p{margin:0;color:#53635c;line-height:1.5}
.pkw-vehicle-gate-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pkw-vehicle-gate-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;background:transparent;font-size:27px;cursor:pointer;color:#4b5b54}

@media(max-width:760px){
  .pkw-home-intro{min-height:170px;padding:21px 18px;border-radius:18px}
  .pkw-home-intro::after{right:-90px;width:95%;height:210px;opacity:.28}
  .pkw-home-intro p{max-width:75%;font-size:14px}
  .pkw-home-intro small{max-width:70%}
  .pkw-header-search-field input{font-size:15px!important}
  .pkw-vehicle-gate-card{padding:22px 18px}
}


/* 0.7.10 – Autocomplete-Symbole bewusst klein halten */
.pkw-unified-suggest-icon,
.pkw-search-suggest-icon,
.pkw-autocomplete-icon,
.pkw-smart-suggest-icon {
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  max-width:26px !important;
  min-height:26px !important;
  max-height:26px !important;
  flex:0 0 26px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.pkw-unified-suggest-icon svg,
.pkw-unified-suggest-icon img,
.pkw-search-suggest-icon svg,
.pkw-search-suggest-icon img,
.pkw-autocomplete-icon svg,
.pkw-autocomplete-icon img,
.pkw-smart-suggest-icon svg,
.pkw-smart-suggest-icon img {
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  object-fit:contain !important;
}

@media (max-width:760px) {
  .pkw-unified-suggest-icon,
  .pkw-search-suggest-icon,
  .pkw-autocomplete-icon,
  .pkw-smart-suggest-icon {
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    flex-basis:24px !important;
  }

  .pkw-unified-suggest-icon svg,
  .pkw-unified-suggest-icon img,
  .pkw-search-suggest-icon svg,
  .pkw-search-suggest-icon img,
  .pkw-autocomplete-icon svg,
  .pkw-autocomplete-icon img,
  .pkw-smart-suggest-icon svg,
  .pkw-smart-suggest-icon img {
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    max-width:22px !important;
    min-height:22px !important;
    max-height:22px !important;
  }
}

/* Falls die neue Startseite die Symbole direkt im Suggest-Button zeichnet,
   darf kein Symbol die Karte aufziehen. */
.pkw-search-suggestions button svg,
.pkw-search-suggestions button img,
.pkw-unified-suggestions button svg,
.pkw-unified-suggestions button img {
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  object-fit:contain !important;
  flex:0 0 24px !important;
}


/* 0.7.11 – echte kleine Inline-SVGs statt Emoji/Twemoji in den Suchvorschlägen */
.pkw-smart-result{
  display:grid !important;
  grid-template-columns:26px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:9px !important;
}
.pkw-smart-result-icon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.pkw-smart-result-icon svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  fill:#667872 !important;
}
.pkw-smart-result--diagnosis .pkw-smart-result-icon svg{fill:#165b46 !important}
.pkw-smart-result-text{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
.pkw-smart-result-text strong,
.pkw-smart-result-text small{
  display:block !important;
}