/* Ana sayfa slider'ı (pages/startpage.php) — panelden yönetilir.
   Her slaytın kendi görseli/videosu, süresi, karartması ve metin görünümü vardır.
   Yön: section[dir] (rtl dillerde metin ve karartma aynalanır). */

.bv-hero {
    overflow: hidden;
    background-color: #111;
    touch-action: pan-y;
    /* Kurumsal renkler (logo) */
    --bv-red: #e60104;
    --bv-yellow: #fdee01;
    --bv-gold: #fdac2b;
}

/* Sürükleme (masaüstü fare + mobil parmak) */
@media (hover: hover) and (pointer: fine) {
    .bv-hero { cursor: grab; }
    .bv-hero a, .bv-hero button { cursor: pointer; }
}
.bv-hero.is-dragging { cursor: grabbing; user-select: none; -webkit-user-select: none; }

/* ── Slayt katmanları ─────────────────────────── */
.bv-hero-slides { position: absolute; inset: 0; z-index: 0; }
.bv-hero-slide {
    --shade-rgb: 0, 0, 0; --shade: .75; --shade-reach: 65%; --overlay: .25; --shade-angle: 90deg;
    position: absolute; inset: 0;
    opacity: 0;
    /* Görünmeyen slaytlar çizime hiç girmez (büyük görsellerin üst üste çizilmesi ilk açılışta
       siyah ekrana yol açıyordu); geçişte önceki slayt 1.2 sn boyunca görünür kalır */
    visibility: hidden;
    transition: opacity 1.2s ease, visibility 0s linear 1.2s;
}
.bv-hero-slide.is-active { opacity: 1; visibility: visible; transition-delay: 0s; }
.bv-hero-img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: center;
    transform: scale(1.08);
    transition: transform 8s ease-out;
}
.bv-hero-slide.is-active .bv-hero-img { transform: scale(1); }

/* Arka plan videosu: 16:9 iframe alanı kaplayacak şekilde büyütülür */
.bv-hero-video { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.bv-hero-video iframe {
    position: absolute; top: 50%; left: 50%;
    width: max(100%, 177.78vh); height: max(100%, 56.25vw);
    min-width: 100%; min-height: 100%;
    transform: translate(-50%, -50%);
    max-width: none; max-height: none; /* tema iframe genişliğini sınırlamasın */
    border: 0; opacity: 0; transition: opacity .8s ease;
}
.bv-hero-video.is-playing iframe { opacity: 1; }

.bv-hero-overlay { position: absolute; inset: 0; background: rgba(var(--shade-rgb), var(--overlay)); }

/* Metnin arkasına düşen yönlü karartma */
.bv-hero-shade {
    position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(var(--shade-angle),
        rgba(var(--shade-rgb), var(--shade)) 0%,
        rgba(var(--shade-rgb), calc(var(--shade) * .85)) calc(var(--shade-reach) * .45),
        rgba(var(--shade-rgb), 0) var(--shade-reach));
}
[dir="rtl"] .bv-hero-slide, .bv-hero-slide[data-position="end"] { --shade-angle: 270deg; }
[dir="rtl"] .bv-hero-slide[data-position="end"] { --shade-angle: 90deg; }
.bv-hero-slide[data-position="center"] .bv-hero-shade {
    background: radial-gradient(ellipse at center,
        rgba(var(--shade-rgb), var(--shade)) 0%,
        rgba(var(--shade-rgb), calc(var(--shade) * .6)) calc(var(--shade-reach) * .6),
        rgba(var(--shade-rgb), 0) var(--shade-reach));
}
/* Üst kenar: logo ve menü; alt kenar: dalga ayırıcı */
.bv-hero-shade::before, .bv-hero-shade::after { content: ""; position: absolute; left: 0; right: 0; }
.bv-hero-shade::before { top: 0; height: 240px; background: linear-gradient(180deg, rgba(var(--shade-rgb), calc(var(--shade) * .7)), transparent); }
.bv-hero-shade::after { bottom: 0; height: 35%; background: linear-gradient(0deg, rgba(var(--shade-rgb), calc(var(--shade) * .6)), transparent); }

.bv-hero .container { position: relative; z-index: 2; width: 100%; }
/* Metin, noktalar ve video düğmesi üst menünün iç kenarlarıyla aynı hizada: sola yaslıyken logoyla, sağa yaslıyken
   menünün son öğesiyle. Kenar değerlerini home-slider.js üst menüden ölçer (tema kırılımlarına göre değişir). */
.bv-hero .container { padding-left: var(--bv-edge-left, 15px); padding-right: var(--bv-edge-right, 15px); }
.bv-hero .one-row_bottom_divider { z-index: 3; }

/* ── Metinler ─────────────────────────────────── */
.bv-hero-texts { display: grid; }
.bv-hero-text {
    /* Hazır görünüm renkleri; özel renkler satır içi stil ile bunların üzerine yazar */
    --bv-title: #ffffff; --bv-text: #e8e8e8; --bv-accent: var(--bv-yellow);
    --bv-kicker-bg: var(--bv-red); --bv-kicker-text: #ffffff;
    grid-area: 1 / 1;
    max-width: 640px;
    margin-inline-end: auto;
    text-align: start;
    opacity: 0;
    visibility: hidden;
    transform: translateY(24px);
    transition: opacity .7s ease, transform .9s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .7s;
}
.bv-hero-text.is-active {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: .25s, .25s, 0s;
}
.bv-hero-text.bv-pos-center { margin-inline: auto; text-align: center; }
.bv-hero-text.bv-pos-end { margin-inline-start: auto; margin-inline-end: 0; text-align: end; }

.bv-hero-kicker {
    display: inline-block;
    margin-bottom: 18px;
    padding: 6px 12px;
    border-radius: 3px;
    background: var(--bv-kicker-bg);
    color: var(--bv-kicker-text);
    font-size: 13px; font-weight: 700; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase;
}
[dir="rtl"] .bv-hero-kicker { letter-spacing: 0; }

.bv-hero-title {
    font-size: clamp(32px, 4.2vw, 50px);
    line-height: 1.15;
    margin: 0 0 .5em;
    padding-inline-start: 20px;
    border-inline-start: 5px solid var(--bv-accent);
    color: var(--bv-title) !important;
}
.bv-hero-desc { max-width: 560px; margin-bottom: 1.6em; line-height: 1.5; color: var(--bv-text) !important; }
.bv-pos-center .bv-hero-desc { margin-inline: auto; }
.bv-pos-end .bv-hero-desc { margin-inline-start: auto; }
.bv-hero-title, .bv-hero-desc { text-shadow: 0 2px 14px rgba(0, 0, 0, .45); }

/* Hazır görünümler */
.bv-style-line { --bv-kicker-text: var(--bv-yellow); }
.bv-style-line .bv-hero-kicker { background: none; padding: 0; display: inline-flex; align-items: center; gap: 10px; }
.bv-style-line .bv-hero-kicker::before { content: ""; width: 40px; height: 3px; border-radius: 2px; background: var(--bv-accent); }
.bv-style-line .bv-hero-title { border: 0; padding: 0; }
.bv-style-line .bv-hero-title::after { content: ""; display: block; width: 72px; height: 4px; margin-top: 18px; border-radius: 2px; background: var(--bv-accent); }
.bv-style-line.bv-pos-center .bv-hero-title::after { margin-inline: auto; }
.bv-style-line.bv-pos-end .bv-hero-title::after { margin-inline-start: auto; }

.bv-style-gold { --bv-title: var(--bv-gold); --bv-text: #ffffff; --bv-accent: var(--bv-gold); }
.bv-style-gold .bv-hero-kicker { background: none; padding: 0; display: inline-flex; align-items: center; gap: 10px; }
.bv-style-gold .bv-hero-kicker::before { content: ""; width: 40px; height: 3px; border-radius: 2px; background: var(--bv-accent); }
.bv-style-gold .bv-hero-title { border: 0; padding: 0; }

.bv-style-minimal { --bv-text: #ffffff; }
.bv-style-minimal .bv-hero-kicker { background: none; padding: 0; opacity: .85; }
.bv-style-minimal .bv-hero-title { border: 0; padding: 0; }

/* Butonlar ve oynat */
.bv-hero-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.bv-pos-center .bv-hero-actions { justify-content: center; }
.bv-pos-end .bv-hero-actions { justify-content: flex-end; }
.bv-hero-play {
    width: 72px; height: 72px; border-radius: 50%; padding: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border: 3px solid #fff; background: rgba(255, 255, 255, .12); color: #fff;
    transition: transform .2s, background .2s;
}
.bv-hero-play:hover { transform: scale(1.06); background: rgba(255, 255, 255, .25); }
.bv-hero-play:focus-visible { outline: 3px solid var(--bv-yellow); outline-offset: 4px; }

/* "Videolar" butonu: masaüstünde metnin karşı tarafında */
@media (min-width: 992px) {
    .bv-hero .container > .row { position: relative; }
    .bv-hero-videos {
        position: absolute; top: 50%; inset-inline-end: 0; width: auto; transform: translateY(-50%); /* satır -15 + sütun 15: düğme menü kenarında */
    }
    .bv-hero[data-position="end"] .bv-hero-videos { inset-inline-end: auto; inset-inline-start: 0; }
    .bv-hero[data-position="center"] .bv-hero-videos { top: auto; bottom: 0; transform: none; }
}

/* Noktalar */
.bv-hero-dots { display: flex; gap: 8px; margin-top: 36px; }
.bv-hero[data-position="center"] .bv-hero-dots { justify-content: center; }
.bv-hero[data-position="end"] .bv-hero-dots { justify-content: flex-end; }
.bv-hero-dot {
    width: 32px; height: 4px; padding: 0; border: 0; border-radius: 2px;
    background: rgba(255, 255, 255, .35); cursor: pointer;
    transition: background .3s, width .3s;
}
.bv-hero-dot:hover { background: rgba(255, 255, 255, .6); }
.bv-hero-dot.is-active { width: 48px; background: #fff; }
.bv-hero-dot:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* ── Tam ekran video penceresi ───────────────── */
.bv-lightbox {
    position: fixed; inset: 0; z-index: 10000;
    display: flex; align-items: center; justify-content: center;
    background: rgba(0, 0, 0, .9);
    padding: 56px 16px 16px;
}
.bv-lightbox[hidden] { display: none; }
.bv-lightbox-frame { position: relative; width: min(100%, calc((100vh - 96px) * 16 / 9)); aspect-ratio: 16 / 9; background: #000; }
.bv-lightbox-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bv-lightbox-close {
    position: absolute; top: 10px; inset-inline-end: 14px; width: 44px; height: 44px;
    border: 0; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff;
    font-size: 30px; line-height: 1; cursor: pointer;
}
.bv-lightbox-close:hover { background: rgba(255, 255, 255, .25); }
html.bv-lightbox-open { overflow: hidden; }

/* ── Mobil ───────────────────────────────────── */
@media (max-width: 767px) {
    .bv-hero-desc { font-size: 17px !important; }
    .bv-hero-dots { margin-top: 24px; }
    .bv-hero-title { padding-inline-start: 14px; border-inline-start-width: 4px; }
    .bv-hero-play { width: 60px; height: 60px; }
    /* Metin tüm genişliği kapladığı için karartma yukarıdan aşağı */
    .bv-hero-slide .bv-hero-shade,
    .bv-hero-slide[data-position="center"] .bv-hero-shade {
        background: linear-gradient(180deg,
            rgba(var(--shade-rgb), calc(var(--shade) * .35)) 0%,
            rgba(var(--shade-rgb), var(--shade)) 40%,
            rgba(var(--shade-rgb), calc(var(--shade) * .8)) 100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bv-hero-slide, .bv-hero-text { transition: opacity .3s ease, visibility 0s; transform: none; }
    .bv-hero-img, .bv-hero-slide.is-active .bv-hero-img { transform: none; transition: none; }
}

/* Arka plan videosu mobilde kapalıysa: oynat butonu yalnızca mobilde */
.bv-play-mobile { display: none; }
@media (max-width: 767px) { .bv-play-mobile { display: inline-flex; } }