/* =====================================================================
   Oley Page Builder — public widget styles (layouts made in Admin → Səhifə qurucusu)
   Element-specific styles are generated per element (.b-<id>) by assets/js/builder.js.
   ===================================================================== */
.bw { position: relative; min-width: 0; }
.bw-section { width: 100%; }
.bw-section > .bsi { max-width: 1320px; margin: 0 auto; padding: 0 16px; display: flex; flex-direction: column; gap: 0; }
.bw-section.full > .bsi { max-width: none; padding: 0; }
.bw-container { display: flex; flex-direction: column; gap: 10px; }
.bw-columns { display: grid; grid-template-columns: repeat(var(--bcols, 2), minmax(0, 1fr)); gap: 20px; align-items: start; }
.bw-column { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
@media (max-width: 767px) { .bw-columns { grid-template-columns: 1fr; } }
a.bw-container { color: inherit; }

/* basic widgets */
.bw-heading .bh { margin: 0; }
.bw-heading .bh-display { font-family: var(--k-display, "Big Shoulders Display"), sans-serif; font-weight: 800; line-height: .95; letter-spacing: 0; }
.bw-heading h1.bh { font-size: clamp(34px, 6vw, 64px); }
.bw-heading h2.bh { font-size: clamp(24px, 3.4vw, 34px); }
.bw-heading h3.bh { font-size: 21px; }
.bw-heading h4.bh { font-size: 16px; letter-spacing: .02em; }
.bw-heading .bh a { color: inherit; }
.btx { line-height: 1.6; }
.btx p + p, .bhtml p + p { margin-top: .7em; }
.btx a, .bhtml a { color: var(--z-primary); text-decoration: underline; text-underline-offset: 3px; }
.btx ul, .btx ol, .bhtml ul, .bhtml ol { padding-left: 1.3em; margin: .4em 0; }
.bhtml img { max-width: 100%; height: auto; border-radius: 10px; }
.bhtml iframe { width: 100%; aspect-ratio: 16/9; border: 0; border-radius: 14px; }
.bimg { display: block; width: 100%; height: auto; border-radius: 14px; }
.bimg-a { display: block; }
.bph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 160px; border: 1.5px dashed rgba(255,255,255,.2); border-radius: 14px; color: var(--muted); background: rgba(255,255,255,.02); }
.bvid { position: relative; width: 100%; overflow: hidden; border-radius: 16px; background: #000; }
.bvid iframe, .bvid video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bvid.bph { background: rgba(255,255,255,.02); }
.bvp img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .7; }
.bvp-play { position: absolute; inset: 0; margin: auto; width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; background: var(--k-beam, var(--grad)); box-shadow: 0 10px 40px rgba(0,0,0,.6); }
.bvp-t { position: absolute; left: 18px; bottom: 14px; font-size: 18px; text-shadow: 0 2px 12px #000; }
.bvp-live { aspect-ratio: 16/9; }
.bbtn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--r-pill); }
.btn.outline { background: transparent; border: 1.5px solid currentColor; }
.btn.linkbtn { background: none; padding-left: 0; padding-right: 0; color: var(--z-primary); }
.btn.lg { padding: 16px 30px; font-size: 17px; }
.bw-button .btn.block { width: 100%; }
.bic { display: inline-grid; place-items: center; }
.bic .ico { width: var(--bis, 32px); height: var(--bis, 32px); }
.bdiv { border: 0; margin: 0 auto 0 0; height: 0; border-top: var(--bdt, 1px) solid rgba(255,255,255,.12); }
.bw[style*="text-align:center"] .bdiv, .bdiv-center { margin: 0 auto; }
.bdiv-dashed { border-top-style: dashed; } .bdiv-dotted { border-top-style: dotted; }
.bdiv-gradient { border: 0; height: var(--bdt, 1px); background: var(--k-beam, var(--grad)); }

/* slider */
.bsl { position: relative; height: var(--bsh, 420px); border-radius: 20px; overflow: hidden; }
.bsl-track { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.bsl-track::-webkit-scrollbar { display: none; }
.bsl-slide { position: relative; flex: 0 0 100%; height: 100%; scroll-snap-align: start; }
.bsl-slide > img, .bsl-slide > .aurora { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bsl-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.78), transparent 60%); }
.bsl-txt { position: absolute; left: 24px; right: 24px; bottom: 28px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; z-index: 1; }
.bsl-txt h3 { font-family: var(--k-display); font-size: clamp(30px, 5vw, 56px); line-height: .95; }
.bsl-txt p { color: rgba(255,255,255,.82); max-width: 560px; }
.bsl-link { position: absolute; inset: 0; z-index: 2; }
.bsl-dots { position: absolute; right: 18px; bottom: 16px; display: flex; gap: 6px; z-index: 3; }
.bsl-dots button { width: 8px; height: 8px; border-radius: 99px; background: rgba(255,255,255,.4); transition: width .25s; }
.bsl-dots button.on { width: 24px; background: #fff; }

/* cinema widgets */
.bdyn-skel { height: 120px; border-radius: 16px; margin: 14px 0; }
.bw-hero .hero { margin-top: 0; }
.bld-page > .cin-head + style + .bw-hero .hero, .bld-page > .cin-head + .bw-hero .hero { margin-top: -68px; }
.hero.no-acts .hero-acts { display: none; }
.bsearch { display: flex; gap: 8px; align-items: center; width: 100%; }
.bsearch .input { flex: 1; }
.bsearch-lg .input { min-height: 60px; font-size: 17px; border-radius: 20px; }
.bsearch-lg .btn { min-height: 60px; padding: 0 24px; border-radius: 20px; }
.bsearch-sm .input { min-height: 40px; }
.blive { display: grid; gap: 10px; }
.blive-i { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: var(--k-panel, var(--z-surface)); border: 1px solid var(--k-line, var(--line)); }
.blive-i small { display: flex; align-items: center; gap: 4px; }
.breels { grid-auto-columns: minmax(130px, 15%); }
.breel { position: relative; aspect-ratio: 9/16; border-radius: 16px; overflow: hidden; background: var(--k-panel); }
.breel img, .breel .aurora { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.breel-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,0,0,.8), transparent 55%); }
.breel-play { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.45); backdrop-filter: blur(6px); }
.breel-play .ico { width: 14px; height: 14px; }
.breel b { position: absolute; left: 10px; right: 10px; bottom: 10px; font-size: 13.5px; line-height: 1.2; }

/* header / footer widgets */
.bld-head { padding: 0; display: block; }
.bld-head > .icon-btn { position: absolute; left: 8px; top: 12px; z-index: 2; }
.bld-head > .icon-btn + .bld-hin { padding-left: 40px; }
.bld-hin { min-width: 0; }
.blogo { display: inline-flex; line-height: 1; }
.blogo .cin-logo { font-size: 1em; }
.bmenu { display: flex; flex-wrap: wrap; gap: 4px 18px; align-items: center; }
.bmenu.col { flex-direction: column; align-items: flex-start; gap: 8px; }
.bmenu a { display: inline-flex; align-items: center; gap: 7px; color: var(--k-muted, var(--muted)); font-weight: 600; transition: color .2s; }
.bmenu a:hover, .bmenu a.on { color: var(--k-white, var(--text)); }
.bmenu a .ico { width: 18px; height: 18px; }
.bauth { display: flex; gap: 6px; align-items: center; }
.bauth-me { width: 34px; height: 34px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--k-panel); }
.bauth-me img { width: 100%; height: 100%; object-fit: cover; }
.bicons { display: flex; gap: 2px; align-items: center; }
.bsocial { display: flex; gap: 8px; flex-wrap: wrap; }
.bsoc { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--k-panel, var(--z-surface)); border: 1px solid var(--k-line, var(--line)); transition: transform .2s, background .2s; }
.bsoc:hover { transform: translateY(-2px); background: var(--k-panel-2, var(--surface-2)); }
.bsoc .ico { width: 18px; height: 18px; }
.bcontact { display: flex; flex-direction: column; gap: 8px; }
.bcontact a, .bcontact span { display: inline-flex; align-items: center; gap: 8px; color: var(--k-muted, var(--muted)); }
.bcontact .ico { width: 17px; height: 17px; }
.bcopy { color: var(--k-muted, var(--muted)); font-size: 13.5px; }
.bld-foot { margin-top: 30px; }
.bld-foot .bw-section > .bsi { padding: 0; }

/* wrapping a system page */
.bld-core-root { min-height: 0 !important; padding-bottom: 0 !important; background: transparent !important; }
.bld-page.cin { padding-bottom: calc(var(--nav-h) + var(--safe-b) + 20px); }
.bld-page > [data-footer] { padding-bottom: 10px; }
.bnote { color: var(--muted); font-size: 13.5px; padding: 12px 14px; border: 1px dashed rgba(255,255,255,.18); border-radius: 12px; display: flex; gap: 8px; align-items: center; }

/* entrance animations */
.b-anim { opacity: 0; transition: opacity .7s var(--ease), transform .7s var(--ease); transition-delay: var(--bad, 0ms); }
.b-anim-up { transform: translateY(28px); } .b-anim-down { transform: translateY(-28px); } .b-anim-left { transform: translateX(-36px); } .b-anim-right { transform: translateX(36px); } .b-anim-zoom { transform: scale(.94); }
.b-anim.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .b-anim { opacity: 1; transform: none; transition: none; } }