/* BRANDING — Pirate Seas: night ocean, parchment maps, rolling waves */
.theme-pirate {
  --theme-bg: #0a1f3d;
  --theme-ink: #fdf3d2;
  --theme-panel: #f1deb0;
  --theme-panel-ink: #3a220c;
  --theme-accent: #f5c542;
  --theme-accent-2: #f5c542;
  --theme-border: #3a220c;
  --theme-heading-font: 'Pirata One', cursive;
  background:
    radial-gradient(circle at 82% 12%, #fff9d6 0 38px, rgba(255,249,214,.25) 40px, transparent 120px),
    linear-gradient(#071630 0%, #0d2d57 55%, #0f4c6e 100%);
  background-attachment: fixed;
}
.theme-pirate .page-hero h1 { color: var(--theme-accent); text-shadow: 3px 3px 0 #000, 0 0 24px rgba(245,197,66,.4); letter-spacing: .02em; }
.theme-pirate .page-hero h1::before { content: '☠ '; }
.theme-pirate .page-hero h1::after { content: ' ☠'; }

/* Parchment: torn-ish edges, tilted like maps pinned to a mast */
.theme-pirate .panel,
.theme-pirate .card {
  background:
    radial-gradient(ellipse at 20% 20%, rgba(255,255,255,.4), transparent 50%),
    radial-gradient(ellipse at 80% 90%, rgba(120,70,20,.25), transparent 55%),
    #f1deb0;
  border-radius: 4px 18px 6px 22px;
}
.theme-pirate .panel:nth-of-type(odd) { transform: rotate(-.6deg); }
.theme-pirate .panel:nth-of-type(even) { transform: rotate(.5deg); }
.theme-pirate .panel h2, .theme-pirate .card__title { color: #7a1d12; }
.theme-pirate .card__art { border-bottom-style: dashed; }
.theme-pirate .card__art--soon { --soon-bg: radial-gradient(circle, #1f5c8a, #0a1f3d); }
.theme-pirate .card__price { color: #7a1d12; }
.theme-pirate .steps li::before { background: #7a1d12; color: #f5c542; }
.theme-pirate .steps li { border-style: dashed; }

/* Waves rolling along the bottom of the screen */
.waves { position: fixed; left: 0; right: 0; bottom: 0; height: 140px; z-index: 0; pointer-events: none; }
.waves i {
  position: absolute; left: -50%; right: -50%; bottom: 0; height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath d='M0 20 Q25 0 50 20 T100 20 T150 20 T200 20 V40 H0Z' fill='%23ffffff'/%3E%3C/svg%3E") repeat-x bottom / 200px 40px;
  animation: wave-roll 7s linear infinite;
}
.waves i:nth-child(1) { opacity: .12; bottom: 40px; animation-duration: 11s; }
.waves i:nth-child(2) { opacity: .2; bottom: 20px; animation-duration: 8s; animation-direction: reverse; }
.waves i:nth-child(3) { opacity: .35; }
@keyframes wave-roll { to { transform: translateX(200px); } }

.ship {
  position: fixed; bottom: 70px; left: -120px; z-index: 0; font-size: 4.5rem; pointer-events: none;
  animation: ship-sail 50s linear infinite, ship-rock 3s ease-in-out infinite;
}
@keyframes ship-sail { to { left: calc(100% + 120px); } }
@keyframes ship-rock { 50% { rotate: 6deg; } }

.theme-pirate .floaty { position: absolute; animation: pirate-drift ease-in-out infinite; opacity: .45; }
@keyframes pirate-drift { 50% { transform: translate(-20px, 16px) rotate(14deg); } }

/* --- Collage layer: tea-stained parchment, sea-chart tape --- */
.theme-pirate {
  --paper-1: #f1deb0; --paper-2: #e6c98d; --paper-3: #f8eed3;
  --ink: #3a220c; --tape-1: rgba(150, 100, 45, .5); --tape-2: rgba(245, 197, 66, .6);
  --theme-accent-strong: #7a1d12;
}
.theme-pirate .price-list li { --tag-bg: #3a220c; color: #f5c542; }
.theme-pirate .price-list li em { border-color: rgba(245,197,66,.5); }