/* BMR theme 3.3.0: instant search, no late-appearing sections, tighter rhythm. Loaded last. */

/* Content shows at once: nothing waits for a scroll to fade in. */
.rev,.rev.in{opacity:1!important;transform:none!important;transition:none!important}

/* ---------- Search ---------- */
.srch{position:relative;display:flex;align-items:center}
.srch__ic{position:absolute;left:14px;color:var(--muted);pointer-events:none}
.srch input{padding-left:38px!important;padding-right:34px!important;-webkit-appearance:none;appearance:none}
.srch input::-webkit-search-cancel-button{display:none}
.srch__k{position:absolute;right:12px;font:700 .72rem/1 var(--f);color:var(--faint);border:1px solid var(--line2);border-radius:6px;padding:3px 6px;pointer-events:none}
.srch input:focus~.srch__k,.srch.has-sx .srch__k{display:none}
.srch__x{display:none;position:absolute;right:8px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1}
.ico--sx{display:none}
.sx{position:absolute;top:calc(100% + 10px);right:0;width:min(440px,92vw);max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line2);border-radius:18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.75);padding:8px;z-index:80}
.sx__h{margin:10px 10px 4px;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.sx__i{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:var(--text)}
.sx__i img{width:36px;height:54px;object-fit:cover;border-radius:6px;background:var(--surface2)}
.sx__i--p img{height:36px;border-radius:50%}
.sx__i:hover,.sx__i.on,.sx__all.on{background:var(--surface2);color:var(--text)}
.sx__ph{display:grid;place-items:center;width:36px;height:54px;border-radius:6px;background:var(--surface2);color:var(--muted);font-weight:800;font-size:.72rem;text-transform:uppercase}
.sx__ph--r{height:36px;border-radius:50%}
.sx__t{display:flex;flex-direction:column;min-width:0}
.sx__t>span{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx__t small{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx mark{background:none;color:var(--gold);font-weight:800}
.sx__s{font-size:.82rem;font-weight:800;padding:4px 9px;border-radius:8px;background:color-mix(in srgb,var(--top) 18%,transparent);color:var(--top)}
.sx__s.is-early{background:var(--surface2);color:var(--muted)}
.sx__soon{font-style:normal;font-size:.72rem;font-weight:700;color:var(--accent2)}
.sx__none{margin:12px;color:var(--muted);font-size:.92rem}
.sx__all{display:flex;justify-content:space-between;margin-top:6px;padding:12px 10px;border-top:1px solid var(--line);border-radius:0 0 12px 12px;font-weight:700;font-size:.9rem;color:var(--gold)}

@media (max-width:1020px){
	.ico--sx{display:grid}
	.srch{display:none!important}
	.sx-open .srch{display:flex!important;position:fixed;top:0;left:0;right:0;height:68px;padding:0 12px;z-index:90;background:var(--bg);border-bottom:1px solid var(--line)}
	.sx-open .srch input,.sx-open .srch input:focus{width:100%!important;font-size:16px;padding-top:12px;padding-bottom:12px}
	.sx-open .srch__ic{left:26px}
	.sx-open .srch__x{display:grid;place-items:center;right:18px}
	.sx-open .srch__k{display:none}
	.sx-open .sx{position:fixed;top:68px;left:0;right:0;width:auto;max-height:calc(100dvh - 68px);border-radius:0;border-width:0 0 1px;box-shadow:0 30px 60px rgba(0,0,0,.6)}
	.admin-bar.sx-open .srch,.sx-open .admin-bar .srch{top:46px}
}
@media (max-width:1020px){ html.sx-open body.admin-bar .srch{top:46px} html.sx-open body.admin-bar .sx{top:114px} }
@media (min-width:783px) and (max-width:1020px){ html.sx-open body.admin-bar .srch{top:32px} html.sx-open body.admin-bar .sx{top:100px} }

/* Phone header: room for the search button. Alerts stay in the menu, footer and every film page. */
@media (max-width:440px){ .hdr__act [data-follow]{display:none} .hdr__act{gap:8px} }

/* Search page "Did you mean" */
.dym{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:24px}
.dym__i{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.dym__i img{width:44px;height:66px;object-fit:cover;border-radius:6px}
.dym__i span{display:flex;flex-direction:column}

/* ---------- Rhythm: less dead space between sections ---------- */
.sec{padding:clamp(36px,5vw,72px) 0}
.sec__h{margin-bottom:22px}
.sec__h h2{color:var(--text)}
@media (max-width:720px){
	.sec{padding:32px 0}
	.sec__h h2{font-size:1.6rem}
	.hero{padding-bottom:36px}
	.stats{margin-top:-20px}
}

/* Out now board: 1 to 4 films fill the row instead of leaving holes. */
.rwb__g{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}

/* Puja cards: the last odd card no longer sits alone with a blank half. */
.pj{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}

/* Stable images: posters keep their box while loading, so nothing jumps. */
.mc img,.pj__p img,.rk__p img,.bo__p img,.rwb__p img{aspect-ratio:2/3;object-fit:cover;background:var(--surface2)}

/* Cards feel clickable. */
.pj__c,.rwb__c,.bo__r,.rk,.cc{transition:border-color .2s,transform .2s}
.pj__c:hover,.rwb__c:hover,.bo__r:hover,.rk:hover,.cc:hover{border-color:color-mix(in srgb,var(--gold) 45%,var(--line2))}

/* Film page alert bar */
.abar{position:fixed;left:50%;bottom:16px;z-index:70;display:flex;align-items:center;gap:12px;width:min(720px,calc(100% - 24px));padding:12px 44px 12px 14px;border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line2));box-shadow:0 24px 60px -18px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%,140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.abar.on{transform:translate(-50%,0)}
.abar__i{font-size:1.4rem;flex:none}
.abar__t{margin:0;flex:1;font-weight:600;font-size:.92rem;line-height:1.35}
.abar .follow{flex:none}
.abar .follow__btn{padding:9px 18px}
.abar .follow__pop{bottom:calc(100% + 12px);top:auto;right:0}
.abar__x{position:absolute;top:6px;right:8px;width:30px;height:30px;border:0;background:none;color:var(--muted);font-size:1.3rem}
@media (max-width:720px){.abar{bottom:10px;flex-wrap:wrap}.abar__t{font-size:.86rem;flex-basis:calc(100% - 40px)}.abar .follow{width:100%}.abar .follow__btn{width:100%}.abar .follow__pop{position:fixed;top:auto;bottom:120px;left:12px;right:12px}}

/* The Hostinger site chatbot bubble is an admin tool; keep it from covering content on phones. */
@media (max-width:720px){ #hostinger-chatbot, .hostinger-chatbot{bottom:84px!important} }
