/* Paket „Landhaus (Premium)“ (Phase 3 Stufe A, P3A-R1). Nur geladen bei <html data-paket="landhaus">.
   Jede Regel beginnt mit :root[data-paket="landhaus"] oder [data-paket="landhaus"] und gewinnt so über
   globals.css, gleich in welcher Reihenfolge die Stylesheets laden (test/design-pakete.test.ts).
   Tokens: jede Custom Property aus :root von globals.css mit eigenem Wert (C-R9), außer --demo-band-*
   (Produktrahmen). --p-akzent ist fest: die Akzentfarbe des Vermieters wirkt hier nicht.
   Unminifiziert, ausgeliefert ohne immutable (next.config.js). */

:root[data-paket="landhaus"] {
  --p-grund:   #fbf8f3;
  --p-grund-2: #f2ebde;
  --p-flaeche: #f6efe2;
  --p-karte:   rgba(255, 252, 246, 0.94);

  --p-text:   #1a2721;
  --p-text-2: #2d3d34;
  --p-text-3: #5c6a60;

  --p-linie:       rgba(26, 39, 33, 0.14);
  --p-linie-stark: rgba(26, 39, 33, 0.26);

  --p-marke:      #1e3a30;
  --p-marke-tief: #0f2720;
  --p-marke-2:    #3a5a46;
  --p-nacht:      #14221c;
  --p-nacht-tief: #0a1612;

  --p-deko-1: #6b4a2c;

  --p-akzent-2:    #c99858;
  --p-akzent-hell: #e7c79a;
  --p-akzent:      #d9b36b;
  --p-akzent-hover: #c99858;
  --p-akzent-auf-dunkel: #d9b36b;
  --p-akzent-schrift: #d9b36b;

  --p-schrift-titel: var(--ff-playfair, "Playfair Display"), "Iowan Old Style", Georgia, serif;
  --p-schrift-text:  var(--ff-inter, "Inter"), -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --p-titel-gewicht: 400;

  --p-r-pill:     999px;
  --p-r-knopf:    999px;
  --p-r-karte-s:  14px;
  --p-r-karte:    18px;
  --p-r-karte-m:  20px;
  --p-r-karte-l:  22px;
  --p-r-karte-xl: 24px;

  --p-schatten-nav:        0 20px 50px rgba(10, 20, 16, 0.10);
  --p-schatten-karte:      0 22px 60px rgba(10, 20, 16, 0.08);
  --p-schatten-bild:       0 24px 50px rgba(10, 20, 16, 0.15), 0 6px 14px rgba(10, 20, 16, 0.08);
  --p-schatten-bild-hover: 0 36px 70px rgba(10, 20, 16, 0.22), 0 10px 20px rgba(10, 20, 16, 0.12);
  --p-schatten-cta:        0 18px 40px rgba(201, 152, 88, 0.40), inset 0 1px 0 rgba(255,255,255,0.40);
  --p-schatten-cta-hover:  0 24px 50px rgba(201, 152, 88, 0.50), inset 0 1px 0 rgba(255,255,255,0.50);

  --p-verlauf-cta:     linear-gradient(135deg, #d9b36b, #c99858);
  --p-verlauf-cta-hover: linear-gradient(135deg, #d9b36b, #c99858);
  --p-verlauf-dunkel:  linear-gradient(160deg, #0f2720 0%, #1e3a30 100%);
  --p-verlauf-schluss: linear-gradient(180deg, #14221c 0%, #0a1612 100%);

  --p-ease:      cubic-bezier(0.2, 0.8, 0.2, 1);
  --p-t:         160ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --p-t-langsam: 360ms cubic-bezier(0.2, 0.8, 0.2, 1);

  --p-karte-deckend:        white;
  --p-feld:                 white;
  --p-abschnitt-hell:       #ffffff;
  --p-infokasten-flaeche:   #fafafa;
  --p-auswahl-flaeche:      #fffcf6;
  --p-feld-suche:           rgba(255,255,255,0.96);
  --p-nav-grund:            rgba(251, 248, 243, 0.86);
  --p-nav-grund-gescrollt:  rgba(251, 248, 243, 0.96);
  --p-grund-auslauf:        rgba(251, 248, 243, 0.92);

  --p-grund-verlauf-1:  rgba(242, 235, 222, 0.6);

  --p-text-4:           #666;
  --p-text-auf-akzent:  #2a1a0a;

  --p-text-auf-dunkel-1:   rgba(246, 239, 226, 0.40);
  --p-text-auf-dunkel-2:   rgba(255,252,246,0.5);
  --p-text-auf-dunkel-3:   rgba(246, 239, 226, 0.55);
  --p-text-auf-dunkel-4:   rgba(246, 239, 226, 0.65);
  --p-text-auf-dunkel-5:   rgba(255,252,246,0.7);
  --p-text-auf-dunkel-6:   rgba(246, 239, 226, 0.72);
  --p-text-auf-dunkel-7:   rgba(246, 239, 226, 0.75);
  --p-text-auf-dunkel-8:   rgba(246, 239, 226, 0.82);
  --p-text-auf-dunkel-9:   rgba(246, 239, 226, 0.85);
  --p-text-auf-dunkel-10:  rgba(246, 239, 226, 0.88);
  --p-text-auf-dunkel-11:  rgba(246, 239, 226, 0.9);
  --p-text-auf-dunkel-12:  #ffffff;

  --p-auf-dunkel-linie-1:  rgba(246, 239, 226, 0.06);
  --p-auf-dunkel-linie-2:  rgba(246, 239, 226, 0.08);
  --p-auf-dunkel-linie-4:  rgba(246, 239, 226, 0.28);
  --p-auf-dunkel-linie-5:  rgba(255,255,255,0.28);
  --p-auf-dunkel-linie-6:  rgba(246, 239, 226, 0.32);

  --p-auf-dunkel-flaeche-1:  rgba(246, 239, 226, 0.06);
  --p-auf-dunkel-flaeche-2:  rgba(246, 239, 226, 0.08);
  --p-auf-dunkel-flaeche-3:  rgba(246, 239, 226, 0.1);
  --p-auf-dunkel-flaeche-4:  rgba(246, 239, 226, 0.12);
  --p-auf-dunkel-flaeche-5:  rgba(255,252,246,0.12);
  --p-auf-dunkel-flaeche-6:  rgba(246, 239, 226, 0.2);

  --p-akzent-flaeche-1:  rgba(217, 179, 107, 0.02);
  --p-akzent-flaeche-2:  rgba(217, 179, 107, 0.03);
  --p-akzent-flaeche-3:  rgba(217, 179, 107, 0.04);
  --p-akzent-flaeche-4:  rgba(217, 179, 107, 0.05);
  --p-akzent-flaeche-5:  rgba(217, 179, 107, 0.06);
  --p-akzent-flaeche-6:  rgba(217, 179, 107, 0.08);
  --p-akzent-flaeche-7:  rgba(217, 179, 107, 0.1);
  --p-akzent-flaeche-8:  rgba(217, 179, 107, 0.12);
  --p-akzent-flaeche-9:  rgba(217, 179, 107, 0.22);

  --p-akzent-linie-3:  rgba(217, 179, 107, 0.24);
  --p-akzent-linie-4:  rgba(217, 179, 107, 0.28);
  --p-akzent-linie-6:  rgba(217, 179, 107, 0.35);
  --p-akzent-linie-7:  rgba(217, 179, 107, 0.45);

  --p-zier-akzent-1:  rgba(217, 179, 107, 0.06);
  --p-zier-akzent-2:  rgba(217, 179, 107, 0.08);
  --p-zier-akzent-3:  rgba(217, 179, 107, 0.1);
  --p-zier-akzent-4:  rgba(217, 179, 107, 0.12);
  --p-zier-akzent-5:  rgba(217, 179, 107, 0.3);

  --p-zier-marke-1:  rgba(23, 37, 29, 0.04);
  --p-zier-marke-2:  rgba(58, 90, 70, 0.05);

  --p-marke-flaeche-1:  rgba(45, 74, 62, 0.06);
  --p-marke-flaeche-2:  rgba(45, 74, 62, 0.08);
  --p-marke-flaeche-3:  rgba(45, 74, 62, 0.1);
  --p-marke-flaeche-4:  rgba(45, 74, 62, 0.14);

  --p-trennlinie:           #e5e5e5;
  --p-buchungsfeld-linie:   rgba(15, 39, 32, 0.08);
  --p-ergebniskarte-linie:  rgba(30, 58, 48, 0.35);
  --p-fokus-ring:           rgba(58, 90, 70, 0.12);
  --p-abzeichen-flaeche:    rgba(201, 169, 110, 0.18);
  --p-abzeichen-linie:      rgba(201, 169, 110, 0.45);

  --p-ok:        #065f46;
  --p-ok-linie:  rgba(45, 122, 79, 0.2);
  --p-warn:      #92400e;

  --p-schattenfarbe-1:  rgba(10, 20, 16, 0.08);
  --p-schattenfarbe-2:  rgba(10, 20, 16, 0.1);
  --p-schattenfarbe-3:  rgba(10, 20, 16, 0.12);
  --p-schattenfarbe-4:  rgba(10, 22, 18, 0.12);
  --p-schattenfarbe-5:  rgba(10, 20, 16, 0.16);
  --p-schattenfarbe-7:  rgba(10, 20, 16, 0.2);

  --p-textschatten-1:  rgba(10, 20, 16, 0.4);
  --p-textschatten-2:  rgba(10, 22, 18, 0.5);
  --p-textschatten-4:  rgba(10, 22, 18, 0.75);

  --p-titelbild-schleier-1:  rgba(15, 39, 32, 0.45);
  --p-titelbild-schleier-2:  rgba(15, 39, 32, 0.58);
  --p-titelbild-schleier-3:  rgba(15, 39, 32, 0.68);
  --p-titelbild-schleier-4:  rgba(15, 39, 32, 0.72);
  --p-titelbild-schleier-5:  rgba(15, 39, 32, 0.88);
  --p-titelbild-schleier-6:  rgba(15, 39, 32, 0.95);

  --p-galerie-schleier-1:  rgba(31, 31, 31, 0);
  --p-galerie-schleier-3:  rgba(31, 31, 31, 0.2);
  --p-galerie-schleier-4:  rgba(31, 31, 31, 0.3);
  --p-galerie-schleier-6:  rgba(31, 31, 31, 0.55);
  --p-galerie-schleier-7:  rgba(31, 31, 31, 0.65);

  --p-foto-schleier-1:  rgba(10, 20, 16, 0.1);
  --p-foto-schleier-3:  rgba(10, 20, 16, 0.4);
  --p-foto-schleier-4:  rgba(10,22,18,0.6);
  --p-foto-schleier-5:  rgba(10, 22, 18, 0.65);

  --p-foto-plakette-2:  rgba(26, 51, 40, 0.85);

  --p-abdunklung-1:  rgba(10,22,18,0.92);

  --p-bild-platzhalter-1:  #2a4a38;
  --p-bild-platzhalter-2:  #3a5a46;
  --p-bild-platzhalter-3:  #1e3a30;
  --p-bild-platzhalter-4:  #4a6a54;
  --p-bild-platzhalter-5:  #1a2e22;
  --p-bild-platzhalter-6:  #2e4a3c;

  --p-kalender-monat:                #fafafa;
  --p-kalender-tag:                  white;
  --p-kalender-knopf-text:           white;
  --p-kalender-frei:                 #f0fdf4;
  --p-kalender-frei-text:            #15803d;
  --p-kalender-frei-linie:           #86efac;
  --p-kalender-frei-hover:           #dcfce7;
  --p-kalender-frei-hover-linie:     #4ade80;
  --p-kalender-frei-hover-schatten:  rgba(74, 222, 128, 0.3);
  --p-kalender-belegt:               #8b6f47;
  --p-kalender-belegt-text:          #fff;
  --p-kalender-belegt-linie:         #6b5435;
  --p-kalender-auswahl-text:         white;
  --p-kalender-auswahl-schatten:     rgba(217, 179, 107, 0.4);

  --p-landkarte-unterkunft:  #c9a227;
  --p-landkarte-ziel:        #3d6b54;
  --p-landkarte-ziel-aktiv:  #1a3328;

  --container:   1200px;
  --nav-height:  76px;

  --color-sand:          #E4D0B9;
  --color-creme:         #F8E9D7;
  --color-beige:         #D5C0A6;
  --color-wood-light:    #B09C7F;
  --color-wood-mid:      #9A8365;
  --color-wood-dark:     #665A3F;
  --color-wood-deeper:   #4A3F2C;
  --color-bg:            var(--p-grund);
  --color-surface:       #FFFFFF;
  --color-surface-warm:  #FDF5EB;
  --color-text:          var(--p-text);
  --color-text-muted:    var(--p-text-3);
  --color-text-light:    #9A8365;
  --color-border:        rgba(102, 90, 63, 0.15);
  --color-border-mid:    rgba(102, 90, 63, 0.25);
  --color-success:       #2D7A4F;
  --color-success-bg:    #EDF7F1;
  --color-error:         #C0392B;
  --color-error-bg:      #FDECEA;
  --color-warning:       #B7700D;
  --color-warning-bg:    #FEF3E2;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-16: 128px;

  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px rgba(10, 20, 16, 0.06);
  --shadow-sm: 0 1px 4px rgba(10, 20, 16, 0.08), 0 2px 8px rgba(10, 20, 16, 0.04);
  --shadow-md: 0 4px 16px rgba(10, 20, 16, 0.10), 0 1px 4px rgba(10, 20, 16, 0.06);
  --shadow-lg: 0 8px 32px rgba(10, 20, 16, 0.14), 0 2px 8px rgba(10, 20, 16, 0.06);
  --shadow-xl: var(--p-schatten-karte);

  --font-body:    var(--p-schrift-text);
  --font-display: var(--p-schrift-titel);

  --transition:      var(--p-t);
  --transition-slow: var(--p-t-langsam);
  --max-width:       var(--container);
}

/* ── Zier nur in Landhaus (Aufgabe 7, P3A-R3/C-R39: aus globals.css hierher, Werte unverändert) ─────────────
   Lichtflecken, Textschatten, Zierlinien der Bezeichnungen, Hover-Verschiebung und Einblend-Bewegung der Seitenköpfe.
   Standard zeigt nichts davon. Das Präfix hebt die Spezifität bei allen gleich, die Reihenfolge untereinander bleibt. */
[data-paket="landhaus"] .hero::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 8% 12%, var(--p-zier-akzent-4) 0%, transparent 40%);
  pointer-events: none;
  z-index: 2;
}

[data-paket="landhaus"] .hero-title { text-shadow: 0 4px 32px var(--p-textschatten-4); }

[data-paket="landhaus"] .cta-band::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 80%, var(--p-zier-akzent-3) 0%, transparent 40%),
    radial-gradient(circle at 90% 20%, var(--p-zier-akzent-1) 0%, transparent 35%);
  pointer-events: none;
}

[data-paket="landhaus"] .highlight-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 50%, var(--p-zier-akzent-4) 0%, transparent 55%);
  pointer-events: none;
}

[data-paket="landhaus"] .facts-band::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, var(--p-zier-marke-1) 0%, transparent 28%),
    radial-gradient(ellipse at 20% 50%, var(--p-zier-akzent-2) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 30%, var(--p-zier-marke-2) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}

[data-paket="landhaus"] .section-label {
  padding-bottom: 8px;
  border-bottom: 2px solid var(--p-akzent);
}

[data-paket="landhaus"] .section-label::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 2px;
  background: var(--p-akzent);
  transition: width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-paket="landhaus"] .section-header.centered .section-label::before { display: none; }

[data-paket="landhaus"] .section-header:hover .section-label {
  border-bottom-color: var(--p-akzent-2);
  padding-left: 4px;
  color: var(--p-marke);
}

[data-paket="landhaus"] .section-header:hover .section-label::before { width: 100%; }

[data-paket="landhaus"] .nav-hint { text-shadow: 0 2px 8px var(--p-textschatten-1); }

[data-paket="landhaus"] .scroll-progress-bar { box-shadow: 0 1px 4px var(--p-zier-akzent-5); }

[data-paket="landhaus"] .sub-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 50%, var(--p-zier-akzent-3) 0%, transparent 40%),
    radial-gradient(circle at 80% 80%, var(--p-zier-akzent-1) 0%, transparent 35%);
  pointer-events: none;
  z-index: 1;
}

[data-paket="landhaus"] .sub-hero-eyebrow::before {
  content: "";
  width: 24px;
  height: 1px;
  background: var(--p-akzent);
}

[data-paket="landhaus"] .sub-hero-title {
  text-shadow: 0 4px 24px var(--p-textschatten-2);
  animation: landhaus-einblenden 0.6s ease-out 0.2s backwards;
}

[data-paket="landhaus"] .sub-hero-inner { animation: landhaus-auftritt 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }
[data-paket="landhaus"] .sub-hero-eyebrow { animation: landhaus-einblenden 0.6s ease-out 0.1s backwards; }
[data-paket="landhaus"] .sub-hero-subtitle { animation: landhaus-einblenden 0.6s ease-out 0.3s backwards; }
[data-paket="landhaus"] .page-offset .section { animation: landhaus-aufsteigen 0.5s ease-out; }

@keyframes landhaus-auftritt {
  from { opacity: 0; transform: translateY(20px) scale(0.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes landhaus-einblenden {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes landhaus-aufsteigen {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

[data-paket="landhaus"] .footer-accent {
  flex-shrink: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--p-akzent), transparent);
  opacity: 0.5;
}

@media (prefers-reduced-motion: reduce) {
  [data-paket="landhaus"] .section-header:hover .section-label::before { width: 0; }

  [data-paket="landhaus"] .sub-hero-inner,
  [data-paket="landhaus"] .sub-hero-eyebrow,
  [data-paket="landhaus"] .sub-hero-title,
  [data-paket="landhaus"] .sub-hero-subtitle,
  [data-paket="landhaus"] .page-offset .section {
    animation: none;
  }
}

/* Titelbild-Platzhalter (Startseite ohne eigenes Titelbild): die bisherige Landschaft, damit Landhaus aussieht wie
   vorher; das Produkt-Titelbild (public/produkt/titelbild.svg) ist seit Aufgabe 11 neutral in der Marke.
   Parallax nur in Landhaus: HeroParallax setzt --hero-verschiebung beim Scrollen (P3A-R13), weil der Container hier
   verschoben ist. Weniger Bewegung: globals.css hebt die Verschiebung mit !important auf, das Skript setzt dann nichts. */
[data-paket="landhaus"] .hero-bg-image {
  background-image: url('/design/landhaus-titelbild.svg');
  transform: translateY(var(--hero-verschiebung, 0px));
}

/* Mit eigenem Foto (<img>) kein Platzhalter dahinter, wie vorher mit dem Inline-Hintergrund (Aufgabe 9). */
[data-paket="landhaus"] .hero-bg-image--foto { background-image: none; }

/* Entfernung auf den Ausflugskarten in dunklem Holz statt Gold (Gold auf Weiß 1,98:1, Holz 6,78:1; Aufgabe 9 Fixrunde 1) */
[data-paket="landhaus"] .poi-card-distance { color: var(--color-wood-dark); }

/* Gästebereich (Aufgabe 8, C-R42): bisherige Werte der --gast-* aus src/app/gast/(app)/gast.css (pixelgleich) */
[data-paket="landhaus"] :is(.gast-layout, .gast-login, .gast-rechnung) {
  --gast-grund: #f8e9d7;
  --gast-text: #1f1f1f;
  --gast-text-2: #665a3f;
  --gast-text-3: #9a8365;
  --gast-titel: #665a3f;
  --gast-link: #665a3f;
  --gast-linie: rgba(102, 90, 63, 0.18);
  --gast-linie-zart: rgba(102, 90, 63, 0.1);
  --gast-linie-stark: #b09c7f;
  --gast-r-karte: 12px;
  --gast-symbol: #665a3f;
  --gast-symbol-flaeche: #b09c7f;
  --gast-notiz-flaeche: #f8e9d7;
  --gast-blase: #665a3f;
  --gast-blase-text: #f8e9d7;
  --gast-ok-flaeche: #d1fae5;
  --gast-ok-hell: #ecfdf5;
  --gast-ok-symbol: #10b981;
  --gast-ok-2: #047857;
  --gast-warn-flaeche: #fef3c7;
  --gast-warn-hell: #fffbeb;
  --gast-warn-linie: #fcd34d;
  --gast-warn-symbol: #f59e0b;
  --gast-warn-symbol-2: #b45309;
  --gast-warn-text: #78350f;
  --gast-offen: #854d0e;
  --gast-offen-flaeche: #fef08a;
  --gast-sonst: #3f3f46;
  --gast-sonst-flaeche: #f4f4f5;
  --gast-status-rand: transparent;
  --gast-fehler: #991b1b;
  --gast-fehler-flaeche: #fee2e2;
  --gast-fehler-hell: #fef2f2;
  --gast-fehler-zart: #fffafa;
  --gast-fehler-linie: #fecaca;
  --gast-fehler-rand: #fca5a5;
  --gast-fehler-symbol: #ef4444;
  --gast-fehler-text: #7f1d1d;
  --gast-schritt-symbol: #d1d5db;
  --gast-schritt-flaeche: #f9fafb;
  --gast-schritt-text: #9ca3af;
  --gast-schritt-linie: #e5e7eb;
  --gast-beleg-linie: #e2e8f0;
  --gast-beleg-text: #334155;
  --gast-beleg-flaeche: #f8fafc;
  --gast-beleg-symbol: #64748b;
  --gast-rechnung-schrift: Arial, sans-serif;
  --gast-rechnung-grund: #f4f4f5;
  --gast-rechnung-text: #18181b;
  --gast-rechnung-titel: #09090b;
  --gast-rechnung-text-2: #71717a;
  --gast-rechnung-text-3: #a1a1aa;
  --gast-rechnung-linie: #e4e4e7;
  --gast-rechnung-linie-zart: #f4f4f5;
  --gast-rechnung-schatten: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --gast-druck-flaeche: #3f3f46;
  --gast-druck-flaeche-hover: #3f3f46;
  --gast-druck-text: #fff;
  --gast-druck-radius: 4px;
  --gast-abmelden: #ef4444;
}