/* DLFars Homepage Cinema 3.1
 * Layout extension to 3.0. Uses existing cached Setex rows; no DB edits.
 * Override is intentionally scoped and loaded AFTER index-cinema.css.
 */
#mainindeximtes.dlf-ci-v31 {
 --di31-edge:18px;--di31-hero-height:475px;
 --di31-bg-opacity:1;--di31-bg-brightness:1.1;--di31-tint-rgb:17,24,36;
 --di31-overlay-opacity:.75;--di31-overlay-width:72%;
 --di31-focus-x:50%;--di31-visible:7;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 {
 overflow:visible!important;
 width:100%!important;
 max-width:100%!important;
}
/* The Wordpress theme's centered, narrow parent is deliberately not edited.
   The following row and header rules expand only selected index sections to
   almost the full browser width, centered on the viewport. */
#mainindeximtes.dlf-ci-v30.dlf-ci-v31:not(.dlf-ci-width-contained) .rowpostc.dlf-ci-row,
#mainindeximtes.dlf-ci-v30.dlf-ci-v31:not(.dlf-ci-width-contained) .rowpost.dlf-ci-feature,
#mainindeximtes.dlf-ci-v30.dlf-ci-v31:not(.dlf-ci-width-contained) > .rowtitle:has(+ .rowpost),
#mainindeximtes.dlf-ci-v30.dlf-ci-v31:not(.dlf-ci-width-contained) > .rowtitle.dlf-v27-featuretitle {
 width:calc(100vw - (2 * var(--di31-edge)))!important;
 max-width:none!important;
 margin-left:calc(50% - 50vw + var(--di31-edge))!important;
 margin-right:calc(50% - 50vw + var(--di31-edge))!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31.dlf-ci-width-contained .rowpostc.dlf-ci-row,
#mainindeximtes.dlf-ci-v30.dlf-ci-v31.dlf-ci-width-contained .rowpost.dlf-ci-feature,
#mainindeximtes.dlf-ci-v30.dlf-ci-v31.dlf-ci-width-contained > .rowtitle:has(+ .rowpost) {
 width:min(1510px,calc(100% - 28px))!important;
 max-width:1510px!important;
 margin-inline:auto!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpostc.dlf-ci-row > .dlf-ci-rail {
 --dlf-ci-visible:var(--di31-visible)!important;
}
/* Featured banner: larger, no clipped foreground image. The same asset is
   used twice — a blurred cover fills empty sides, the sharp original is fully
   visible in contain mode. In cover mode it fills by cropping intentionally. */
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature {
 position:relative!important;
 min-height:var(--di31-hero-height)!important;
 height:auto!important;
 max-height:none!important;
 overflow:hidden!important;
 isolation:isolate!important;
 border-radius:20px!important;
 box-shadow:0 14px 42px rgba(0,0,0,.24)!important;
 background:#111720!important;
 grid-template-columns:minmax(170px,clamp(205px,18vw,265px)) minmax(0,1fr)!important;
 gap:clamp(22px,3vw,54px)!important;
 padding:clamp(23px,3vw,42px)!important;
}
/* All browser-native theme background paints remain underneath sharp image. */
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowimg {
 position:absolute!important;
 display:block!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 min-height:100%!important;
 z-index:0!important;
 overflow:hidden!important;
 pointer-events:auto!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowimg > img.dlf-ci-bg-blur {
 position:absolute!important;
 display:block!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 max-width:none!important;
 max-height:none!important;
 object-fit:cover!important;
 object-position:var(--di31-focus-x) center!important;
 opacity:calc(var(--di31-bg-opacity) * .72)!important;
 filter:blur(28px) brightness(var(--di31-bg-brightness)) saturate(1.13)!important;
 transform:scale(1.09)!important;
 border-radius:0!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowimg > img:not(.dlf-ci-bg-blur) {
 position:absolute!important;
 display:block!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 max-width:none!important;
 max-height:none!important;
 object-fit:contain!important;
 object-position:var(--di31-focus-x) center!important;
 filter:brightness(var(--di31-bg-brightness)) saturate(1.06)!important;
 opacity:var(--di31-bg-opacity)!important;
 transform:none!important;
 border-radius:0!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31.dlf-ci-fit-cover .rowpost.dlf-ci-feature > .rowimg > img:not(.dlf-ci-bg-blur) {
 object-fit:cover!important;
}
/* Remove the old global black wash so the photo's actual colors survive. */
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature::before {
 background:none!important;
 opacity:0!important;
}
/* User-controlled tonal region is BEHIND text and in front of backdrop. */
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .dlf-ci-tint {
 position:absolute!important;
 display:block!important;
 z-index:1!important;
 top:0!important;
 right:0!important;
 bottom:0!important;
 left:auto!important;
 width:var(--di31-overlay-width)!important;
 max-width:100%!important;
 height:100%!important;
 background:linear-gradient(to left,
   rgba(var(--di31-tint-rgb),1) 0%,
   rgba(var(--di31-tint-rgb),.99) 25%,
   rgba(var(--di31-tint-rgb),.80) 52%,
   rgba(var(--di31-tint-rgb),0) 100%)!important;
 opacity:var(--di31-overlay-opacity)!important;
 pointer-events:none!important;
 border:0!important;
 border-radius:0!important;
 transform:none!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rightdata,
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowdata {
 position:relative!important;
 z-index:3!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rightdata {
 max-width:265px!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rightdata img {
 max-width:265px!important;
 max-height:360px!important;
 width:auto!important;
 height:auto!important;
 aspect-ratio:363/545!important;
 object-fit:contain!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowdata {
 width:100%!important;
 max-width:900px!important;
 padding:8px 0!important;
 gap:12px!important;
 background:transparent!important;
 text-shadow:0 2px 8px rgba(0,0,0,.44)!important;
 font-size:13px!important;
 line-height:1.9!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowdata h5 {
 font-size:clamp(21px,2.1vw,34px)!important;
 line-height:1.45!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowdata .Imdbchart {
 background:rgba(16,21,29,.3)!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowdata .footerbox a {
 min-height:43px!important;
 font-size:12px!important;
}
/* v2.7 cached banner markup includes the same background and a nested grid. */
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature:has(.dlf-v27-featureinner) {
 display:block!important;
 padding:0!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featureinner {
 display:grid!important;
 position:relative!important;
 z-index:3!important;
 width:100%!important;
 min-height:var(--di31-hero-height)!important;
 grid-template-columns:clamp(185px,17vw,265px) minmax(0,1fr)!important;
 align-items:center!important;
 gap:clamp(18px,3vw,48px)!important;
 padding:34px clamp(25px,4vw,64px)!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featureposter {
 max-width:265px!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featureposter img {
 max-width:265px!important;
 max-height:370px!important;
 object-fit:contain!important;
}
#mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featurecontent {
 max-width:900px!important;
 text-shadow:0 2px 8px rgba(0,0,0,.42)!important;
}
/* Keep categories coherent with full width and do not alter their functionality. */
body.dlf-ci-on.dlf-ci-v31-on #dfc3 .dfc35-inner {
 width:calc(100% - 2 * var(--di31-edge,18px))!important;
 max-width:none!important;
}
@media(max-width:1380px) {
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpostc.dlf-ci-row > .dlf-ci-rail {--dlf-ci-visible:6!important;}
}
@media(max-width:1100px) {
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpostc.dlf-ci-row > .dlf-ci-rail {--dlf-ci-visible:5!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature {grid-template-columns:160px minmax(0,1fr)!important;gap:23px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featureinner {grid-template-columns:155px minmax(0,1fr)!important;gap:23px!important;}
}
@media(max-width:850px) {
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpostc.dlf-ci-row > .dlf-ci-rail {--dlf-ci-visible:4!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature {min-height:320px!important;grid-template-columns:135px minmax(0,1fr)!important;padding:18px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featureinner {min-height:320px!important;grid-template-columns:135px minmax(0,1fr)!important;padding:18px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rightdata img {max-width:135px!important;}
}
@media(max-width:650px) {
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 {--di31-edge:8px;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpostc.dlf-ci-row > .dlf-ci-rail {--dlf-ci-visible:2.2!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature {min-height:270px!important;grid-template-columns:102px minmax(0,1fr)!important;gap:12px!important;padding:13px!important;border-radius:14px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featureinner {min-height:270px!important;grid-template-columns:105px minmax(0,1fr)!important;gap:13px!important;padding:13px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rightdata img {max-width:102px!important;max-height:165px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowdata {gap:5px!important;padding:0!important;font-size:11px!important;line-height:1.55!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowdata h5 {font-size:15px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature > .rowdata .footerbox a {min-height:31px!important;font-size:10px!important;padding:6px 8px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featureposter img {max-height:165px!important;}
 #mainindeximtes.dlf-ci-v30.dlf-ci-v31 .rowpost.dlf-ci-feature .dlf-v27-featurecontent h5 {font-size:15px!important;}
}