/* Fallback minimal styles for DS Bénévoles */
/* Serves when compiled assets are unavailable */
@import url('palette.css');
body {
    font-family: 'Nunito', sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--color-secondary-50);
}
nav {
    background-color: var(--color-white);
    border-bottom: 4px solid var(--color-white);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.link,
.link-primary {
    color: var(--color-primary-700);
    text-decoration: none;
}
.link:hover,
.link:focus,
.link:focus-visible,
.link-primary:hover,
.link-primary:focus,
.link-primary:focus-visible {
    text-decoration: underline;
}
.link-nav {
    color: var(--color-primary-600);
    text-decoration: none;
    padding: 0.5rem 1rem;
}
.link-nav:hover,
.link-nav:focus,
.link-nav:focus-visible {
    color: var(--color-primary-900);
    text-decoration: underline;
}
.link-nav-active,
.link-nav[aria-current="page"] {
    font-weight: 600;
    border-bottom: 2px solid var(--color-primary-600);
}
/* Simple container to limit content width */
.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Basic pagination styling for links generated by Laravel */
nav[aria-label="Pagination"] > a,
nav[aria-label="Pagination"] > span {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid var(--color-secondary-300);
    text-decoration: none;
    color: var(--color-secondary-800);
}

nav[aria-label="Pagination"] > a:hover,
nav[aria-label="Pagination"] > a:focus,
nav[aria-label="Pagination"] > a:focus-visible {
    background-color: var(--color-secondary-100);
}

nav[aria-label="Pagination"] > span[aria-current="page"] {
    background-color: var(--color-primary-600);
    color: var(--color-white);
}