@layer components {
    .footer-panel {
        @apply bg-primary-strong text-primary-content;
        .footer-grid {
            @apply py-5 grid gap-5 md:grid-cols-[1fr_3fr];
        }
        .footer-nav {
            @apply grid w-full grid-flow-col auto-cols-fr gap-5 p-0 m-0 list-none;
        }
        .footer-nav__group {
            @apply flex min-w-0 w-full flex-col;
        }
        .footer-nav__heading {
            @apply mb-4 font-semibold no-underline pointer-events-none text-primary-content;
        }
        .footer-nav__submenu {
            @apply m-0 space-y-3 p-0;
            a {
                @apply text-xs text-primary-content;
            }
        }
        .footer-copy { @apply text-sm ; }
    }
}
