/* WT Panel – poprawki strony (motyw Tutor Starter) */

/* Menu boczne na telefonie/tablecie: podmenu „Kursy” zawsze rozwinięte, więc nie zwija się pod kursorem i „Kontakt” da się kliknąć. */
@media (max-width: 991px) {
	.navbar .menu-item .sub-menu,
	.navbar .menu-item:hover > .sub-menu,
	.navbar .menu-item:focus-within > .sub-menu {
		max-height: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
		position: static !important; margin: 6px 0 4px 14px !important; padding: 0 !important; transition: none !important;
	}
	.navbar .menu-item .sub-menu .menu-item { margin-bottom: 8px; }
}
/* Komputer: podmenu nie znika od razu po zjechaniu kursorem (ok. 0,3 s zapasu). */
@media (min-width: 992px) {
	.navbar .menu-item .sub-menu { transition: opacity .2s ease .3s, visibility 0s linear .5s, transform .2s ease .3s; }
	.navbar .menu-item:hover > .sub-menu, .navbar .menu-item:focus-within > .sub-menu { transition-delay: 0s; }
	.navbar .menu-item .sub-menu::after { pointer-events: none; }
}

/* Przyciski w nagłówku: Zapisz się / Mój panel – po prawej, na wysokości menu; nagłówek przyklejony u góry. */
header.wtp-sticky-head { position: sticky; top: 0; z-index: 999; background: #fff; box-shadow: 0 2px 14px rgba(23, 21, 46, .07); }
.admin-bar header.wtp-sticky-head { top: 32px; }
@media (max-width: 782px) { .admin-bar header.wtp-sticky-head { top: 46px; } }
@media (max-width: 600px) { .admin-bar header.wtp-sticky-head { top: 0; } }
.wtp-head-cta { display: flex; gap: 10px; align-items: center; margin-left: 18px; flex: none; }
.wtp-head-cta.floating { position: fixed; top: 14px; right: 14px; z-index: 9990; margin: 0; }
.wtp-head-cta a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border-radius: 999px; font-weight: 700; font-size: 15px; line-height: 1; text-decoration: none !important; white-space: nowrap; transition: transform .15s ease, background .15s ease; }
.wtp-head-cta a:hover { transform: translateY(-1px); }
.wtp-head-cta-join { background: #8e5db5; color: #fff !important; animation: wtp-cta-ring 2.4s ease-in-out infinite; }
.wtp-head-cta-join:hover { background: #7a4aa3; }
.wtp-head-cta-login { background: #ffb400; color: #17152e !important; }
.wtp-head-cta-login:hover { background: #f0a800; }
.wtp-head-cta-dot { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: wtp-cta-dot 1.6s infinite; flex: none; }
@keyframes wtp-cta-ring { 0%, 100% { box-shadow: 0 0 0 0 rgba(142, 93, 181, 0); } 50% { box-shadow: 0 0 0 6px rgba(142, 93, 181, .28); } }
@keyframes wtp-cta-dot { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .8); } 70% { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@media (max-width: 480px) {
	.wtp-head-cta { gap: 6px; margin-left: 8px; }
	.wtp-head-cta a { padding: 9px 12px; font-size: 13px; }
	.wtp-head-cta-dot { display: none; }
}
@media (prefers-reduced-motion: reduce) { .wtp-head-cta-join, .wtp-head-cta-dot { animation: none; } }
@media print { .wtp-head-cta { display: none; } }