/* Every selector is restricted to cards positively identified as movies by WordPress. */
.admc-movie-card .admc-movie-poster { position: relative; }
.admc-movie-card .admc-badge {
 position: absolute;
 z-index: 8;
 top: 0;
 left: 0;
 display: block;
 box-sizing: border-box;
 width: 68px;
 height: 68px;
 overflow: hidden;
 padding: 0;
 border: 0;
 border-radius: 0;
 background: transparent;
 pointer-events: none;
}
.admc-movie-card .admc-ribbon-label {
 position: absolute;
 top: 14px;
 left: -26px;
 display: block;
 box-sizing: border-box;
 width: 104px;
 height: 20px;
 padding: 0;
 border: 0;
 border-top: 1px solid rgb(255 255 255 / 18%);
 border-bottom: 1px solid rgb(0 0 0 / 12%);
 color: #fff;
 background: linear-gradient(180deg, #ef2b2b, #bd1717);
 box-shadow: 0 2px 4px rgb(0 0 0 / 24%);
 font: 700 10px/18px Arial, sans-serif;
 letter-spacing: .35px;
 text-align: center;
 text-transform: uppercase;
 white-space: nowrap;
 transform: rotate(-45deg);
 transform-origin: center;
 pointer-events: none;
}
.admc-movie-card .admc-badge-update .admc-ribbon-label { background: linear-gradient(180deg, #287ff0, #174ca4); }
.admc-movie-card .admc-category-row {
 display: flex;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 width: 100%;
 min-width: 0;
 min-height: 28px;
 padding: 5px 3px 1px;
}
.admc-movie-card .admc-category {
 display: block;
 box-sizing: border-box;
 max-width: 100%;
 overflow: hidden;
 padding: 4px 9px;
 border: 1px solid #274036;
 border-radius: 99px;
 color: #d7e8df;
 background: #17211d;
 font: 600 10px/1.15 Arial, sans-serif;
 text-overflow: ellipsis;
 white-space: nowrap;
 text-transform: uppercase;
}
@media (max-width: 600px) {
 .admc-movie-card .admc-badge { width: 56px; height: 56px; }
 .admc-movie-card .admc-ribbon-label { top: 11px; left: -23px; width: 88px; height: 18px; font-size: 8.5px; line-height: 16px; }
 .admc-movie-card .admc-category { padding: 3px 7px; font-size: 9px; }
 .admc-movie-card .admc-category-row { min-height: 25px; }
}
/* Homepage filters stay inside the module and scroll horizontally on narrow screens. */
#movies-grid .admc-movie-filters{display:flex;align-items:stretch;gap:8px;clear:both;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:6px 0 10px;margin:0 0 16px;border-bottom:1px solid rgba(128,128,128,.18)}
#movies-grid .admc-movie-filters a{position:relative;flex:0 0 auto;display:block;box-sizing:border-box;padding:12px 15px;color:inherit;opacity:.75;text-decoration:none;font-size:12px;font-weight:700;line-height:20px;white-space:nowrap;border-radius:5px}
#movies-grid .admc-movie-filters a:hover{opacity:1;background:rgba(128,128,128,.12)}
#movies-grid .admc-movie-filters a.is-active{color:#00dca5;opacity:1;background:rgba(0,220,165,.06)}
#movies-grid .admc-movie-filters a.is-active:after{content:"";position:absolute;height:2px;left:15px;right:15px;bottom:3px;background:currentColor}
#movies-grid .admc-movie-filters a:focus-visible{outline:2px solid #00b98a;outline-offset:-2px;opacity:1}
#movies-grid .admc-filter-status{clear:both;margin:0 0 16px;font-size:13px;line-height:1.6;color:inherit}
#movies-grid .admc-filter-status:empty{display:none}
#movies-grid[aria-busy="true"]>.movies-grid{opacity:.55;transition:opacity .15s ease}
@media(max-width:480px){#movies-grid .admc-movie-filters{gap:2px;margin-bottom:12px}#movies-grid .admc-movie-filters a{padding:10px 12px}}