/* Shared gold navigation buttons against the black header. */
header .nav{gap:8px;align-items:center}
header .nav a{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;padding:10px 14px;border:1px solid #c9a75e;border-radius:6px;
 background:linear-gradient(180deg,#e9d39e,#d1ad62);color:#17130b;
 font-size:13px;font-weight:700;line-height:1.25;text-align:center;
 text-decoration:none;white-space:nowrap;
 box-shadow:inset 0 1px 0 #fff5,0 2px 4px #0003;
 transition:background .15s,border-color .15s,box-shadow .15s;
}
header .nav a:hover{background:#f4dfab;border-color:#f4dfab;color:#17130b;text-decoration:none}
header .nav a[aria-current="page"]{background:linear-gradient(180deg,#d8f3ba,#b8de91);border-color:#dff6c7;color:#17130b;text-decoration:none;box-shadow:inset 0 -3px 0 #739b4e}
header .nav a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){header .nav.open{gap:8px}header .nav a{flex:1 1 calc(50% - 8px);white-space:normal}}
@media(prefers-reduced-motion:reduce){header .nav a{transition:none}}

/* Keep these section colours visible, including the current page. */
header .nav a[href="/news/"]{background:#d91e32;border-color:#ff5364;color:#fff}
header .nav a[href="/blackpool/"]{background:#ffe724;border-color:#fff081;color:#17130b}
header .nav a[href="/mystery-tours/"]{background:#ff1493;border-color:#ff78bf;color:#fff}
header .nav a[href="/news/"]:hover{background:#b91427}
header .nav a[href="/blackpool/"]:hover{background:#fff16a}
header .nav a[href="/mystery-tours/"]:hover{background:#d90079}
header .nav a[aria-current="page"]{outline:2px solid white;outline-offset:2px}
header .nav a[href="/about/"]{background:#00d9ff;border-color:#79edff;color:#07141c}
header .nav a[href="/about/"]:hover{background:#69eaff}
header .nav a[href="/shop/"]{background:#39ff14;border-color:#a0ff8f;color:#081a04}
header .nav a[href="/shop/"]:hover{background:#88ff70}
header .nav a[href="/tour-dates/"]{background:#ff7900;border-color:#ffb56e;color:#211000}
header .nav a[href="/tour-dates/"]:hover{background:#ffa24d}

/* A short Blackpool invitation every four seconds; keep the existing colours. */
@keyframes rwg-blackpool-wiggle {
  0%, 88%, 100% { transform: translateX(0) rotate(0deg); }
  90%, 94% { transform: translateX(-2px) rotate(-2deg); }
  92%, 96% { transform: translateX(2px) rotate(2deg); }
  98% { transform: translateX(-1px) rotate(-1deg); }
}
@media (prefers-reduced-motion: no-preference) {
  header .nav a[href="/blackpool/"] {
    animation: rwg-blackpool-wiggle 4s ease-in-out infinite;
  }
  header .nav a[href="/blackpool/"]:hover,
  header .nav a[href="/blackpool/"]:focus-visible {
    animation: none;
  }
}

/* Give the bride voting invitation the same short wiggle every three seconds. */
@media (prefers-reduced-motion: no-preference) {
  a.bride-vote-link {
    animation: rwg-blackpool-wiggle 3s ease-in-out infinite;
  }
  a.bride-vote-link:hover,
  a.bride-vote-link:focus-visible {
    animation: none;
  }
}

/* Individual menu invitation timings, preserving each button's existing style. */
@media (prefers-reduced-motion: no-preference) {
  header .nav a[href="/mystery-tours/"] { animation: rwg-blackpool-wiggle 5s ease-in-out infinite; }
  header .nav a[href="/news/"] { animation: rwg-blackpool-wiggle 6s ease-in-out infinite; }
  header .nav a[href="/fan-club/"] { animation: rwg-blackpool-wiggle 7s ease-in-out infinite; }
  header .nav a[href="/shop/"] { animation: rwg-blackpool-wiggle 8s ease-in-out infinite; }
  header .nav a:is([href="/mystery-tours/"], [href="/news/"], [href="/fan-club/"], [href="/shop/"]):is(:hover, :focus-visible) { animation: none; }
}

/* Competitions stays bright yellow throughout the website. */
header .nav a[href="/competitions/"]{background:#ffe724;border-color:#fff081;color:#17130b;box-shadow:inset 0 1px 0 #fff9,0 2px 4px #0003}
header .nav a[href="/competitions/"]:hover{background:#fff16a;color:#17130b}
@media(min-width:701px) and (max-width:1500px){header .nav{flex-wrap:wrap;justify-content:center}header .nav a{padding:8px 10px}}

/* Luminous blue Fan Club button on every shared menu. */
header .nav a[href="/fan-club/"]{background:#087bff;border-color:#75c8ff;color:#fff;box-shadow:inset 0 1px 0 #ffffff55,0 0 12px #008cff99;text-shadow:0 1px 2px #00357b}header .nav a[href="/fan-club/"]:hover{background:#0064e6;border-color:#b4e5ff;color:#fff;box-shadow:0 0 18px #008cffee}