/* Fotbollsdatabasen — Custom CSS */

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Subtle glow hovers */
.glow-blue:hover { box-shadow: 0 0 20px rgba(28,78,157,.25); }

/* Gradient border effect for category cards */
.gradient-border { position: relative; }
.gradient-border::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(135deg, #1c4e9d, #ffda00);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
}
.gradient-border:hover::before { opacity: 1; }

/* Section accent — gradient left border */
.section-accent { position: relative; padding-left: 1rem; }
.section-accent::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(180deg, #1c4e9d, #ffda00);
}

/* Article prose styling */
.prose { font-size: .9375rem; line-height: 1.75; color: #8b949e; }
.prose h2 { font-size: 1.375rem; font-weight: 700; letter-spacing: -.01em; margin-top: 2.5rem; margin-bottom: 1rem; color: #e6edf3; }
.prose h3 { font-size: 1.125rem; font-weight: 700; margin-top: 2rem; margin-bottom: .75rem; color: #e6edf3; }
.prose h4 { font-size: 1rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: .5rem; color: #e6edf3; }
.prose p { font-size: .9375rem; line-height: 1.75; color: #8b949e; margin-bottom: 1.25rem; }
.prose ul, .prose ol { font-size: .9375rem; line-height: 1.75; color: #8b949e; margin-bottom: 1.25rem; padding-left: 1.5rem; }
.prose li { margin-bottom: .35rem; }
.prose ul { list-style-type: disc; }
.prose ol { list-style-type: decimal; }
.prose strong { color: #e6edf3; font-weight: 600; }
.prose a { color: #2d6fd4; text-decoration: underline; text-underline-offset: 2px; }
.prose a:hover { color: #fff; }
.prose hr { border: none; border-top: 1px solid rgba(255,255,255,.06); margin: 2.5rem 0; }
.prose table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-size: .875rem; }
.prose thead th { text-align: left; padding: .75rem 1rem; font-size: .6875rem; text-transform: uppercase; letter-spacing: .08em; color: #6b7280; font-weight: 600; border-bottom: 1px solid rgba(255,255,255,.06); }
.prose tbody td { padding: .625rem 1rem; border-bottom: 1px solid rgba(255,255,255,.04); color: #9ca3af; }
.prose tbody tr:hover { background: rgba(255,255,255,.02); }
.prose blockquote { border-left: 3px solid #1c4e9d; padding-left: 1rem; margin: 1.5rem 0; font-style: italic; color: #6b7280; }
.prose img { border-radius: 12px; margin: 1.5rem 0; max-width: 100%; height: auto; }

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