/* Une rangée éditoriale, parcourable au toucher, au clavier et sans JavaScript. */
.name-days { margin: 0 0 1.35rem; padding: 0 0 1rem; border-bottom: 1px solid #d6e2e6; min-width: 0; }
.name-days__head { margin-bottom: .8rem; }
.catalog-browse .name-days h2 { margin: 0; font-size: 1.3rem; color: #234c5c; line-height: 1.3; }
.name-days__track { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; list-style: none; margin: 0; padding: 3px 3px .75rem; scrollbar-width: thin; scrollbar-color: #8baeb9 transparent; }
.name-days__item { flex: 0 0 calc((100% - 2rem) / 3); min-width: 0; scroll-snap-align: start; }
.name-days__card { display: flex; flex-direction: column; height: 100%; color: #25383f; background: white; border: 1px solid #cbdde1; border-radius: 12px; overflow: hidden; text-decoration: none; transition: box-shadow .15s; }
.name-days__card:hover { box-shadow: 0 4px 14px #204c5c24; }
.name-days__identity { padding: .85rem 1rem .7rem; }
.name-days__date { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .25rem; color: #52636a; font-size: .85rem; min-height: 1.55rem; }
.name-days__badge { background: #dfefee; color: #245a50; padding: .15rem .45rem; border-radius: 5px; font-size: .75rem; font-weight: 700; }
.name-days__item--today .name-days__card { border-color: #438e91; box-shadow: 0 0 0 1px #438e91; }
.name-days__item--today .name-days__badge { background: #246965; color: white; }
.catalog-browse .name-days h3 { font-size: 1.5rem; margin: .25rem 0 0; line-height: 1.3; overflow-wrap: anywhere; color: #234c5c; }
.name-days__card img { display: block; width: 100%; height: auto; aspect-ratio: 560 / 416; object-fit: contain; background: #fff; }
.name-days__action { display: flex; justify-content: space-between; padding: .75rem 1rem; font-weight: 700; color: #246175; }
.name-days__navigation { padding-top: .25rem; }
.name-days__navigation[hidden] { display: none; }
.name-days__buttons { display: flex; justify-content: space-between; gap: .6rem; }
.name-days__buttons button { display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .5rem .75rem; border-radius: 8px; border: 1px solid #a6bec7; color: #245f73; background: white; font: inherit; font-size: .9rem; font-weight: 700; cursor: pointer; }
.name-days__buttons button:hover:not(:disabled) { background: #e9f6f7; }
.name-days__buttons button:disabled { visibility: hidden; }
.name-days :focus-visible { outline: 3px solid #b45413; outline-offset: 3px; }
@media (min-width: 701px) and (max-width: 1000px) { .name-days__item { flex-basis: calc((100% - 1rem) / 2); } }
@media (max-width: 700px) {
  .name-days { margin-bottom: 1rem; }
  .catalog-browse .name-days h2 { font-size: 1.2rem; }
  .name-days__item { flex-basis: 78%; max-width: 300px; }
  .name-days__track { gap: .75rem; }
  .name-days__buttons button { font-size: .8rem; padding-inline: .5rem; }
}
@media (prefers-reduced-motion: reduce) { .name-days__card { transition: none; } }