/* =========================================================================
   Rachot — global "Fanzine" skin (P3). Re-skins the site chrome so the whole
   site reads like the mockup. Loaded site-wide AFTER style.css.
   Header is a clean PAPER topbar (logo · horizontal nav · search/lang/switch)
   with a mobile drawer. Page-body Fanzine surfaces live in program.css.
   ========================================================================= */
:root{--ink:#14130f;--paper:#e7e3d6;--rachot:#231A71;--danger:#c1271c}

body{background:var(--paper);color:var(--ink);font-family:'Space Mono',monospace}
a{color:var(--ink)}
a:hover{color:var(--rachot)}

/* ---------- TOPBAR ---------- */
.rl-topbar{position:sticky;top:0;z-index:500;display:flex;align-items:center;gap:26px;
	background:var(--paper);border-bottom:3px solid var(--ink);padding:12px 28px}
.rl-topbar__logo{flex:0 0 auto;display:flex;align-items:center}
.rl-topbar__logo img{height:30px;width:auto;display:block}
.rl-topbar__logo.is-respect img{height:34px}

/* main horizontal nav — override the theme's fixed-bar `nav {}` rule */
.rl-topbar__nav{position:static;height:auto;width:auto;overflow:visible;flex:1 1 auto;display:flex;align-items:center;background:none;z-index:auto}
.rl-topbar__nav .rl-menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.rl-topbar__nav .rl-menu li{margin:0}
.rl-topbar__nav .rl-menu a{font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--ink);white-space:nowrap}
.rl-topbar__nav .rl-menu a:hover{color:var(--rachot)}
.rl-topbar__nav .rl-menu .current-menu-item>a,.rl-topbar__nav .rl-menu .current_page_item>a{color:var(--rachot);box-shadow:inset 0 -3px 0 var(--rachot)}
.rl-topbar__mobextra{display:none}

/* right cluster */
.rl-topbar__right{flex:0 0 auto;display:flex;align-items:center;gap:16px}
.rl-search{display:inline-flex;border:2px solid var(--ink);background:transparent}
.rl-search__field{border:0;background:transparent;padding:7px 11px;font:400 13px/1 'Space Mono',monospace;color:var(--ink);width:120px}
.rl-search__field::placeholder{color:#8a8472}
.rl-search__btn{border:0;border-left:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:0 12px;font-size:15px;cursor:pointer}
.rl-search__btn:hover{background:var(--rachot)}
.rl-lang__menu{display:flex;gap:8px;list-style:none;margin:0;padding:0;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.rl-lang__menu a{color:var(--ink)}
.rl-lang__menu .current-lang a,.rl-lang__menu .current-menu-item a{color:var(--rachot)}
.rl-switch{display:inline-flex;border:2px solid var(--ink)}
.rl-switch a{padding:6px 13px;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em;color:var(--ink);border-right:2px solid var(--ink)}
.rl-switch a:last-child{border-right:0}
.rl-switch a.is-on{background:var(--ink);color:var(--paper)}
.rl-switch a:not(.is-on):hover{background:var(--rachot);color:#fff}

/* burger (mobile only) */
.rl-burger{display:none;align-items:center;gap:9px;border:2px solid var(--ink);background:transparent;
	padding:8px 12px;font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.06em;cursor:pointer}
.rl-burger__bars{display:inline-flex;flex-direction:column;gap:3px}
.rl-burger__bars span{display:block;width:18px;height:2px;background:var(--ink)}
.rl-burger[aria-expanded="true"]{background:var(--ink);color:var(--paper)}
.rl-burger[aria-expanded="true"] .rl-burger__bars span{background:var(--paper)}

@media(max-width:920px){
	.rl-topbar{flex-wrap:wrap;gap:14px}
	.rl-burger{display:inline-flex;order:3;margin-left:auto}
	.rl-topbar__logo{order:1}
	.rl-topbar__right{order:2}
	.rl-topbar__right .rl-lang--desk,.rl-topbar__right .rl-switch--desk{display:none}
	.rl-topbar__nav{order:4;flex-basis:100%;flex-direction:column;align-items:stretch;display:none;
		background:var(--ink);margin:0 -28px -12px;padding:14px 0;border-top:3px solid var(--ink)}
	.rl-topbar__nav.is-open{display:flex}
	.rl-topbar__nav .rl-menu{flex-direction:column;gap:0;width:100%}
	.rl-topbar__nav .rl-menu a{display:block;color:var(--paper);font-family:'Anton',sans-serif;font-weight:400;font-size:26px;padding:8px 28px}
	.rl-topbar__nav .rl-menu .current-menu-item>a{box-shadow:inset 4px 0 0 var(--rachot)}
	.rl-topbar__mobextra{display:flex;align-items:center;gap:16px;padding:16px 28px 4px;border-top:2px solid #2b2a24;margin-top:8px}
	.rl-topbar__mobextra .rl-lang__menu a{color:var(--paper)}
	.rl-topbar__mobextra .rl-switch{border-color:var(--paper)}
	.rl-topbar__mobextra .rl-switch a{color:var(--paper);border-color:var(--paper)}
	.rl-topbar__mobextra .rl-switch a.is-on{background:var(--paper);color:var(--ink)}
}
@media(max-width:520px){
	.rl-search{display:none}
}

/* ---------- footer (ink) ---------- */
footer{background:var(--ink);color:var(--paper);border-top:3px solid var(--ink);font-family:'Space Mono',monospace}
.footer-container{display:flex;flex-wrap:wrap;gap:34px;justify-content:space-between;padding:46px 30px}
.footer-sitemap{display:flex;flex-wrap:wrap;gap:34px}
.footer-sitemap-section h3,.footer-right h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:20px;letter-spacing:.02em;color:var(--paper);margin:0 0 12px}
.footer-sitemap-section a{display:block;color:var(--paper);font-size:13px;line-height:2;opacity:.82}
.footer-sitemap-section a:hover{opacity:1;color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer-right{max-width:360px}
.footer-right .newsletter-main-form{display:flex;border:2px solid var(--paper);margin:6px 0 12px}
.footer-right .newsletter-main-form input{flex:1;min-width:0;background:transparent;border:0;color:var(--paper);padding:12px 14px;font:400 14px/1 'Space Mono',monospace}
.footer-right .newsletter-main-form input::placeholder{color:#9a9484}
.footer-right .newsletter-main-form a,.footer-right .newsletter-main-form button{background:var(--paper);color:var(--ink);border:0;padding:12px 16px;font:700 12px/1 'Space Mono',monospace;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.footer-right .newsletter-main-form a:hover,.footer-right .newsletter-main-form button:hover{background:var(--rachot);color:#fff}
.footer-right p{font-size:12px;line-height:1.5;opacity:.8}

/* hard edges in the chrome */
.rl-topbar,.rl-topbar *,footer,footer *{border-radius:0}

/* =========================================================================
   SINGLE EVENT DETAIL — Fanzine REBUILD (June 2026).
   Markup: content-standard.php  ->  mockups/event-detail-mockup.html.
   .rl-detail > .rl-detail__wrap { hero · lede · grid(prose + sticky FACTS) ·
   gallery }  then full-width #buy / related / press / partners.
   Photos are FULL COLOUR (no grayscale, no hover reveal).
   ========================================================================= */
.single-post main{position:relative;background:var(--paper);padding-top:0}
.rl-detail{position:relative;padding-top:1em}
/* anchored sections (buy/press/partners) land below the sticky topbar */
#buy,#novinar,#partners{scroll-margin-top:84px}
html{scroll-behavior:smooth}
.rl-detail::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.rl-detail > *{position:relative;z-index:1}
.rl-detail__wrap{max-width:1180px;margin:0 auto;padding:0 30px}

/* ---------- HERO ---------- */
.rl-hero{position:relative;margin-top:0;border:3px solid var(--ink);overflow:hidden;background:var(--ink)}
.rl-hero__media{position:relative;aspect-ratio:16/8;overflow:hidden}
.rl-hero__media img{width:100%;height:100%;object-fit:cover}
.rl-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,15,0) 38%,rgba(20,19,15,.82) 100%)}
.rl-hero__cat{position:absolute;top:0;left:-3px;background:var(--ink);color:var(--paper);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:7px 14px;transform:rotate(-2deg);z-index:3;border:2px solid var(--ink)}
.rl-hero__cat.respect{background:var(--rachot)}
.rl-hero__status{position:absolute;top:14px;right:14px;background:var(--danger);color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;transform:rotate(3deg);z-index:3;border:2px solid var(--ink)}
.rl-hero__status.rl-status--tba{background:var(--ink)}
.rl-hero__plate{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 26px 22px}
.rl-hero__origin{font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:#fff;margin:0 0 6px}
.rl-hero__title{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(46px,9vw,110px);line-height:.82;text-transform:uppercase;letter-spacing:-.01em;color:#fff;margin:0}

/* standfirst under the hero */
/* padding-left 26px = the hero plate's left inset, so the standfirst text lines
   up exactly under the hero kicker/title above it */
.rl-lede{font-size:17px;line-height:1.6;color:#2c281f;max-width:64ch;margin:22px 0 0;border-left:3px solid var(--rachot);padding-left:26px}

/* ---------- BODY GRID ---------- */
.rl-detail__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start;padding:34px 0 50px}
.rl-prose{min-width:0}
.rl-prose .rl-intro{font-size:18px;line-height:1.6;font-weight:700;margin:0 0 18px;color:var(--ink)}
.rl-prose p{font-size:15.5px;line-height:1.7;color:#2c281f;margin:0 0 16px;max-width:68ch}
.rl-prose h2,.rl-prose h3,.rl-prose h4{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:30px;line-height:1;margin:30px 0 12px;color:var(--ink)}
.rl-prose a{color:var(--rachot);text-decoration:underline;text-underline-offset:2px}
.rl-prose img{max-width:100%;height:auto;border:2px solid var(--ink);margin:6px 0}
.rl-prose ul,.rl-prose ol{margin:0 0 16px;padding-left:20px;font-size:15.5px;line-height:1.7;color:#2c281f}

/* video frame — full colour poster + play, ink border (videoArray JS swaps in iframe) */
.rl-video{position:relative;border:2.5px solid var(--ink);overflow:hidden;margin:0 0 24px;aspect-ratio:16/9;background:var(--ink);cursor:pointer}
.rl-video .rl-video__poster,.rl-video iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border:0}
.rl-video .rl-video__poster{z-index:1}
/* dim the poster so the frame reads as "video", distinct from the hero photo */
.rl-video::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(20,19,15,.22),rgba(20,19,15,.5));pointer-events:none;transition:opacity .2s}
.rl-video.video--play::after{display:none}
.rl-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--rachot);color:#fff;border:3px solid var(--paper);font-size:26px;padding-left:4px;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.rl-video:hover .rl-video__play{transform:translate(-50%,-50%) scale(1.06)}
.rl-video.video--play .rl-video__poster,.rl-video.video--play .rl-video__play{display:none}
/* prev/next video nav (multi-video posts) — hard-edged Fanzine chevron buttons,
   lightbox style, visible on load over the poster. An arrow click also hides the
   poster (script.js) so the picture shows, not just audio. */
.rl-video .video-arrows{position:absolute;top:50%;transform:translateY(-50%);z-index:4;
	width:48px;height:48px;display:none;align-items:center;justify-content:center;
	background:rgba(20,19,15,.55);border:2px solid rgba(231,227,214,.85);color:var(--paper);
	cursor:pointer;transition:background .15s,border-color .15s,transform .15s;
	-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.rl-video .video-arrows svg{width:24px;height:24px;display:block;pointer-events:none}
.rl-video .video-arrows:hover{background:var(--rachot);border-color:#fff;color:#fff}
.rl-video .video-arrows:active{transform:translateY(-50%) scale(.92)}
.rl-video.video--list .video-arrows{display:flex}
.rl-video .video-arrow--prev{left:14px}
.rl-video .video-arrow--next{right:14px}
@media(max-width:560px){
	.rl-video .video-arrows{width:40px;height:40px}
	.rl-video .video-arrow--prev{left:8px}
	.rl-video .video-arrow--next{right:8px}
}

/* ---------- FACTS panel (sticky) ---------- */
/* NB: float:none/width:auto override the legacy `aside{float:right;width:34%}`
   in style.css, which otherwise collapses the grid column. */
.rl-detail .rl-facts{float:none;width:auto}
.rl-facts{position:sticky;top:72px;border:3px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--rachot)}
.rl-facts__head{background:var(--ink);color:var(--paper);font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:22px;padding:12px 16px}
.rl-facts__list{display:flex;flex-direction:column}
.rl-facts__row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 16px;border-bottom:2px dotted var(--ink)}
.rl-facts__k{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5a5546;font-weight:700;white-space:nowrap;flex:0 0 auto}
.rl-facts__v{font-size:15px;font-weight:700;text-align:right}
.rl-facts__v small{display:block;font-weight:400;font-size:12px;color:#5a5546;margin-top:2px}
.rl-facts__price{display:flex;flex-direction:column;gap:7px;padding:12px 16px;border-bottom:2px dotted var(--ink)}
.rl-facts__tier{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.rl-facts__tier.is-active{color:var(--rachot);font-weight:700}
.rl-facts__tier.is-active>span:first-child::after{content:" \25C2";font-size:11px}
/* drop the dotted divider on whatever ends the fact list (clean panel for sparse data) */
.rl-facts__list>.rl-facts__row:last-child,.rl-facts__list>.rl-facts__price:last-child{border-bottom:0}
.rl-facts__badge{margin:14px 16px;padding:8px 12px;background:var(--danger);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;text-align:center;border:2px solid var(--ink);transform:rotate(-1deg)}
.rl-facts__cta{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}
.rl-btn-buy-lg{display:block;text-align:center;background:var(--rachot);color:#fff;border:2px solid var(--ink);padding:16px 18px;font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:15px;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:4px 4px 0 var(--ink)}
.rl-btn-buy-lg span{display:block;font-weight:400;font-size:11px;letter-spacing:.14em;opacity:.85;margin-top:3px}
.rl-btn-buy-lg:hover{background:var(--ink);color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--rachot)}
.rl-btn-secondary{display:block;text-align:center;border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:12px 16px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;transition:.12s}
.rl-btn-secondary:hover{background:var(--ink);color:var(--paper)}
.rl-facts__note{font-size:11px;color:#5a5546;text-align:center;margin:0}

/* ---------- GALLERY (full colour, PhotoSwipe lightbox) ---------- */
.rl-gallery{padding:6px 0 44px}
.rl-gallery__head{display:flex;align-items:baseline;gap:12px;margin:0 0 16px}
.rl-gallery__h{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(28px,5vw,46px);line-height:.9;margin:0}
.rl-gallery__count{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5a5546;font-weight:700}
.rl-gallery .galerie-thumbnails{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px}
.rl-gallery .galerie-thumbnails figure{width:auto;margin:0;display:block}
.rl-gallery .galerie-thumbnails figure a{display:block;position:relative;border:2.5px solid var(--ink);overflow:hidden;aspect-ratio:1/1;cursor:zoom-in;background:var(--ink);transition:transform .12s,box-shadow .12s}
.rl-gallery .galerie-thumbnails figure a:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--rachot)}
.rl-gallery .galerie-thumbnails figure a::after{content:"⛶";position:absolute;right:8px;bottom:5px;color:#fff;font-size:15px;opacity:0;transition:opacity .25s;z-index:2}
.rl-gallery .galerie-thumbnails figure a:hover::after{opacity:.92}
.rl-gallery .galerie-thumbnails img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.rl-gallery .galerie-thumbnails figure a:hover img{transform:scale(1.07)}
.rl-gallery .galerie-thumbnails figcaption{display:none}

/* ---------- #buy / related / press / partners ----------
   Uniform stacked sections: ink divider + even 44px rhythm, so the last block
   is never crammed against the footer. */
.rl-buy,.rl-related,.rl-press,.rl-partners{border-top:3px solid var(--ink);padding:44px 0}
/* The legacy style.css `#buy,#novinar,.partners{width:min(...);padding:40px 0 0 0}`
   uses IDs, so it beat the class rule above (0 bottom padding -> last section
   jammed on the footer; narrower dividers). Override at ID specificity. */
.rl-detail #buy,.rl-detail #novinar,.rl-detail #partners{width:auto;max-width:none;margin:0;padding:44px 0}
.rl-section-title{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(26px,4vw,40px);line-height:.95;margin:0 0 16px}
.rl-related{background:var(--paper);margin-top:0}
/* detail-page related thumbnails are full colour too (matches the hero/gallery override) */
.rl-related .rl-card__media img{filter:none}
.rl-related__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 22px}
.rl-related__head h2{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(34px,6vw,56px);text-transform:uppercase;margin:0;line-height:.9}
.rl-seeall{font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.06em;border-bottom:2px solid var(--ink)}
.rl-seeall:hover{color:var(--rachot);border-color:var(--rachot)}
.rl-related .rl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
/* PRO NOVINÁŘE — press download list (border-top + padding from uniform rule) */
.rl-press__lede{font-size:15px;line-height:1.5;color:#2c281f;max-width:60ch;margin:-4px 0 22px}
.rl-press__list{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:14px}
.rl-press__item{display:flex;align-items:center;gap:18px;border:2.5px solid var(--ink);background:var(--paper);padding:15px 18px;transition:box-shadow .12s}
.rl-press__item:hover{box-shadow:6px 6px 0 var(--rachot)}
.rl-press__icon{flex:0 0 auto;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border:2px solid var(--ink)}
.rl-press__icon svg{width:26px;height:26px;display:block}
.rl-press__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.rl-press__name{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:21px;line-height:1}
.rl-press__meta{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#5a5546}
.rl-press__btn{flex:0 0 auto;background:var(--rachot);color:#fff;border:2px solid var(--ink);padding:11px 16px;font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;white-space:nowrap;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .12s}
.rl-press__btn:hover{background:var(--ink);color:#fff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--rachot)}
.rl-press__photos-head{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}
.rl-press__sub{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:24px;line-height:1;margin:0}
.rl-press__count{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5a5546;font-weight:700}
.rl-press__photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
.rl-press__thumb{position:relative;display:block;border:2.5px solid var(--ink);overflow:hidden;aspect-ratio:1/1;background:var(--ink);cursor:pointer;transition:box-shadow .12s,transform .12s}
.rl-press__thumb:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--rachot)}
.rl-press__thumb img{width:100%;height:100%;object-fit:cover}
.rl-press__dl{position:absolute;right:0;bottom:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-weight:700;font-size:14px;border-top:2px solid var(--paper);border-left:2px solid var(--paper);opacity:0;transition:opacity .2s}
.rl-press__thumb:hover .rl-press__dl{opacity:1}
@media(hover:none){.rl-press__dl{opacity:1}}
@media(max-width:560px){
	.rl-press__item{flex-wrap:wrap}
	.rl-press__info{flex:1 1 60%}
	.rl-press__btn{width:100%;text-align:center;margin-top:4px}
	.rl-press__photos{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
}
/* .rl-partners border-top + padding from the uniform section rule */
.rl-partners__grid{display:flex;flex-wrap:wrap;gap:26px 34px;align-items:center}
.rl-partners__grid img{max-width:150px;height:auto}

/* ---------- responsive ---------- */
/* stack at 920px — matches the topbar's wrap point, so the sticky facts panel
   only applies while the topbar is a single ~58px row (top:72px clears it). */
@media(max-width:920px){
	.rl-detail__grid{grid-template-columns:1fr;gap:32px}
	.rl-facts{position:static;box-shadow:6px 6px 0 var(--rachot);margin-top:0}
}
@media(max-width:640px){
	.rl-detail__wrap{padding:0 16px}
	/* On mobile the plate flows BELOW the photo on an ink panel, so a long
	   title (3+ lines) can never clip against the fixed-height hero. */
	.rl-hero{background:var(--ink)}
	.rl-hero__media{aspect-ratio:16/10}
	.rl-hero__media::after{display:none}
	.rl-hero__plate{position:static;padding:16px 18px 20px}
	.rl-hero__title{font-size:clamp(30px,11vw,58px);line-height:.86}
	.rl-lede{font-size:15.5px;padding-left:18px}
	.rl-gallery .galerie-thumbnails{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}
}

/* =========================================================================
   Preserved globals (NOT detail-specific).
   ========================================================================= */
html,body{overflow-x:clip}
/* keep search reachable on the smallest screens: show it inside the drawer */
@media(max-width:520px){
	.rl-topbar__mobextra .rl-search{display:inline-flex;flex:1 1 100%}
	.rl-topbar__mobextra .rl-search .rl-search__field{width:auto;flex:1}
}
/* touch devices never hover: reveal card colour without hover (QA#17) */
@media(hover:none){.rl-card__media img{filter:none}}
/* contain the festival/program day-time tables on small screens (QA#5) */
@media(max-width:640px){.rachot-program .table{overflow-x:auto}}

/* Complianz cookie banner: hide document links for legal docs that aren't
   configured on this install — they render as empty <li> bullets. Each doc
   link keeps an empty data-relative_url until complianz.js fills a real URL. */
.cmplz-cookiebanner .cmplz-documents li:has(> a:empty){display:none}
.cmplz-cookiebanner .cmplz-documents a:empty{display:none} /* fallback if :has() unsupported */