.test-info {
    background-color: #f0f8ff;
    border-left: 5px solid #1e90ff;
    padding: 15px;
    margin-top: 20px;
}


/* --- WHATSAPP BUTONU CSS KODLARI --- */

.whatsapp-sabit-ikon {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden; /* İçerik taşmasını engeller */
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* Güzel bir açılış animasyonu için */
    /* --- Mobil Varsayılan (Kapalı) Hali --- */
    width: 60px;
    height: 60px;
    background-color: #25D366;
    color: white !important;
    border-radius: 50%; /* Yuvarlak */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    text-decoration: none;
}

    .whatsapp-sabit-ikon .ana-ikon {
        font-size: 32px;
        transition: transform 0.3s ease;
    }

.whatsapp-icerik {
    display: flex;
    align-items: center;
    width: 0; /* Başlangıçta genişliği sıfır */
    opacity: 0; /* Başlangıçta görünmez */
    visibility: hidden;
    white-space: nowrap; /* Yazının alt satıra inmesini engeller */
    transition: width 0.4s ease, opacity 0.3s ease 0.1s; /* Gecikmeli geçiş */
}

    .whatsapp-icerik span {
        font-size: 16px;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 15px;
    }

    .whatsapp-icerik .kapat-btn {
        font-size: 20px;
        cursor: pointer;
        padding: 5px;
    }


/* --- Mobil Açık Hali --- */
.whatsapp-sabit-ikon.is-open {
    width: 250px; /* Genişlik artar */
    border-radius: 50px; /* Hap şekline döner */
    justify-content: flex-start; /* İçeriği sola yaslar */
    padding-left: 14px;
}

    .whatsapp-sabit-ikon.is-open .whatsapp-icerik {
        width: auto; /* Genişlik otomatik ayarlanır */
        opacity: 1;
        visibility: visible;
    }


/* --- Geniş Ekran (Masaüstü) Stilleri --- */
/* 768px ve üzeri ekranlar için */
@media (min-width: 768px) {
    /* Masaüstünde her zaman açık kalması için */
    .whatsapp-sabit-ikon {
        width: 250px;
        border-radius: 50px;
        justify-content: flex-start;
        padding-left: 14px;
    }

        .whatsapp-sabit-ikon:hover {
            background-color: #128C7E;
            transform: translateY(-50%) scale(1.05);
        }

    .whatsapp-icerik {
        width: auto;
        opacity: 1;
        visibility: visible;
    }

    .kapat-btn {
        display: none; /* Masaüstünde kapatma butonunu gizle */
    }
}