/* Maquette d’aiguillage retenue : deux portes alignées, vitrine papier et relais mobile. */
.catalog-browse .event-layout { align-items: start; }
.event-door { display: flex; flex-direction: column; justify-content: center; gap: .25rem; height: 88px; box-sizing: border-box; padding: 0 1.15rem; border-radius: 14px; border: 1px solid; text-decoration: none; margin-bottom: 1.1rem; transition: box-shadow .15s; }
.event-door:hover { box-shadow: 0 6px 18px #223e481f; }
.event-door--virtual { background: #e9f6f7; border-color: #cfe6e8; color: #0f5f73; }
.event-door--paper { background: #f7ebe5; border-color: #ead3c7; color: #6b2a3d; }
.event-door__line { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; }
.event-door strong { font-size: 1.3rem; line-height: 1.2; }
.event-door__subtitle { color: #4d5b60; font-size: .9rem; line-height: 1.3; }
.event-door--paper .event-door__subtitle { color: #6d5355; }
.event-door__count { font-weight: 700; white-space: nowrap; font-size: .95rem; }
.catalog-browse .event-preview { margin-top: 0; }
.catalog-browse .event-paper-showcase { position: sticky; top: 1rem; padding: 0; background: none; border: 0; border-radius: 0; }
.event-paper-panel { background: #f7ebe5; border: 1px solid #ead3c7; border-radius: 14px; padding: .9rem .9rem 1rem; }
.event-paper-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-bottom: .9rem; }
.event-paper-card { position: relative; display: flex; align-items: center; background: white; border-radius: 8px; padding: .45rem; box-shadow: 0 3px 10px #5a2a3a14; transition: transform .15s; min-width: 0; }
.event-paper-card[href]:hover { transform: translateY(-2px); }
.event-paper-card img { display: block; width: 100%; height: auto; }
.event-paper-arguments { list-style: none; margin: 0 0 .9rem; padding: 0; font-size: .88rem; color: #5c3b44; }
.event-paper-arguments li { position: relative; padding-left: 1.3rem; margin: .28rem 0; line-height: 1.35; }
.event-paper-arguments li::before { content: '✓'; position: absolute; left: 0; color: #8a2d45; font-weight: 700; }
.event-paper-panel .browse-button { width: 100%; }
.event-mobile-doors, .event-paper-band { display: none; }
/* Les traductions longues peuvent passer sur deux lignes sans élargir la colonne. */
@media (min-width: 701px) and (max-width: 1100px) {
  .catalog-browse .event-layout:not(.event-layout--paper-only) { grid-template-columns: minmax(0, 3fr) minmax(235px, 1fr); }
  .event-door { height: 112px; padding-inline: .8rem; }
  .event-door--paper .event-door__line { flex-wrap: wrap; gap: .1rem .5rem; }
  .event-door--paper strong { font-size: 1.15rem; }
  .event-door--paper .event-door__count { font-size: .85rem; }
}
@media (max-width: 700px) {
  .catalog-browse .event-paper-showcase, .event-virtual > .event-door { display: none; }
  .event-mobile-doors { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .6rem; margin-bottom: 1rem; }
  .event-mobile-doors .event-door { height: auto; min-height: 84px; padding: .7rem .8rem; margin: 0; }
  .event-mobile-doors .event-door__line { flex-direction: column; gap: .1rem; }
  .event-mobile-doors strong { font-size: 1.05rem; }
  .event-mobile-doors .event-door__subtitle { font-size: .8rem; }
  .event-mobile-doors .event-door__count { white-space: normal; font-size: .85rem; }
  .event-paper-band { display: block; grid-column: 1 / -1; background: #f7ebe5; border: 1px solid #ead3c7; border-radius: 14px; padding: .9rem .9rem 1rem; list-style: none; min-width: 0; }
  .catalog-browse .event-paper-band h2 { color: #6b2a3d; font-size: 1.15rem; margin: 0 0 .65rem; }
  .event-paper-band .event-paper-panel { padding: 0; border: 0; }
  .event-paper-scroll { display: flex; gap: .65rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: .2rem .15rem .4rem; margin-bottom: .7rem; }
  .event-paper-scroll .event-paper-card { flex: 0 0 38%; scroll-snap-align: start; }
  .event-paper-band .browse-button { width: 100%; }
  .catalog-browse .event-layout--paper-only .event-paper-showcase { display: block; position: static; }
  .event-layout--paper-only .event-door { height: auto; min-height: 88px; margin-bottom: 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .event-door, .event-paper-card { transition: none; }
}
