/* Hyvä-compatible Sitemap & Sticky Search */

/* Sitemap List Columns */
.sitemap-list {
    @apply flex flex-wrap -mx-2; /* Flex container with negative margin to balance padding */
}

.sitemap-column {
    @apply w-1/4 px-2 py-2; /* 25% width, horizontal padding 0.5rem, vertical 0.5rem */
}

/* Sticky Search Bar */
.search-sticky {
    @apply sticky top-0 bg-gray-200 p-2.5 px-12 flex justify-between items-center z-50; 
    /* Sticky position, gray background, padding, flex layout, above other content */
}

.search-sticky h1 {
    @apply m-0; /* Remove default margin */
}

.search-sticky input {
    @apply w-1/2 h-12 rounded-full pl-7; /* 50% width, 50px height (~12), rounded corners, padding-left */
}

.search-sticky input:focus {
    @apply ring-1 ring-blue-800; /* Focus outline similar to box-shadow */
}

/* Custom color for visited links */
.sitemap-list a:visited,
.sitemap-list .alink:visited {
    color: #08c;
}