﻿
#paket-detay .container {
    max-width: 1140px; /* Container genişliğini biraz daralttık */
}

#paket-detay h5 {
    font-weight: bold;
    margin-bottom: 1rem; /* Başlık altı boşluğu daha da azalttık */
    font-size: 1rem; /* Başlık font boyutunu azalttık */
}

.pricing-table {
    border-collapse: separate;
    border-spacing: 0 0.5rem; /* Satırlar arası dikey boşluğu daha da azalttık */
    background-color: transparent;
}

    .pricing-table thead th {
        background-color: #3498db;
        color: white;
        border-color: #2980b9;
        padding: 0.6rem 0.5rem; /* Header padding'ini daha da azalttık */
        font-weight: 600;
        letter-spacing: 0.5px;
        font-size: 0.85rem; /* Varsayılan th font boyutunu azalttık */
    }

    .pricing-table thead:first-of-type th { /* "PAKET ÖZELLİKLERİ" başlığı */
        font-size: 1.1rem; /* Font boyutunu biraz daha küçülttük */
        border-radius: 0.3rem 0.3rem 0 0; /* Köşe yuvarlatmasını biraz daha azalttık */
    }

    .pricing-table thead:not(:first-of-type) th { /* Sütun başlıkları */
        font-size: 0.8rem; /* Font boyutunu daha da küçülttük */
    }

    .pricing-table tbody tr {
        background-color: #ffffff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); /* Gölgeyi daha da hafiflettik */
        border-radius: 0.3rem; /* Satır köşe yuvarlatmasını azalttık */
        transition: transform 0.2s ease, box-shadow 0.2s ease; /* Geçiş süresini azalttık */
        overflow: hidden;
    }

        .pricing-table tbody tr:hover {
            transform: translateY(-2px); /* Hover'da kalkma efektini azalttık */
            box-shadow: 0 4px 15px rgba(52, 152, 219, 0.12); /* Hover gölgesini ayarladık */
        }

    .pricing-table td {
        padding: 0.6rem 0.5rem; /* Hücre içi padding'i daha da azalttık */
        vertical-align: middle;
        border: none;
        font-size: 0.9rem; /* Varsayılan td font boyutunu azalttık */
    }

    .pricing-table tbody tr td:first-child {
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
    }

    .pricing-table tbody tr td:last-child {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }

.package-name b {
    font-size: 1rem; /* Paket adı fontunu küçülttük */
    font-weight: 700;
}

.feature-icon {
    font-size: 1.3rem !important; /* İkon boyutunu küçülttük */
    transition: transform 0.2s ease;
}

.pricing-table tbody tr:hover .feature-icon.bi-check {
    color: #27ae60 !important; /* Daha koyu yeşil */
    transform: scale(1.03); /* İkon hover scale'ini azalttık */
}

.pricing-table tbody tr:hover .feature-icon.bi-x {
    color: #c0392b !important; /* Daha koyu kırmızı */
    transform: scale(1.03); /* İkon hover scale'ini azalttık */
}

.price-cell {
    text-align: center;
    /* Remove button related padding/margin and make it compact */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.price-wrapper {
    position: relative; /* İçindeki mutlak konumlu element için referans noktası */
    /* Absolute pozisyonlu etikete yer açmak için üst boşluk ekle */
    padding-top: 15px; /* Bu değeri gerektiğinde ayarlayın */
    /* Üst boşluğu telafi etmek için eksi dış boşluk */
    margin-top: -15px; /* Bu değeri gerektiğinde ayarlayın, padding-top ile aynı olmalı */
    /* ... price-wrapper'a ait diğer CSS kuralları ... */
}

.extra-discount-circle {
    position: absolute;
    top: 0px; /* Fiyat kutusunun üst kenarına yakın konumlandır */
    right: -10px; /* Fiyat kutusunun sağ kenarına yakın konumlandır */
    /* İsteğe bağlı: Etiketi köşeden biraz dışarı taşımak için transform kullanılabilir */
    /* transform: translate(40%, -40%); */ /* Sağ üst köşeden dışarı doğru taşıma örneği */
    width: 45px; /* Yuvarlak etiketin genişliği */
    height: 45px; /* Yuvarlak etiketin yüksekliği - genişlikle aynı olmalı */
    background-color: #DC143C; /* Kırmızı arka plan */
    color: white; /* Beyaz yazı rengi */
    border-radius: 50%; /* Yuvarlak şekil */
    display: flex; /* İçindeki yazıyı ortalamak için */
    justify-content: center; /* Yatayda ortala */
    align-items: center; /* Dikeyde ortala */
    font-size: 0.6rem; /* Yazı boyutu - 'Ek İndirim' metni için uygun bir boyut */
    font-weight: bold; /* Kalın yazı */
    z-index: 1; /* Diğer elementlerin üzerinde görünmesini sağla */
    border: 1px solid white; /* Beyaz kenarlık */
    /* Parlama efekti için box-shadow ekleme */
    box-shadow: 0 0 12px 3px rgba(220, 20, 60, 0.7), /* Parlama (rengin RGBA değeri) */
    0 1px 3px rgba(0, 0, 0, 0.2); /* Mevcut hafif gölge */
    line-height: 1.1; /* Satır yüksekliği - metnin sığmasına yardımcı olabilir */
    text-align: center; /* Metin birden fazla satıra sığarsa ortala */
    padding: 2px; /* İç boşluk */
    pointer-events: none; /* Etiketin tıklama olaylarını engelle (isteğe bağlı, arkadaki elementlere tıklanabilir) */
}

.original-price s {
    font-size: 1rem; /* Silik fiyat fontunu ayarladık */
    color: #e6a1a1; /* Soluk kırmızı */
}

.current-price {
    font-size: 1.5rem; /* Ana fiyat fontunu küçülttük */
    font-weight: 700;
    color: #2c3e50;
    line-height: 1; /* Satır yüksekliğini azalttık */
}

    .current-price .price-term {
        font-size: 0.65rem; /* "/ Yıllık" fontunu küçülttük */
        color: #7f8c8d;
        font-weight: normal;
    }

.discount-badge {
    font-size: 0.65rem !important; /* Badge font boyutunu küçülttük */
    padding: 0.2em 0.4em !important; /* Badge padding'ini azalttık */
    font-weight: 500;
    margin-bottom: 0.1rem; /* Badge alt boşluğu */
}

.monthly-reference {
    font-size: 0.7rem; /* Aylık referans fontunu küçülttük */
    color: #7f8c8d;
    line-height: 1; /* Satır yüksekliğini azalttık */
    margin-top: 0.1rem; /* Aylık referans üst boşluğu */
}

/* Removed .btn-buy-now styles */

.separator-row td {
    background-color: #3498db !important;
    padding: 0 !important;
    height: 6px; /* Ayırıcı yüksekliğini daha da azalttık */
    box-shadow: none !important;
}

.pricing-table tbody tr.separator-row:hover {
    transform: none;
    box-shadow: none;
}
