/* =====================================================
   ARONYA - HERO / ANASAYFA BANNER
   - Header ile aynı container sistemi (max-width 1440, responsive sayfa kenar boşluğu)
   - Üst / sol / sağ kenarlar düz, alt kısım yumuşak curve
   - Sol alt → yeşilimsi, sağ üst → turkuaz gradient
   - Tek kolon: ortalı metin + butonlar (görsel yok)
   - Tamamen responsive — tüm breakpoint'lerde düzgün görünür
   ===================================================== */

:root {
    --aronya-hero-min-height: 560px;
    --aronya-hero-bg: #27B8C7;
    --aronya-hero-bg-green: #3FB892;
    --aronya-hero-content-max: 1280px;
    --aronya-hero-side-pad: clamp(20px, 6vw, 80px);
    --aronya-hero-curve-depth: 70px;
    /* Negatif değer üretmeyen, sadece min–max arası kalan gutter.
       1440px altındaki viewportlarda otomatik olarak min(16px) değerini alır. */
    --aronya-page-gutter: max(16px, min(75px, calc((100vw - 1440px) / 2)));
    --aronya-container: 1440px;
}

/* ========== ANA CONTAINER (header ile aynı) ========== */
.aronya-hero {
    position: relative;
    width: 100%;
    max-width: var(--aronya-container, 1440px);
    margin: 0 auto;
    min-height: var(--aronya-hero-min-height);
    background: var(--aronya-hero-bg);
    background-image:
        linear-gradient(135deg, var(--aronya-hero-bg-green) 0%, var(--aronya-hero-bg) 55%, #1fa4b3 100%);
    color: #ffffff;
    overflow: hidden;
    isolation: isolate;
    z-index: 1;
    box-sizing: border-box;
}

/* ========== ÜST / SOL / SAĞ DÜZ, ALT YUMUŞAK CURVE ========== */
.aronya-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: var(--aronya-hero-curve-depth);
    background: #ffffff;
    border-top-left-radius: 50% 100%;
    border-top-right-radius: 50% 100%;
    pointer-events: none;
    z-index: 2;
}

/* Opsiyonel arka plan görseli desteği */
.aronya-hero--has-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.aronya-hero--has-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(63, 184, 146, 0.85) 0%, rgba(39, 184, 199, 0.7) 55%, rgba(31, 164, 179, 0.6) 100%);
    z-index: 0;
}

/* ========== İÇ YAPI (TEK KOLON, ORTALI) ========== */
.aronya-hero__inner {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: var(--aronya-hero-content-max);
    margin: 0 auto;
    padding: clamp(56px, 7vw, 90px) var(--aronya-hero-side-pad) clamp(110px, 12vw, 150px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: inherit;
    box-sizing: border-box;
}

/* ========== İÇERİK (SOL/SAG HİZALAMA VARSAYILANI EZER) ========== */
.aronya-hero__content {
    width: 100%;
    max-width: 720px;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
}

.aronya-hero__eyebrow {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 18px;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
}

.aronya-hero__title {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(28px, 5vw, 56px);
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.aronya-hero__title-line {
    display: block;
}

.aronya-hero__subtitle {
    margin: 0 auto 32px;
    color: rgba(255, 255, 255, 0.95);
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.65;
    max-width: 640px;
    width: 100%;
}

/* ========== BUTONLAR ========== */
.aronya-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}

.aronya-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 220ms ease, background 220ms ease, color 220ms ease, border-color 220ms ease;
    border: 1.5px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    max-width: 100%;
}

.aronya-hero__btn:hover,
.aronya-hero__btn:focus {
    transform: translateY(-2px);
}

.aronya-hero__btn--primary {
    background: #ffffff;
    color: #1a4a52;
    border-color: #ffffff;
}
.aronya-hero__btn--primary:hover,
.aronya-hero__btn--primary:focus {
    background: #f1f9fa;
    color: #103840;
    border-color: #f1f9fa;
}

.aronya-hero__btn--ghost {
    background: transparent;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.85);
}
.aronya-hero__btn--ghost:hover,
.aronya-hero__btn--ghost:focus {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    border-color: #ffffff;
}

/* ========== HİZALAMA VARYANTLARI ==========
   Yuvarlak görsel kaldırıldı; sadece içerik hizalaması değişir. */
.aronya-hero--align-left .aronya-hero__content {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}
.aronya-hero--align-left .aronya-hero__subtitle { margin-left: 0; margin-right: auto; }
.aronya-hero--align-left .aronya-hero__actions { justify-content: flex-start; }

.aronya-hero--align-right .aronya-hero__content {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}
.aronya-hero--align-right .aronya-hero__subtitle { margin-left: auto; margin-right: 0; }
.aronya-hero--align-right .aronya-hero__actions { justify-content: flex-end; }

.aronya-hero--align-center .aronya-hero__content {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.aronya-hero--align-center .aronya-hero__actions { justify-content: center; }

/* ========== RESPONSIVE ========== */

/* Tablet (≤ 1023px): hafif kompakt, eğri küçülür */
@media (max-width: 1023px) {
    .aronya-hero {
        min-height: 0;
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    .aronya-hero__inner {
        padding: 56px 32px 120px;
        gap: 0;
    }
    .aronya-hero__title {
        font-size: clamp(26px, 5.5vw, 40px);
    }
    .aronya-hero__subtitle {
        font-size: 16px;
    }
    .aronya-hero {
        --aronya-hero-curve-depth: 50px;
    }
}

/* Mobil (≤ 767px): küçük ekran, içerik padding ile hizalanır, hero tam genişlik */
@media (max-width: 767px) {
    .aronya-hero {
        /* Hero tam genişlikte, kenar boşluğu iç padding ile sağlanır */
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .aronya-hero__inner {
        padding: 44px 20px 96px;
        max-width: 100%;
    }
    .aronya-hero__content {
        max-width: 100%;
    }
    .aronya-hero__title {
        font-size: 28px;
        line-height: 1.15;
        margin-bottom: 16px;
    }
    .aronya-hero__subtitle {
        font-size: 15px;
        margin-bottom: 24px;
        max-width: 100%;
    }
    .aronya-hero__actions {
        flex-direction: column;
        width: 100%;
    }
    .aronya-hero__btn {
        width: 100%;
        padding: 14px 20px;
    }
    .aronya-hero {
        --aronya-hero-curve-depth: 36px;
    }
}

/* Çok küçük ekran (≤ 380px): daha da kompakt */
@media (max-width: 380px) {
    .aronya-hero__inner {
        padding: 36px 16px 84px;
    }
    .aronya-hero__title {
        font-size: 24px;
    }
    .aronya-hero__subtitle {
        font-size: 14px;
    }
    .aronya-hero__btn {
        padding: 12px 16px;
        font-size: 14px;
    }
    .aronya-hero {
        --aronya-hero-curve-depth: 28px;
    }
}