#main-navigation {
    position: relative; /* fix dropdown menu bug */
}

#main-navigation .dropdown .container {
    width: 12em;
    right: 0;
    left: auto;
    text-align: right;
}

#main-title {
    background: url(../img/logo.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 1em;
    padding-left: 5em;
}

.quick-nav {
    transform: scaleY(0);
}

.quick-nav:focus-within {
    transform: none;
}

.pagination li a {
    background-color: var(--pico-table-row-stripped-background-color);
}

.pagination li a[aria-current] {
    font-weight: bold;
    border: 2px solid;
}

.login {
    max-width: 18em;
    margin: auto;
}

/* utilitaires */
.width-auto {
    width: auto !important;
}

.small-btn {
    padding: 0 .5rem;
}

a[href="#"] {
    opacity: .5;
    cursor: not-allowed;
}

.not-too-big {
    font-size: 1.25em;
}

/* end utilitaires */

/* liste produits */

.list-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17em, 1fr));
    gap: 1em;
    padding: 0;
}

.list-grid > li {
    list-style: none;
    padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
    border-radius: var(--pico-border-radius);
    background: var(--pico-card-background-color);
    box-shadow: var(--pico-card-box-shadow);
}

.list-grid > li > hgroup {
    margin: 0;
}

/* fin liste produits */
/* fix picoCSS breaking leafletJS styles: */

.leaflet-control-zoom a[role="button"] {
    padding: 0;
    border-radius: 0;
    border: 0;
}

.leaflet-pane [role="button"], .leaflet-control-container [role="button"] {
    background-color: transparent;
    border: 0;
}

/* end fix picoCSS breaking leaflet JS styles */

/* home page */
.grid article header h2 {
    font-size: 1.25em;
    margin: 0;
}

.grid article header h2 + p {
    margin: 0;
}

/* end home page */