/* jekcms — Evrensel Hero Slider (includes/sections/hero--slider.php).
 * Kare köşeler (border-radius yok). output_head_scripts yükler. */
.jek-hero-slider { position: relative; overflow: hidden; aspect-ratio: 21 / 9; max-height: 560px; background: #0f172a; }
.jek-slides, .jek-slide { position: absolute; inset: 0; }
.jek-slide { background-size: cover; background-position: center; opacity: 0; transition: opacity .6s ease; }
.jek-slide.is-active { opacity: 1; }
.jek-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,.78)); }
.jek-slide-link { position: absolute; inset: 0; display: flex; align-items: flex-end; text-decoration: none; }
.jek-slide-body { position: relative; z-index: 1; padding: 32px 40px; color: #fff; max-width: 760px; }
.jek-slide-cat { display: inline-block; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; background: rgba(255,255,255,.2); padding: 4px 10px; margin-bottom: 10px; }
.jek-slide-title { font-size: clamp(1.5rem, 3vw, 2.4rem); font-weight: 800; line-height: 1.2; margin: 0 0 8px; color: #fff; }
.jek-slide-meta { font-size: 13px; opacity: .85; }
.jek-slide-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; background: rgba(0,0,0,.4); color: #fff; border: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.jek-slide-arrow:hover { background: rgba(0,0,0,.65); }
.jek-slide-prev { left: 12px; }
.jek-slide-next { right: 12px; }
.jek-slide-dots { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); z-index: 2; display: flex; gap: 8px; }
.jek-slide-dot { width: 10px; height: 10px; border: 0; background: rgba(255,255,255,.5); cursor: pointer; padding: 0; }
.jek-slide-dot.is-active { background: #fff; }
