/**
 *  Breadcrumbs style definition.
 *
 *  @copyright  2025 Vinacles BV
 *  @author     Anouar Jaama
 *  @author     Jeroen van Vliet
 *  @author     Clyde Semeleer
 */
@layer components {
    .breadcrumbs {
        @apply text-[70%] uppercase my-8;

        a {
            color: var(--color-vinacles-text);
        }
    }

    @screen max-sm {
        .breadcrumbs {
            @apply my-2;
        }
    }

    @media (min-width: 480px) and (max-width: 800px) {
        .breadcrumbs {
            @apply my-4;
        }
    }

    @media (min-width: 800px) and (max-width: 1200px) {
        .breadcrumbs {
            @apply my-6;
        }
    }
}

.breadcrumbs {
    font-size: 90%;
    text-transform: uppercase;
    margin: 2rem 0px;
}
.breadcrumbs a {
    color: var(--color-vinacles-text);
}