/* EduWay: jasny wygląd w kolorach Ośrodka MyWay. Ładowany po stylach strony, więc je nadpisuje. */
html { overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
    background-color: #F7FAFF !important;
    background-image:
        radial-gradient(900px 520px at -8% -6%, rgba(187,211,255,.55), transparent 62%),
        radial-gradient(760px 480px at 108% 4%, rgba(191,240,214,.55), transparent 60%),
        radial-gradient(620px 420px at 50% 115%, rgba(255,227,166,.35), transparent 60%);
    background-attachment: fixed;
    color: #0B1B3A;
    font-family: 'Inter', system-ui, sans-serif;
}
h1, h2, h3, h4 { font-family: 'Space Grotesk', 'Inter', sans-serif; letter-spacing: -0.025em; }
h1 { letter-spacing: -0.035em; line-height: 1.05; }
:focus-visible { outline: 3px solid #1D5BE0; outline-offset: 3px; border-radius: 10px; }
::selection { background: #C9F0DD; color: #0B1B3A; }

/* Menu */
.nav-island {
    background: rgba(255,255,255,.82) !important;
    backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4);
    border: 1px solid rgba(11,27,58,.08) !important;
    box-shadow: 0 10px 40px -18px rgba(11,27,58,.28) !important;
}

/* Karty */
.glass-dark, .glass-card {
    background: #fff !important;
    backdrop-filter: none;
    border: 1px solid rgba(11,27,58,.08);
    box-shadow: 0 1px 2px rgba(11,27,58,.04), 0 12px 32px -12px rgba(11,27,58,.12);
    transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.glass-card:hover, .article-card:hover, .product-card:hover {
    transform: translateY(-6px);
    border-color: rgba(29,91,224,.35) !important;
    box-shadow: 0 2px 4px rgba(11,27,58,.05), 0 28px 60px -20px rgba(18,71,184,.28) !important;
}

/* Aktywne filtry i odpowiedzi */
.filter-btn.active, .category-btn.active, .answer-btn.selected {
    background: linear-gradient(120deg, #1247B8, #22B573) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px -12px rgba(18,71,184,.6);
}
.answer-btn.selected * { color: #fff !important; }

/* Okładki w bibliotece */
.card-gradient-purple { background: linear-gradient(135deg, #EDE4FF 0%, #F7FAFF 100%) !important; }
.card-gradient-blue   { background: linear-gradient(135deg, #DCE8FF 0%, #F7FAFF 100%) !important; }
.card-gradient-red    { background: linear-gradient(135deg, #FFE1E4 0%, #F7FAFF 100%) !important; }
.card-gradient-teal   { background: linear-gradient(135deg, #D5F5F0 0%, #F7FAFF 100%) !important; }
.card-gradient-gold   { background: linear-gradient(135deg, #FFE9B8 0%, #F7FAFF 100%) !important; }
.card-gradient-green  { background: linear-gradient(135deg, #C9F0DD 0%, #F7FAFF 100%) !important; }
.card-gradient-pink   { background: linear-gradient(135deg, #FFDDEC 0%, #F7FAFF 100%) !important; }
.icon-container {
    background: rgba(255,255,255,.8) !important;
    border: 1px solid rgba(11,27,58,.08) !important;
    box-shadow: 0 16px 34px -14px rgba(11,27,58,.3) !important;
}

/* Formularze i płatność */
.input-field, .StripeElement {
    background: #fff !important;
    border: 1px solid rgba(11,27,58,.14) !important;
    color: #0B1B3A;
}
.input-field:focus, .StripeElement--focus {
    border-color: #1D5BE0 !important;
    box-shadow: 0 0 0 3px rgba(29,91,224,.15) !important;
}
.input-field::placeholder { color: #7A869E !important; }
.StripeElement--invalid { border-color: #ef4444 !important; }
input, select, textarea { color: #0B1B3A; }

/* Przyciski strony podziękowania */
.check-ring { background: linear-gradient(135deg, #1247B8, #22B573) !important; box-shadow: 0 20px 50px -12px rgba(18,71,184,.5) !important; color: #fff; }
.btn-gold { background: linear-gradient(120deg, #1247B8, #22B573) !important; color: #fff !important; }
.btn-ghost { border: 1px solid rgba(11,27,58,.15) !important; background: #fff; }
.btn-ghost:hover { border-color: #1D5BE0 !important; }

.text-gold-gradient {
    background: linear-gradient(120deg, #1247B8, #22B573) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

/* Treść artykułów */
.prose h2, .prose h3, .prose strong { color: #0B1B3A !important; }
.prose p, .prose ul, .prose ol, .prose li { color: #44526E !important; }
.prose a { color: #1247B8 !important; text-decoration-color: rgba(18,71,184,.35); text-underline-offset: 3px; }
.prose a:hover { color: #17995F !important; }
.prose blockquote { border-left: 4px solid #22B573 !important; color: #44526E !important; background: #E6F8EF; padding: 1rem 1.5rem; border-radius: 0 16px 16px 0; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
    html { scroll-behavior: auto; }
}

/* Stopka: ciemna na każdej stronie, jak na stronie głównej */
footer {
    background: #0B1B3A !important;
    border: 0 !important;
    border-radius: 36px 36px 0 0;
    margin-top: 3rem;
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}
footer, footer p, footer a, footer span, footer div, footer li, footer h3, footer h4, footer i { color: rgba(255,255,255,.72) !important; }
footer h3, footer h4, footer .font-bold { color: #fff !important; }
footer a:hover { color: #FBBF24 !important; }
footer .text-leaf-600 { color: #22B573 !important; }
footer [class*="border-"] { border-color: rgba(255,255,255,.12) !important; }
footer [class*="from-way-600"] i { color: #fff !important; }

/* Panel administracyjny */
.glass-panel {
    background: #fff !important;
    backdrop-filter: none;
    border: 1px solid rgba(11,27,58,.08) !important;
    box-shadow: 0 1px 2px rgba(11,27,58,.04), 0 12px 32px -12px rgba(11,27,58,.12);
}
input, select, textarea { background: #fff; border: 1px solid rgba(11,27,58,.14); }
input:focus, select:focus, textarea:focus { border-color: #1D5BE0; outline: none; box-shadow: 0 0 0 3px rgba(29,91,224,.15); }