/* Ticarext Hero — standart gorsel cercevesi ve yazi okunabilirligi */

:root {
  --hero-max-height: 70vh;
  --hero-max-height-cap: 680px;
}

.tf-slideshow {
  position: relative;
  isolation: isolate;
  padding-bottom: 3.5rem;
}

.tf-slideshow .tf-sw-slideshow {
  position: relative;
  width: 100%;
}

.tf-slideshow .swiper-slide {
  height: auto !important;
}

.hero-media {
  position: relative;
  overflow: hidden;
  background: #f3f4f6;
  width: 100%;
}

.hero-media:not(.hero-media--fullscreen) {
  aspect-ratio: 16 / 9;
  height: min(calc(100vw * 9 / 16), var(--hero-max-height), var(--hero-max-height-cap));
  max-height: min(var(--hero-max-height), var(--hero-max-height-cap));
}

/* Gorsel cerceve disina tasmasin — tema .wrap-slider img kuralini ezer */
.hero-media > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.tf-slideshow .wrap-slider:has(> .hero-media) {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Slider altindaki bloklarin ustune binmesini onle */
.tf-slideshow + section.flat-iconbox,
.tf-slideshow + .flat-iconbox,
section.flat-iconbox.flat-spacing-7 {
  position: relative;
  z-index: 2;
  background: #fff;
  padding-top: 3.75rem;
}
.hero-media--fullscreen {
  aspect-ratio: auto;
  min-height: 72vh;
  max-height: 88vh;
}
.hero-fullscreen .wrap-slider {
  position: relative;
  min-height: 72vh;
  max-height: 88vh;
}

.hero-fullscreen .hero-media--fullscreen {
  position: absolute;
  inset: 0;
  min-height: 72vh;
  max-height: 88vh;
}

.hero-media--cover > img {
  object-fit: cover;
}

.hero-media--contain > img {
  object-fit: contain;
}

.hero-media--fullscreen > img {
  position: absolute;
  inset: 0;
}

.wrap-slider .hero-media {
  width: 100%;
}
/* --- Yazi tonlari --- */

.hero-tone-auto .box-content::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 65%;
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--hero-overlay-color, var(--ucore-header-bg, var(--ucore-primary, #181818))) 82%, transparent) 0%,
    color-mix(in srgb, var(--hero-overlay-color, var(--ucore-header-bg, var(--ucore-primary, #181818))) 40%, transparent) 55%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 0;
}

.hero-tone-auto .box-content .container,
.hero-tone-auto .box-content .content-slider {
  position: relative;
  z-index: 1;
}

.hero-tone-auto .content-slider,
.hero-tone-auto .content-slider .heading,
.hero-tone-auto .content-slider .subheading,
.hero-tone-auto .content-slider h1 {
  color: #fff;
}

.hero-tone-light .content-slider,
.hero-tone-light .content-slider .heading,
.hero-tone-light .content-slider .subheading,
.hero-tone-light .content-slider h1 {
  color: #fff;
}

.hero-tone-dark .content-slider {
  background: rgba(255, 255, 255, 0.92);
  padding: 2rem 2.5rem;
  border-radius: 10px;
  max-width: 550px;
}

.hero-tone-dark .content-slider .heading,
.hero-tone-dark .content-slider .subheading,
.hero-tone-dark .content-slider h1 {
  color: var(--bs-body-color, #111);
}

.hero-tone-shadow .content-slider .heading,
.hero-tone-shadow .content-slider .subheading,
.hero-tone-shadow .content-slider h1 {
  color: #fff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65), 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* Slider metni global .heading rengini ezmesin */
.tf-slideshow .hero-tone-light .content-slider .heading,
.tf-slideshow .hero-tone-light .content-slider h1,
.tf-slideshow .hero-tone-light .content-slider .subheading,
.tf-slideshow .hero-tone-auto .content-slider .heading,
.tf-slideshow .hero-tone-auto .content-slider h1,
.tf-slideshow .hero-tone-auto .content-slider .subheading,
.tf-slideshow .hero-tone-shadow .content-slider .heading,
.tf-slideshow .hero-tone-shadow .content-slider h1,
.tf-slideshow .hero-tone-shadow .content-slider .subheading {
  color: #fff !important;
}

/* Alt konumlu metin (fullscreen) */
.hero-content-bottom .wrap-slider .box-content {
  top: auto !important;
  bottom: 0 !important;
  transform: none !important;
  padding-bottom: 3.25rem;
}

.hero-content-bottom.hero-fullscreen .wrap-slider .box-content {
  padding-bottom: 4rem;
}

@media (max-width: 767px) {
  .hero-content-bottom .wrap-slider .box-content {
    padding-bottom: 2.5rem;
  }
}

/* Alt konumlu overlay duzeni */
.hero-layout-overlay .box-content {
  top: auto;
  bottom: 0;
  transform: none;
}

.hero-layout-overlay.hero-tone-auto .box-content::before {
  background: linear-gradient(
    to top,
    color-mix(in srgb, var(--hero-overlay-color, var(--ucore-header-bg, var(--ucore-primary, #181818))) 75%, transparent),
    transparent
  );
}

.hero-layout-overlay .content-slider {
  max-width: 620px;
}

/* Bolunmus duzen — metin gorsel yaninda */
.hero-split-text.hero-tone-dark {
  background: rgba(255, 255, 255, 0.92);
  padding: 2rem;
  border-radius: 10px;
}

.hero-split-text.hero-tone-shadow .heading,
.hero-split-text.hero-tone-shadow .subheading,
.hero-split-text.hero-tone-shadow h1 {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

/* Sade (gorselsiz) hero */
.hero-minimal.hero-tone-dark .hero-minimal-inner {
  background: rgba(255, 255, 255, 0.95);
  padding: 2.5rem;
  border-radius: 10px;
}

.hero-minimal.hero-tone-shadow .heading,
.hero-minimal.hero-tone-shadow .subheading,
.hero-minimal.hero-tone-shadow h1 {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.hero-boxed .hero-media:not(.hero-media--fullscreen) {
  height: min(calc(100% * 9 / 16), var(--hero-max-height), var(--hero-max-height-cap));
}

@media (max-width: 767px) {
  :root {
    --hero-max-height: 58vh;
    --hero-max-height-cap: 420px;
  }

  .hero-tone-dark .content-slider {
    padding: 1.25rem 1.5rem;
  }
}