/* Blurhero Slider v2
   Tüm değerler CSS değişkeni; Elementor panelindeki ayarlar bu değişkenleri değiştirir. */
.blurhero{
  --bh-height:640px; --bh-max:1400px; --bh-pad:5vw; --bh-inner-pad:80px 0px 60px 0px;
  --bh-left:50%; --bh-bleed:1; --bh-valign:center; --bh-side-align:end;
  --bh-card-w:210px; --bh-gap:24px; --bh-card-ratio:4 / 5; --bh-card-radius:14px; --bh-card-dim:.7;
  --bh-active-color:#fff; --bh-active-w:3px;
  --bh-base:#15131c; --bh-blur:40px;
  --bh-ov-l:rgba(12,10,20,.88); --bh-ov-m:rgba(12,10,20,.65); --bh-ov-r:rgba(12,10,20,.35);
  --bh-ov-b:rgba(12,10,20,.9); --bh-ov-mobile:rgba(12,10,20,.72);
  --bh-badge-color:#fff; --bh-badge-bg:rgba(0,0,0,.55); --bh-badge-pad:8px 16px 8px 16px; --bh-badge-radius:999px; --bh-badge-space:18px;
  --bh-title-color:#fff; --bh-title-space:22px; --bh-title-lines:3;
  --bh-desc-color:rgba(255,255,255,.85); --bh-desc-space:24px; --bh-desc-lines:3; --bh-desc-max:52ch;
  --bh-date-color:#fff; --bh-date-icon:currentColor; --bh-date-icon-size:20px; --bh-date-space:44px;
  --bh-btn-color:#fff; --bh-btn-bg:#8fa01f; --bh-btn-pad:13px 58px 13px 58px; --bh-btn-radius:999px; --bh-btn-align:flex-start;
  --bh-arrow-size:40px; --bh-arrow-color:#fff; --bh-arrow-bg:rgba(255,255,255,.18); --bh-arrow-bg-h:rgba(255,255,255,.3);
  --bh-ring:#fff; --bh-count-color:rgba(255,255,255,.75); --bh-count-cur:#fff; --bh-nav-space:26px;
  --bh-delay:7000ms;

  position:relative; overflow:hidden; isolation:isolate; width:100%;
  min-height:var(--bh-height); background:var(--bh-base); color:#fff; font-family:inherit;
}
.blurhero *, .blurhero *::before, .blurhero *::after{box-sizing:border-box}
.blurhero [hidden]{display:none !important}

/* ---- Arka plan ---- */
.blurhero .blurhero__bg{
  position:absolute; inset:-60px; z-index:-2; pointer-events:none;
  background-size:cover; background-position:center;
  filter:blur(var(--bh-blur)) saturate(1.3); transform:scale(1.1);
  opacity:0; transition:opacity .9s ease;
}
.blurhero .blurhero__bg.is-on{opacity:1}
.blurhero .blurhero__overlay{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    linear-gradient(90deg, var(--bh-ov-l) 0%, var(--bh-ov-m) 45%, var(--bh-ov-r) 100%),
    linear-gradient(0deg, var(--bh-ov-b) 0%, transparent 35%);
}

/* ---- Yerleşim ---- */
.blurhero .blurhero__inner{
  position:relative; max-width:var(--bh-max); margin:0 auto; min-height:var(--bh-height);
  padding:var(--bh-inner-pad); padding-left:var(--bh-pad); padding-right:var(--bh-pad);
  display:grid; grid-template-columns:minmax(0, var(--bh-left)) minmax(0, 1fr);
  gap:40px; align-items:var(--bh-valign);
}

/* ---- Sol içerik ---- */
.blurhero .blurhero__content{min-width:0; display:flex; flex-direction:column; align-items:flex-start}
.blurhero .blurhero__badge{
  display:inline-block; margin:0 0 var(--bh-badge-space); padding:var(--bh-badge-pad);
  border-radius:var(--bh-badge-radius); background:var(--bh-badge-bg); color:var(--bh-badge-color);
  font-size:12px; font-weight:700; line-height:1.2; letter-spacing:.02em;
}
.blurhero .blurhero__title{
  margin:0 0 var(--bh-title-space); padding:0; color:var(--bh-title-color); font-family:inherit;
  font-size:clamp(32px,4.4vw,60px); line-height:1.08; font-weight:800; letter-spacing:normal; text-transform:none;
  text-shadow:0 2px 20px rgba(0,0,0,.35);
  display:-webkit-box; -webkit-line-clamp:var(--bh-title-lines); -webkit-box-orient:vertical; overflow:hidden;
}
.blurhero .blurhero__desc{
  margin:0 0 var(--bh-desc-space); padding:0; max-width:var(--bh-desc-max); color:var(--bh-desc-color);
  font-size:17px; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:var(--bh-desc-lines); -webkit-box-orient:vertical; overflow:hidden;
}
.blurhero .blurhero__date{
  display:flex; align-items:center; gap:10px; margin:0 0 var(--bh-date-space);
  color:var(--bh-date-color); font-size:16px; font-weight:600;
}
.blurhero .blurhero__date svg{flex:0 0 auto; width:var(--bh-date-icon-size); height:var(--bh-date-icon-size); color:var(--bh-date-icon)}

.blurhero .blurhero__btn-wrap{align-self:stretch; display:flex; justify-content:var(--bh-btn-align)}
.blurhero .blurhero__btn{
  display:inline-block; text-align:center; padding:var(--bh-btn-pad); border:0 solid transparent; border-radius:var(--bh-btn-radius);
  background:var(--bh-btn-bg); color:var(--bh-btn-color); text-decoration:none;
  font-weight:700; line-height:1.2; transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.blurhero .blurhero__btn:visited{color:var(--bh-btn-color)}
.blurhero .blurhero__btn:hover,
.blurhero .blurhero__btn:focus{
  background:var(--bh-btn-bg-h, var(--bh-btn-bg)); color:var(--bh-btn-color-h, var(--bh-btn-color));
  text-decoration:none; transform:translateY(-1px);
}
.blurhero .blurhero__btn:focus-visible{outline:2px solid #fff; outline-offset:3px}

/* İçerik değişim animasyonu */
.blurhero .blurhero__content.is-swap > *{animation:blurheroIn .6s ease both}
.blurhero .blurhero__content.is-swap > *:nth-child(2){animation-delay:.05s}
.blurhero .blurhero__content.is-swap > *:nth-child(3){animation-delay:.1s}
.blurhero .blurhero__content.is-swap > *:nth-child(4){animation-delay:.15s}
.blurhero .blurhero__content.is-swap > *:nth-child(5){animation-delay:.2s}
@keyframes blurheroIn{from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none}}

/* ---- Kartlar ---- */
.blurhero .blurhero__side{
  align-self:var(--bh-side-align); min-width:0;
  margin-right:calc((-1 * var(--bh-pad) - max(0px, (100vw - var(--bh-max)) / 2)) * var(--bh-bleed));
}
.blurhero .blurhero__viewport{overflow:hidden; padding-top:8px}
.blurhero .blurhero__track{display:flex; gap:var(--bh-gap)}

.blurhero .blurhero__card,
.blurhero .blurhero__card:hover,
.blurhero .blurhero__card:focus,
.blurhero .blurhero__card:active{
  flex:0 0 var(--bh-card-w); width:var(--bh-card-w); min-width:0; margin:0; padding:0;
  border:0; border-radius:var(--bh-card-radius); background:transparent; box-shadow:none;
  cursor:pointer; overflow:hidden; line-height:0; outline:none;
}
.blurhero .blurhero__card{opacity:var(--bh-card-dim); transition:opacity .45s ease, transform .6s cubic-bezier(.22,.8,.3,1)}
.blurhero .blurhero__card:hover{opacity:1; transform:translateY(-4px)}
.blurhero .blurhero__card.is-active{opacity:1}
.blurhero .blurhero__card img,
.blurhero .blurhero__card .blurhero__noimg{
  display:block; width:100%; max-width:none; height:auto; margin:0;
  aspect-ratio:var(--bh-card-ratio); object-fit:cover; object-position:center; border-radius:var(--bh-card-radius);
}
.blurhero .blurhero__card .blurhero__noimg{background:rgba(255,255,255,.12)}
.blurhero .blurhero__card.is-active img,
.blurhero .blurhero__card.is-active .blurhero__noimg{outline:var(--bh-active-w) solid var(--bh-active-color); outline-offset:calc(-1 * var(--bh-active-w))}
.blurhero .blurhero__card:focus-visible img{outline:3px solid var(--bh-btn-bg); outline-offset:-3px}

/* ---- Navigasyon ---- */
.blurhero .blurhero__nav{display:flex; align-items:center; gap:18px; margin-top:var(--bh-nav-space)}
.blurhero .blurhero__arrow,
.blurhero .blurhero__arrow:hover,
.blurhero .blurhero__arrow:focus,
.blurhero .blurhero__arrow:active{
  position:relative; width:var(--bh-arrow-size); height:var(--bh-arrow-size); min-width:0; margin:0; padding:0;
  border:0; border-radius:50%; color:var(--bh-arrow-color); line-height:0;
  display:grid; place-items:center; cursor:pointer; box-shadow:none;
}
.blurhero .blurhero__arrow{background:var(--bh-arrow-bg); transition:background .2s}
.blurhero .blurhero__arrow:hover{background:var(--bh-arrow-bg-h)}
.blurhero .blurhero__arrow:focus-visible{outline:2px solid #fff; outline-offset:3px}
.blurhero .blurhero__chev{width:45%; height:45%}
.blurhero .blurhero__count{font-size:15px; color:var(--bh-count-color)}
.blurhero .blurhero__count b{color:var(--bh-count-cur); font-weight:700}
.blurhero .blurhero__ring{position:absolute; inset:-2px; width:calc(100% + 4px); height:calc(100% + 4px); transform:rotate(-90deg); pointer-events:none}
.blurhero .blurhero__ring circle{fill:none; stroke:var(--bh-ring); stroke-width:2.5; stroke-dasharray:125.6; stroke-dashoffset:125.6}
.blurhero.is-playing .blurhero__ring circle{animation:blurheroRing var(--bh-delay) linear forwards}
@keyframes blurheroRing{to{stroke-dashoffset:0}}

/* ---- Tablet / Mobil ---- */
@media (max-width:1024px){
  .blurhero{--bh-pad:32px}
}
@media (max-width:767px){
  .blurhero{--bh-card-w:150px; --bh-gap:14px; --bh-pad:20px; --bh-inner-pad:56px 0px 36px 0px; --bh-date-space:28px}
  .blurhero, .blurhero .blurhero__inner{min-height:0}
  .blurhero .blurhero__inner{grid-template-columns:minmax(0,1fr); gap:32px}
  .blurhero .blurhero__overlay{background:var(--bh-ov-mobile)}
}
@media (prefers-reduced-motion:reduce){
  .blurhero .blurhero__bg, .blurhero .blurhero__card,
  .blurhero .blurhero__content.is-swap > *{transition:none !important; animation:none !important}
}