/* Wrap for the functional pages (create, closet, privacy).
   2026-07-16 (Damla): pull the LANDING pötikare wallpaper (baby-blue poplin
   gingham) onto these pages too. The app sits on a white pattern-paper sheet
   and the gingham wall shows ONLY behind that sheet, calm, never inside the
   card. Same fixed #silk canvas + paint as index.html. Header text stays navy. */
body.couture { background:
  repeating-linear-gradient(0deg, rgba(143,191,232,.30) 0 14px, transparent 14px 28px),
  repeating-linear-gradient(90deg, rgba(143,191,232,.30) 0 14px, transparent 14px 28px),
  #ffffff; }

/* header floats on the ground, landing-style */
body.couture header { position: relative; z-index: 2; border-bottom: 0; }
body.couture .header-in { padding: 22px 0 8px; }
body.couture .wordmark,
body.couture .wordmark a {
  font-family: 'Didot', 'Bodoni 72', Georgia, serif;
  font-size: 26px; color: var(--navy); text-shadow: none;
}
body.couture .wordmark svg line { stroke: var(--bb-deep); opacity: .9; }
body.couture nav a { color: var(--navy); text-shadow: none; }
body.couture nav a:hover { border-bottom: 1px dashed var(--bb-deep); }

/* the pattern-paper sheet */
body.couture .app-main { position: relative; z-index: 1; padding: 30px 0 96px; }
body.couture .app-main > .wrap {
  position: relative;
  background: #ffffff;
  max-width: 1010px;
  padding: 44px 48px 60px;
  border: 1.5px solid var(--bb-line);
  box-shadow: 0 18px 44px rgba(63, 116, 168, .22);
}
body.couture .app-main > .wrap::before {
  content: ""; position: absolute; top: -14px; left: -11px; width: 34px; height: 34px;
  background: url(../assets/buttons/b3.png) no-repeat center / contain;
  transform: rotate(-14deg);
  filter: drop-shadow(0 3px 6px rgba(63, 116, 168, .3));
  pointer-events: none;
}
@media (max-width: 1060px) {
  body.couture .app-main { padding-left: 14px; padding-right: 14px; }
}
@media (max-width: 720px) {
  body.couture .app-main { padding-top: 16px; }
  body.couture .app-main > .wrap { padding: 26px 20px 40px; }
}