/* Gül Bahçesi · rose-garden — Atölye #1 (#397, Mina).
   Contract: docs/tasarim/v2/yon.md §2 row 1, §3 (soft), §4. Selectors: [data-theme] + .inv-cover only.
   --inv-art-* URLs are root-absolute (repo root served): url() inside a custom property resolves where var() is used. */

[data-theme="rose-garden"] {
  /* yon.md §4.1 (1): this theme owns the whole cover composition; page.js sets <body data-cover="theme"> */
  --inv-cover-owned: 1;

  /* colour — contrast measured in README.md */
  --inv-bg: #F8F1E7;
  --inv-surface: #FFFBF5;
  --inv-text: #2E2A24;
  --inv-text-muted: #6A6157;
  --inv-primary: #7C4A3A;
  --inv-on-primary: #FFFFFF;
  --inv-accent: #C98B6B;
  --inv-ornament: #7E9277;
  --inv-border: #E6D8C6;
  --inv-backdrop: #EFE4D5;
  --inv-danger: #B3261E;
  --inv-focus: var(--inv-text);

  /* type: name / heading / body */
  --inv-font-script: 'Pinyon Script', cursive;
  --inv-font-display: 'Cormorant Garamond', Georgia, serif;
  --inv-font-body: 'EB Garamond', Georgia, serif;
  --inv-display-weight: 500;
  --inv-display-transform: uppercase;
  --inv-display-tracking: .16em;
  --inv-body-size: 1.125rem;
  --inv-radius: 2px;

  /* motion: soft and slow (yon.md §3 column 1) */
  --inv-motion-intro-total: 2600ms;
  --inv-motion-ease-open: var(--ease-in-out);
  --inv-motion-name-in: 900ms;
  --inv-motion-reveal: 700ms;
  --inv-motion-reveal-distance: 16px;
  --inv-motion-stagger: 90ms;
  --inv-motion-micro: 180ms;
  --inv-motion-ambient: petals;

  /* art slots */
  --inv-art-backdrop: image-set(url("/themes/rose-garden/art/backdrop.webp") 1x, url("/themes/rose-garden/art/backdrop-2x.webp") 2x); /* #432 D-058: 256 CSS px tile, 512 px at dpr 2 */
  --inv-art-scene: url("/themes/rose-garden/art/scene-2x.webp");
  --inv-art-scene-1x: url("/themes/rose-garden/art/scene-1x.webp");
  --inv-art-flank-left: url("/themes/rose-garden/art/flank-left-2x.webp");
  --inv-art-flank-right: url("/themes/rose-garden/art/flank-right-2x.webp");
  --inv-art-divider: url("/themes/rose-garden/art/divider.svg");
  --inv-art-corner: url("/themes/rose-garden/art/corner.svg");
  --inv-art-icon-schedule: url("/themes/rose-garden/art/icon-schedule.svg");
  --inv-art-icon-rsvp: url("/themes/rose-garden/art/icon-rsvp.svg");
  --inv-art-icon-gift: url("/themes/rose-garden/art/icon-gift.svg");
  --inv-art-icon-gallery: url("/themes/rose-garden/art/icon-gallery.svg");
  --inv-art-icon-guestbook: url("/themes/rose-garden/art/icon-guestbook.svg");
  --inv-art-icon-share: url("/themes/rose-garden/art/icon-share.svg");
}

/* ---- Cover: full-bleed watercolour hedge, names in the empty paper oval ---- */
[data-theme="rose-garden"] .inv-cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100svh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: var(--space-3);
  padding: 16svh var(--space-6) 14svh;
  text-align: center;
  color: var(--inv-text);
}
[data-theme="rose-garden"] .inv-cover__art {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: image-set(var(--inv-art-scene-1x) 1x, var(--inv-art-scene) 2x) 50% 50% / cover no-repeat, var(--inv-bg);
}
[data-theme="rose-garden"] .inv-cover__eyebrow {
  margin: 0;
  background: color-mix(in srgb, var(--inv-bg) 84%, transparent); padding: var(--space-1) var(--space-3); /* görev 679: görsel üstünde AA */
  font: var(--inv-display-weight) .8125rem/1.4 var(--inv-font-display);
  letter-spacing: var(--inv-display-tracking);
  text-transform: var(--inv-display-transform);
  color: var(--inv-primary);
}
[data-theme="rose-garden"] .inv-cover__names {
  /* one wrapping line, same box as .inv-intro__names so the climax hands over in place */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  column-gap: .22em;
  row-gap: .14em; /* script font content boxes taller than 1.12 line: keep wrapped name lines apart (bekçi) */
  max-width: 17rem; /* two lines inside the paper oval at 390 */
  margin: 0;
  font: 400 clamp(3.5rem, 2.6rem + 3.4vw, 5.75rem)/1.12 var(--inv-font-script);
}
[data-theme="rose-garden"] .inv-cover__name {
  font: 400 clamp(3.5rem, 2.6rem + 3.4vw, 5.75rem)/1.12 var(--inv-font-script); /* 56 → 92 */
  color: var(--inv-primary);
}
[data-theme="rose-garden"] .inv-cover__amp {
  font: 400 1em/1.12 var(--inv-font-script);
  color: var(--inv-primary);
}
[data-theme="rose-garden"] .inv-cover__date {
  margin: var(--space-2) 0 0;
  background: color-mix(in srgb, var(--inv-bg) 84%, transparent); padding: var(--space-1) var(--space-3); /* görev 679: görsel üstünde AA */
  font: var(--inv-display-weight) var(--inv-text-date)/1.4 var(--inv-font-display); /* ≤ 18 px, lining figures */
  font-variant-numeric: lining-nums;
  letter-spacing: clamp(.1em, .05em + .6vw, .16em);
  text-transform: var(--inv-display-transform);
  color: var(--inv-text);
}
[data-theme="rose-garden"] .inv-cover__venue {
  margin: 0;
  background: color-mix(in srgb, var(--inv-bg) 94%, transparent); padding: var(--space-1) var(--space-3); /* görev 678: görsel üstünde AA */
  font: 400 1.0625rem/1.5 var(--inv-font-body);
  color: var(--inv-text);
}
[data-theme="rose-garden"] .inv-cover__scroll {
  position: absolute;
  left: 50%;
  bottom: 3svh;
  translate: -50% 0;
  margin: 0;
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-pill);
  background: var(--inv-surface);
  font: var(--inv-display-weight) .875rem/1 var(--inv-font-display);
  color: var(--inv-text);
  font-size-adjust: .55; /* thin Cormorant strokes: keep the 14 px line legible at .72 opacity */
  z-index: 2; /* plate stays above the rose art so AA holds */
}
@media (min-width: 1024px) {
  [data-theme="rose-garden"] .inv-cover { padding-inline: var(--space-16); }
}

/* §4.1 (1): page markup wraps the cover text in .inv-cover__content and splits the date into day + time.
   The wrapper is dissolved so the cover grid above places every line itself. */
[data-theme="rose-garden"] .inv-cover__content { display: contents; }
[data-theme="rose-garden"] .inv-cover__date time { display: block; }
[data-theme="rose-garden"] .inv-cover__day { display: block; }
[data-theme="rose-garden"] .inv-cover__time { display: block; margin-top: .3em; font-size: var(--inv-text-time-min); color: var(--inv-text-muted); }
[data-theme="rose-garden"] .inv-cover__guest, [data-theme="rose-garden"] .inv-cover__badge { margin: 0; font: 400 1rem/1.4 var(--inv-font-body); color: var(--inv-text-muted); }
/* Page rules may still reach the cover until page.css scopes them to body:not([data-cover="theme"]) — keep the theme's own flow. */
[data-theme="rose-garden"] .inv-cover__names { flex-direction: row; }
@media (min-width: 1024px) { [data-theme="rose-garden"] .inv-cover { width: auto; margin-inline: 0; } }

/* #432 D-058: 1440 column is 560x900; the 1120x1800 scene keeps css ratio 2 (780 px phone scene gave 1.39) */
@media (min-width: 1024px) {
  [data-theme="rose-garden"] .inv-cover__art { background-image: url("art/scene-wide-2x.webp"); }
}

/* Görev 1527: uzun ad (≥ 22 karakter, sayfa data-name-long + --inv-name-chars yazar): her ad tek satıra sığacak boyuta iner, kutu kapak genişliğine açılır; "ad / & / ad" = 3 satır. */
@media (max-width: 47.99rem) {
  [data-theme="rose-garden"] .inv-cover__names[data-name-long] { max-width: 100%; font-size: max(26px, calc((100vw - 2 * var(--space-6)) / (var(--inv-name-chars, 17) * .5))); }
  [data-theme="rose-garden"] .inv-cover__names[data-name-long] .inv-cover__name { font-size: inherit; }
}