/* Grunge background overlay */
.bg-grunge {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'><rect width='200' height='200' fill='none' stroke='rgba(148,163,184,0.18)' stroke-width='2'/></svg>");
    background-size: 20px 20px;
    mix-blend-mode: soft-light;
}

/* FAQ details reset */
details > summary {
    list-style: none;
    cursor: pointer;
}

details > summary::-webkit-details-marker {
    display: none;
}

details > summary::after {
    content: '+';
    float: right;
    font-weight: bold;
    transition: transform 0.2s;
}

details[open] > summary::after {
    content: '-';
    transform: rotate(0deg);
}

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #05070B;
}

::-webkit-scrollbar-thumb {
    background: #4A5A2A;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #E85C00;
}

/* Nav link underline effect */
.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #f97316;
    transition: width 0.2s ease-out;
}

.nav-link:hover::after {
    width: 100%;
}

/* Social icons hover */
.social-icon {
    transition: all 0.2s ease;
}

.social-icon:hover {
    color: #f97316;
    transform: translateY(-2px);
}