/* Pasek u góry (strona główna i podstrony z „Zaloguj się”): zalogowana szkoła zamiast „Zaloguj się” – media/school-nav.js; style menu jak menu konta (.user-dropdown-* w stylach strony) */
.coop-nav .user-dropdown-btn { display: inline-flex; align-items: center; gap: .4rem; }
.coop-nav .user-dropdown-btn small { font-weight: 500; opacity: .75; }
.coop-nav .user-dropdown-menu a { white-space: nowrap; }
@media (min-width: 1025px) { .coop-nav .user-dropdown-menu { min-width: 250px; } }
.coop-nav-dot { position: relative; width: 9px; height: 9px; border-radius: 50%; background: #2FB344; flex: none; }
.coop-nav-dot::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; background: #2FB344; opacity: 0; animation: coop-nav-ping 2s ease-out infinite; }
.coop-nav-head { display: flex; flex-direction: column; gap: .1rem; padding: 8px 14px 10px; border-bottom: 1px solid var(--border); margin-bottom: 4px; }
.coop-nav-head small { font: 600 .66rem 'Space Grotesk', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #2FB344; }
body.light .coop-nav-head small { color: #237A35; }
.coop-nav-head b { font: 700 .9rem/1.3 'Space Grotesk', sans-serif; color: var(--text); }
@keyframes coop-nav-ping { 0% { opacity: .5; transform: scale(.5); } 100% { opacity: 0; transform: scale(1.4); } }
@media (prefers-reduced-motion: reduce) { .coop-nav-dot::after { animation: none; } }

/* „Wejdź do EscapeVerse”: w ciemnym motywie neonowa karta, w jasnym jasna i spokojniejsza (body.light niżej) – gradientowy obrys, przy otwarciu menu wsuwa się, błysk przelatuje raz i potem co kilka sekund,
   ikona-sześciokąt delikatnie świeci, po najechaniu strzałka idzie w prawo. Animowane tylko transform/opacity (płynnie na telefonie). */
.coop-nav .user-dropdown-menu a.coop-ev { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; gap: .7rem; width: auto;
  margin: 4px 2px 6px; padding: .55rem .65rem; border-radius: 12px; color: #EAF6FF; text-decoration: none;
  background: linear-gradient(135deg, #0A1230 0%, #160B33 100%); border: 1px solid transparent;
  background-image: linear-gradient(135deg, #0A1230 0%, #160B33 100%), linear-gradient(120deg, #00D4FF, #7B2FBE 55%, #00D4FF);
  background-origin: border-box; background-clip: padding-box, border-box;
  box-shadow: 0 6px 18px -8px rgba(0, 212, 255, .55); transition: box-shadow .25s ease, transform .25s ease; }
/* siatka i przelatujący błysk */
.coop-nav a.coop-ev::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .5; pointer-events: none;
  background: linear-gradient(rgba(0, 212, 255, .07) 1px, transparent 1px) 0 0 / 100% 6px; }
.coop-nav a.coop-ev::after { content: ''; position: absolute; top: -20%; bottom: -20%; left: 0; width: 45%; z-index: -1; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(0, 212, 255, .28) 45%, rgba(255, 255, 255, .35) 50%, rgba(123, 47, 190, .25) 55%, transparent);
  transform: translateX(-120%) skewX(-18deg); }
.coop-ev-ico { flex: none; position: relative; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #00D4FF;
  background: rgba(0, 212, 255, .1); border: 1px solid rgba(0, 212, 255, .35); }
.coop-ev-ico svg { width: 22px; height: 22px; }
.coop-ev-ico::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; box-shadow: 0 0 14px rgba(0, 212, 255, .7); opacity: 0; pointer-events: none; }
.coop-ev-txt { display: flex; flex-direction: column; gap: .12rem; min-width: 0; }
.coop-ev-txt b { font: 700 .92rem/1.2 'Space Grotesk', sans-serif; letter-spacing: .01em; color: #fff; }
.coop-ev-go { flex: none; margin-left: auto; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #0A1230;
  background: linear-gradient(135deg, #00D4FF, #9B5BFF); transition: transform .25s ease; }
.coop-ev-go svg { width: 15px; height: 15px; }
.coop-nav .user-dropdown-menu a.coop-ev:hover, .coop-nav .user-dropdown-menu a.coop-ev:focus-visible { color: #fff;
  background-image: linear-gradient(135deg, #0C1740 0%, #1C0E40 100%), linear-gradient(120deg, #00D4FF, #9B5BFF 55%, #00D4FF);
  box-shadow: 0 8px 24px -8px rgba(0, 212, 255, .8), 0 0 0 1px rgba(0, 212, 255, .25); transform: translateY(-1px); }
.coop-nav a.coop-ev:focus-visible { outline: 2px solid #00D4FF; outline-offset: 2px; }
.coop-nav a.coop-ev:hover .coop-ev-go { transform: translateX(3px); }
/* menu otwarte (komputer: .show, telefon: .open na kontenerze) */
.coop-nav .user-dropdown-menu.show a.coop-ev, .coop-nav.open a.coop-ev { animation: coop-ev-in .45s cubic-bezier(.2, .9, .3, 1.2) .05s both; }
.coop-nav .user-dropdown-menu.show a.coop-ev::after, .coop-nav.open a.coop-ev::after { animation: coop-ev-shine 1.1s ease .35s, coop-ev-shine-loop 5s ease 1.6s infinite; }
.coop-nav .user-dropdown-menu.show .coop-ev-ico::after, .coop-nav.open .coop-ev-ico::after { animation: coop-ev-glow 2.6s ease-in-out .5s infinite; }
/* strzałka jak w kartach „Program” na stronie głównej: co 4 s dwa lekkie kroki w prawo, a wokół kółka rozchodzi się poświata (pierścień ::after: scale + opacity) */
.coop-ev-go { position: relative; }
.coop-ev-go::after { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #00D4FF; opacity: 0; pointer-events: none; }
body.light .coop-ev-go::after { border-color: #5B6BFF; }
.coop-nav .user-dropdown-menu.show .coop-ev-go svg, .coop-nav.open .coop-ev-go svg { animation: coop-ev-nudge 4s ease-in-out .8s infinite; }
.coop-nav .user-dropdown-menu.show .coop-ev-go::after, .coop-nav.open .coop-ev-go::after { animation: coop-ev-ring 4s ease-out .8s infinite; }
@keyframes coop-ev-nudge { 0%, 62%, 100% { transform: none; } 70% { transform: translateX(3px); } 78% { transform: none; } 84% { transform: translateX(2px); } 90% { transform: none; } }
@keyframes coop-ev-ring { 0%, 64% { opacity: 0; transform: scale(1); } 68% { opacity: .6; transform: scale(1); } 92%, 100% { opacity: 0; transform: scale(1.6); } }
@keyframes coop-ev-in { from { opacity: 0; transform: translateY(6px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes coop-ev-shine { from { transform: translateX(-120%) skewX(-18deg); } to { transform: translateX(320%) skewX(-18deg); } }
@keyframes coop-ev-shine-loop { 0%, 70% { transform: translateX(-120%) skewX(-18deg); } 100% { transform: translateX(320%) skewX(-18deg); } }
@keyframes coop-ev-glow { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
/* telefon i tablet: menu wewnątrz menu strony – karta na szerokość, bez przesunięcia po najechaniu */
@media (max-width: 1024px) {
  .coop-nav .user-dropdown-menu { min-width: 0; max-width: calc(100vw - 2.5rem); }
  .coop-nav .user-dropdown-menu a.coop-ev { margin: .35rem 0 .45rem; padding: .6rem .7rem; width: min(340px, calc(100vw - 6.5rem)); max-width: 100%; white-space: normal; color: #EAF6FF; }
  .coop-nav .user-dropdown-menu a.coop-ev:hover { color: #fff; transform: none; }
  body.light .coop-nav .user-dropdown-menu a.coop-ev:hover { color: #0A2A66; }
}
/* jasny motyw: biała karta z delikatnym odcieniem, cienki gradientowy obrys, tekst w kolorach strony – ten sam układ i ruch, mniej kontrastu */
body.light .coop-nav .user-dropdown-menu a.coop-ev { color: #0A2A66;
  background-image: linear-gradient(135deg, #F4FAFF 0%, #F6F1FF 100%), linear-gradient(120deg, rgba(0, 86, 204, .45), rgba(123, 47, 190, .45) 55%, rgba(0, 163, 196, .45));
  box-shadow: 0 4px 14px -8px rgba(0, 86, 204, .35); }
body.light .coop-nav .user-dropdown-menu a.coop-ev:hover, body.light .coop-nav .user-dropdown-menu a.coop-ev:focus-visible { color: #0A2A66;
  background-image: linear-gradient(135deg, #EAF4FF 0%, #F1E9FF 100%), linear-gradient(120deg, #0056CC, #7B2FBE 55%, #00A3C4);
  box-shadow: 0 6px 18px -8px rgba(0, 86, 204, .45); }
body.light .coop-nav a.coop-ev::before { opacity: 0; }
body.light .coop-nav a.coop-ev::after { background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .9) 50%, transparent); }
body.light .coop-ev-txt b { color: #0A2A66; }
body.light .coop-ev-ico { color: #0056CC; background: rgba(0, 86, 204, .08); border-color: rgba(0, 86, 204, .22); }
body.light .coop-ev-ico::after { box-shadow: 0 0 12px rgba(0, 86, 204, .35); }
body.light .coop-ev-go { color: #fff; background: linear-gradient(135deg, #0056CC, #7B2FBE); }
body.light .coop-nav a.coop-ev:focus-visible { outline-color: #0056CC; }
@media (prefers-reduced-motion: reduce) {
  .coop-nav a.coop-ev, .coop-nav a.coop-ev::after, .coop-ev-ico::after, .coop-ev-go, .coop-ev-go svg, .coop-ev-go::after { animation: none !important; transition: none; }
}