/* Cinema pages: compact light programme with a dark site header. */
body:has(.cinema-page){background:#fff}
body:has(.cinema-page) .noje-header,body:has(.cinema-page) .noje-nav{background:#101514;color:#fff}
body:has(.cinema-page) .noje-header__message,body:has(.cinema-page) .cityportal-logo,body:has(.cinema-page) .cityportal-logo span{color:#fff}
body:has(.cinema-page) .noje-header .cityportal-logo img{filter:brightness(0) invert(1)}
body:has(.cinema-page) .noje-breadcrumbs{background:#101514;border-color:#29322f}
body:has(.cinema-page) .cityportal-breadcrumbs,body:has(.cinema-page) .cityportal-breadcrumbs a{color:#d5dfda}
body:has(.cinema-page) .cinema-page-heading{background:#101514;color:white;padding:24px 0 28px}
body:has(.cinema-page) .cinema-page-heading h1{color:#fff;font-size:30px;font-weight:700;line-height:1.2;margin:0;letter-spacing:-.025em}
body:has(.cinema-page) .cinema-page-heading p{color:#bac5bf;font-size:14px;line-height:1.5;margin:8px 0 0}
.cinema-page{padding-top:26px;padding-bottom:48px;color:#1e2925}
.cinema-page,.cinema-page-heading>.noje-shell{max-width:1110px}
.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.cinema-main{min-width:0}.cinema-sidebar{display:grid;gap:24px;width:300px;min-width:0}.cinema-sidebar>.noje-things-sidebar{margin-top:0!important}
.cinema-filters{display:flex;align-items:center;gap:8px;margin-bottom:20px;position:relative}
.cinema-day-tabs{display:flex;gap:6px;margin:0;margin-right:auto;flex-shrink:0}.cinema-day-tabs a{padding:8px 14px;border:1px solid #d2dad6;border-radius:6px;font-size:12px;line-height:18px;color:#26352d;background:#fff;text-decoration:none;white-space:nowrap}.cinema-day-tabs a[aria-current]{background:#183c30;border-color:#183c30;color:#fff}
.cinema-filters select{width:100%;max-width:100%;height:36px;border:1px solid #d2dad6;border-radius:6px;background:#fff;padding:0 9px;font:inherit;font-size:12px;color:#25372e;min-width:0}
.cinema-filters>.cinema-film-filter{width:210px}.cinema-filters>.cinema-sort-filter{width:155px}.cinema-filters>.cinema-city-filter{width:150px}
.cinema-more-filters{flex-shrink:0}.cinema-more-filters summary{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d2dad6;border-radius:6px;cursor:pointer;list-style:none;color:#40574a}.cinema-more-filters summary::-webkit-details-marker{display:none}.cinema-more-filters[open] summary{background:#eaf5ee}
.cinema-extra-filters{position:absolute;right:0;top:calc(100% + 8px);z-index:10;width:min(300px,100%);padding:14px;background:white;border:1px solid #d2dad6;border-radius:8px;box-shadow:0 6px 20px #162c201a;display:grid;gap:12px}
.cinema-extra-filters label{display:grid;gap:5px;font-size:12px;color:#59665f}
.cinema-filters button{height:36px;border:1px solid #d2dad6;border-radius:6px;background:#f1f5f2;color:#234937;padding:0 14px;font-size:12px;cursor:pointer}
.cinema-venues{display:grid;gap:27px}.cinema-venue{min-width:0}.cinema-venue-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:0 0 12px}
.cinema-venue-heading h2{display:flex;gap:8px;align-items:center;font-size:15px!important;line-height:1.4;font-weight:700;margin:0!important;color:#23342b}.cinema-venue-heading svg{flex-shrink:0;color:#368165}
.cinema-address{font-size:11px;color:#6b7870;margin:3px 0 0 26px;line-height:1.4}.cinema-count{font-size:11px;color:#6b7870;white-space:nowrap;padding-top:3px}
.cinema-films{border:1px solid #d9e1dc;border-radius:10px;overflow:hidden;background:#fff}
.cinema-film{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(62px,max-content);gap:12px;align-items:center;padding:10px 14px;min-height:74px}.cinema-film+.cinema-film{border-top:1px solid #e0e6e2}
.cinema-poster img,.cinema-poster>span{display:block;width:36px;height:54px;object-fit:cover;border-radius:3px}.cinema-poster>span{display:grid;place-items:center;background:#eef2ef;color:#8c9a91}
.cinema-film-body{min-width:0}.cinema-film h3{font-size:15px!important;font-weight:650;line-height:1.3;margin:0 0 3px!important;color:#24322a;overflow-wrap:anywhere}
.cinema-meta{font-size:11px;line-height:1.5;color:#68766d;margin:0}
.cinema-times{display:flex;flex-wrap:nowrap;gap:6px;max-width:240px;overflow-x:auto;min-width:0;padding:3px}
.cinema-time{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:62px;min-height:38px;border:1px solid #b6d7c5;border-radius:6px;background:#eaf5ee;color:#246749;padding:8px 10px;text-align:center;text-decoration:none}
.cinema-time time{font-weight:750;font-size:14px;line-height:20px}.cinema-time span{font-size:9px;line-height:1.3;max-width:110px}.cinema-time:hover{background:#d6ebde;border-color:#5d9b79}.cinema-time--unavailable{background:#f3f5f4;color:#68746d;border-color:#dce2de}
.cinema-time:focus-visible,.cinema-filters :focus-visible,.cinema-day-tabs a:focus-visible{outline:3px solid #226ac9;outline-offset:3px}
.cinema-booking-hint,.cinema-source{font-size:11px;color:#718077;line-height:1.5;margin:10px 0 0}.cinema-source{margin-top:25px}.cinema-notice{padding:22px;border-radius:8px;background:#f2f6f3}
@media(max-width:1100px){.cinema-times{max-width:180px}}
@media(max-width:900px){.cinema-layout{grid-template-columns:minmax(0,1fr)}.cinema-sidebar{display:none}.cinema-times{max-width:240px}}
@media(max-width:600px){body:has(.cinema-page) .cinema-page-heading h1{font-size:27px}.cinema-page{padding-top:18px}.cinema-filters{gap:6px;margin-bottom:18px;flex-wrap:wrap}.cinema-day-tabs{gap:4px}.cinema-day-tabs a{padding:8px 10px}.cinema-filters>.cinema-film-filter{flex:1 1 110px;width:110px;max-width:180px}.cinema-filters>.cinema-city-filter{order:4;flex:1 1 100%;width:100%}.cinema-film{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:9px;min-height:64px}.cinema-poster img,.cinema-poster>span{width:30px;height:45px}.cinema-film h3{font-size:13px!important}.cinema-meta{font-size:10px;line-height:1.4}.cinema-times{max-width:112px;gap:4px;padding:2px}.cinema-time{min-width:50px;min-height:36px;padding:7px 6px}.cinema-time time{font-size:12px}.cinema-venue-heading{gap:8px}.cinema-count{font-size:10px}.cinema-venue-heading h2{font-size:14px!important}}

body:has(.cinema-page) .noje-header .cityportal-skyline{filter:brightness(0) invert(1)!important;opacity:.55}
body:has(.cinema-page) .noje-header [data-portal-established]{color:#bac5bf!important}

.cinema-row-venue{font-size:11px;line-height:1.4;color:#3b6852;margin:0 0 2px}
@media(max-width:600px){.cinema-filters>.cinema-sort-filter{order:3;flex:1 1 100%;width:100%}.cinema-row-venue{font-size:10px}}