/* Hallmark · component: drama rail · genre: atmospheric · theme: COLADRAMA Midnight
 * states: default · hover · focus · active · disabled · loading · error · success
 * contrast: pass (46–50) · pre-emit critique: P5 H5 E5 S5 R5 V4
 */

.cinema-card .poster{position:relative}
.cinema-card .card-badge{max-inline-size:calc(100% - var(--space-4));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cinema-card[aria-disabled="true"]{cursor:not-allowed;opacity:.48;pointer-events:none}
.cinema-card[data-state="loading"] .poster{opacity:.64}
.cinema-card[data-state="error"] .poster{border-color:var(--color-error)}
.cinema-card[data-state="success"] .poster{border-color:var(--color-success)}

@media(max-width:820px){
  .cinema-rail{scroll-padding-inline:var(--space-4)}
  .cinema-card{flex-basis:clamp(var(--size-card-compact-min),calc((100vw - var(--space-7))/3),var(--size-card-compact-max))}
  .cinema-card .card-count{top:auto;right:var(--space-2);bottom:var(--space-2)}
  .cinema-rail[data-count="1"],
  .cinema-rail[data-count="2"],
  .cinema-rail[data-count="3"]{justify-content:center;overflow-x:clip}
}

@media(prefers-reduced-motion:reduce){
  .cinema-card .poster{transition-duration:var(--duration-fast)!important}
}