/* ContaQuiz Tema Stilleri */
/* Varsayılan Mavi Tema (Mevcut stilin üzerine yazılabilir veya referans alınabilir) */
.contaquiz-theme-default-blue .cq-relative.cq-px-6.cq-py-6 { /* Başlık Alanı */
    background-image: linear-gradient(to right, #007bff, #0056b3) !important; /* Tailwind'i ezmek için !important gerekebilir */
    color: #ffffff;
}
.contaquiz-theme-default-blue .contaquiz-title, /* Bu seçiciler genel metinler için kalabilir veya başlık alanına özel olabilir */
.contaquiz-theme-default-blue .cq-text-2xl.cq-font-bold.cq-mb-2, /* Başlık metni */
.contaquiz-theme-default-blue .cq-text-sm.cq-opacity-90, /* Açıklama metni */
.contaquiz-theme-default-blue .contaquiz-question-text {
    color: #ffffff; /* Başlık alanındaki metinler beyaz */
}
.contaquiz-theme-default-blue .contaquiz-start-button,
.contaquiz-theme-default-blue .contaquiz-navigation button,
.contaquiz-theme-default-blue .contaquiz-answer-option,
.contaquiz-theme-default-blue .cq-bg-blue-500 { /* İlerleme çubuğu, soru numarası gibi diğer mavi elemanlar */
    background-color: #007bff !important;
    color: #ffffff;
    border-color: #0069d9;
}
.contaquiz-theme-default-blue .contaquiz-start-button:hover,
.contaquiz-theme-default-blue .contaquiz-navigation button:hover,
.contaquiz-theme-default-blue .contaquiz-answer-option:hover {
    background-color: #0056b3 !important;
}
.contaquiz-theme-default-blue .contaquiz-answer-option.selected {
    background-color: #0056b3 !important;
    border-color: #004085;
}

/* Ateş Kırmızısı Tema */
.contaquiz-theme-fire-red .cq-relative.cq-px-6.cq-py-6 { /* Başlık Alanı */
    background-image: linear-gradient(to right, #dc3545, #c82333) !important;
    color: #ffffff;
}
.contaquiz-theme-fire-red .contaquiz-title,
.contaquiz-theme-fire-red .cq-text-2xl.cq-font-bold.cq-mb-2,
.contaquiz-theme-fire-red .cq-text-sm.cq-opacity-90,
.contaquiz-theme-fire-red .contaquiz-question-text {
    color: #ffffff; /* Başlık alanındaki metinler beyaz */
}
.contaquiz-theme-fire-red .contaquiz-start-button,
.contaquiz-theme-fire-red .contaquiz-navigation button,
.contaquiz-theme-fire-red .contaquiz-answer-option,
.contaquiz-theme-fire-red .cq-bg-blue-500 { /* Mavi olan diğer elemanları da kırmızı yap */
    background-color: #dc3545 !important;
    color: #ffffff;
    border-color: #c82333;
}
.contaquiz-theme-fire-red .contaquiz-start-button:hover,
.contaquiz-theme-fire-red .contaquiz-navigation button:hover,
.contaquiz-theme-fire-red .contaquiz-answer-option:hover {
    background-color: #c82333 !important;
}
.contaquiz-theme-fire-red .contaquiz-answer-option.selected {
    background-color: #c82333 !important;
    border-color: #a71d2a;
}

/* Orman Yeşili Tema */
.contaquiz-theme-forest-green .cq-relative.cq-px-6.cq-py-6 { /* Başlık Alanı */
    background-image: linear-gradient(to right, #28a745, #1e7e34) !important;
    color: #ffffff;
}
.contaquiz-theme-forest-green .contaquiz-title,
.contaquiz-theme-forest-green .cq-text-2xl.cq-font-bold.cq-mb-2,
.contaquiz-theme-forest-green .cq-text-sm.cq-opacity-90,
.contaquiz-theme-forest-green .contaquiz-question-text {
    color: #ffffff; /* Başlık alanındaki metinler beyaz */
}
.contaquiz-theme-forest-green .contaquiz-start-button,
.contaquiz-theme-forest-green .contaquiz-navigation button,
.contaquiz-theme-forest-green .contaquiz-answer-option,
.contaquiz-theme-forest-green .cq-bg-blue-500 { /* Mavi olan diğer elemanları da yeşil yap */
    background-color: #28a745 !important;
    color: #ffffff;
    border-color: #1e7e34;
}
.contaquiz-theme-forest-green .contaquiz-start-button:hover,
.contaquiz-theme-forest-green .contaquiz-navigation button:hover,
.contaquiz-theme-forest-green .contaquiz-answer-option:hover {
    background-color: #1e7e34 !important;
}
.contaquiz-theme-forest-green .contaquiz-answer-option.selected {
    background-color: #1e7e34 !important;
    border-color: #155724;
}

/* Güneş Sarısı Tema */
.contaquiz-theme-sunshine-yellow .cq-relative.cq-px-6.cq-py-6 { /* Başlık Alanı */
    background-image: linear-gradient(to right, #ffc107, #e0a800) !important;
    color: #212529; /* Koyu metin */
}
.contaquiz-theme-sunshine-yellow .contaquiz-title,
.contaquiz-theme-sunshine-yellow .cq-text-2xl.cq-font-bold.cq-mb-2,
.contaquiz-theme-sunshine-yellow .cq-text-sm.cq-opacity-90,
.contaquiz-theme-sunshine-yellow .contaquiz-question-text {
    color: #212529; /* Başlık alanındaki metinler koyu */
}
.contaquiz-theme-sunshine-yellow .contaquiz-start-button,
.contaquiz-theme-sunshine-yellow .contaquiz-navigation button,
.contaquiz-theme-sunshine-yellow .contaquiz-answer-option,
.contaquiz-theme-sunshine-yellow .cq-bg-blue-500 { /* Mavi olan diğer elemanları da sarı yap */
    background-color: #ffc107 !important;
    color: #212529; /* Koyu metin */
    border-color: #e0a800;
}
.contaquiz-theme-sunshine-yellow .contaquiz-start-button:hover,
.contaquiz-theme-sunshine-yellow .contaquiz-navigation button:hover,
.contaquiz-theme-sunshine-yellow .contaquiz-answer-option:hover {
    background-color: #e0a800 !important;
}
.contaquiz-theme-sunshine-yellow .contaquiz-answer-option.selected {
    background-color: #e0a800 !important;
    border-color: #b8860b;
}

/* Modern Koyu Tema */
.contaquiz-theme-modern-dark .cq-relative.cq-px-6.cq-py-6 { /* Başlık Alanı */
    background-image: linear-gradient(to right, #343a40, #23272b) !important;
    color: #f8f9fa; /* Açık metin */
}
.contaquiz-theme-modern-dark .contaquiz-wrapper { /* Genel wrapper için de arka plan ve metin rengi */
    background-color: #212529 !important;
    color: #f8f9fa !important;
}
.contaquiz-theme-modern-dark .contaquiz-title,
.contaquiz-theme-modern-dark .cq-text-2xl.cq-font-bold.cq-mb-2,
.contaquiz-theme-modern-dark .cq-text-sm.cq-opacity-90,
.contaquiz-theme-modern-dark .contaquiz-question-text {
    color: #f8f9fa !important; /* Açık metin */
}
.contaquiz-theme-modern-dark .contaquiz-start-button,
.contaquiz-theme-modern-dark .contaquiz-navigation button,
.contaquiz-theme-modern-dark .contaquiz-answer-option,
.contaquiz-theme-modern-dark .cq-bg-blue-500 { /* Mavi olan diğer elemanları da tema rengine uydur */
    background-color: #495057 !important; /* Biraz daha açık gri butonlar */
    color: #f8f9fa;
    border-color: #343a40;
}
.contaquiz-theme-modern-dark .contaquiz-start-button:hover,
.contaquiz-theme-modern-dark .contaquiz-navigation button:hover,
.contaquiz-theme-modern-dark .contaquiz-answer-option:hover {
    background-color: #343a40 !important;
}
.contaquiz-theme-modern-dark .contaquiz-answer-option.selected {
    background-color: #007bff !important; /* Vurgu için mavi */
    border-color: #0056b3;
    color: #ffffff;
}
.contaquiz-theme-modern-dark .contaquiz-progress-bar-inner {
    background-color: #007bff !important; /* Vurgu için mavi */
}
.contaquiz-theme-modern-dark .contaquiz-description,
.contaquiz-theme-modern-dark .cq-text-sm.cq-font-medium.cq-text-gray-700, /* Soru sayısı, ilerleme yüzdesi */
.contaquiz-theme-modern-dark .contaquiz-timer,
.contaquiz-theme-modern-dark .cq-font-mono.cq-font-bold.cq-text-gray-700 { /* Timer metni */
    color: #adb5bd !important; /* Daha soluk metin */
}
.contaquiz-theme-modern-dark .cq-bg-gray-50 { /* İlerleme ve zamanlayıcı çubuğu arka planı */
    background-color: #343a40 !important;
}
.contaquiz-theme-modern-dark .cq-bg-gray-200 { /* İlerleme çubuğu dışı */
    background-color: #495057 !important;
}
.contaquiz-theme-modern-dark .contaquiz-prev-button {
    background-color: #6c757d !important;
    color: #f8f9fa !important;
}
.contaquiz-theme-modern-dark .contaquiz-prev-button:hover {
    background-color: #5a6268 !important;
}
.contaquiz-theme-modern-dark .contaquiz-questions.cq-p-6 { /* Soru alanı arka planı */
    background-color: #2c3034 !important; /* Wrapper'dan biraz daha açık */
}
.contaquiz-theme-modern-dark .contaquiz-answer { /* Cevap şıkkı kutusu */
    border-color: #495057 !important;
}
.contaquiz-theme-modern-dark .contaquiz-answer label span { /* Cevap şıkkı metni */
    color: #f8f9fa !important;
}
.contaquiz-theme-modern-dark input[type="radio"].cq-text-blue-500 {
    border-color: #6c757d !important; /* Radyo buton çerçevesi */
}
.contaquiz-theme-modern-dark input[type="radio"].cq-text-blue-500:checked {
    background-color: #007bff !important; /* Seçili radyo buton içi */
    border-color: #007bff !important;
}

/* Okyanus Esintisi (Gradyan) Tema */
.contaquiz-theme-ocean-breeze .cq-relative.cq-px-6.cq-py-6 {
    background-image: linear-gradient(to right, #2193b0, #6dd5ed) !important;
    color: #ffffff;
}
.contaquiz-theme-ocean-breeze .contaquiz-title,
.contaquiz-theme-ocean-breeze .cq-text-2xl.cq-font-bold.cq-mb-2,
.contaquiz-theme-ocean-breeze .cq-text-sm.cq-opacity-90,
.contaquiz-theme-ocean-breeze .contaquiz-question-text {
    color: #ffffff;
}
.contaquiz-theme-ocean-breeze .contaquiz-start-button,
.contaquiz-theme-ocean-breeze .contaquiz-navigation button,
.contaquiz-theme-ocean-breeze .contaquiz-answer-option,
.contaquiz-theme-ocean-breeze .cq-bg-blue-500 {
    background-color: #2193b0 !important; /* Gradyanın başlangıç rengi */
    color: #ffffff;
    border-color: #1c7b92;
}
.contaquiz-theme-ocean-breeze .contaquiz-start-button:hover,
.contaquiz-theme-ocean-breeze .contaquiz-navigation button:hover,
.contaquiz-theme-ocean-breeze .contaquiz-answer-option:hover {
    background-color: #1c7b92 !important;
}
.contaquiz-theme-ocean-breeze .contaquiz-answer-option.selected {
    background-color: #6dd5ed !important; /* Gradyanın bitiş rengi */
    border-color: #2193b0;
    color: #0f4c75; /* Kontrast için koyu mavi */
}

/* Gün Batımı Sıcaklığı (Gradyan) Tema */
.contaquiz-theme-sunset-warmth .cq-relative.cq-px-6.cq-py-6 {
    background-image: linear-gradient(to right, #ff4e50, #f9d423) !important;
    color: #ffffff;
}
.contaquiz-theme-sunset-warmth .contaquiz-title,
.contaquiz-theme-sunset-warmth .cq-text-2xl.cq-font-bold.cq-mb-2,
.contaquiz-theme-sunset-warmth .cq-text-sm.cq-opacity-90,
.contaquiz-theme-sunset-warmth .contaquiz-question-text {
    color: #ffffff;
}
.contaquiz-theme-sunset-warmth .contaquiz-start-button,
.contaquiz-theme-sunset-warmth .contaquiz-navigation button,
.contaquiz-theme-sunset-warmth .contaquiz-answer-option,
.contaquiz-theme-sunset-warmth .cq-bg-blue-500 {
    background-color: #ff4e50 !important;
    color: #ffffff;
    border-color: #e03e40;
}
.contaquiz-theme-sunset-warmth .contaquiz-start-button:hover,
.contaquiz-theme-sunset-warmth .contaquiz-navigation button:hover,
.contaquiz-theme-sunset-warmth .contaquiz-answer-option:hover {
    background-color: #e03e40 !important;
}
.contaquiz-theme-sunset-warmth .contaquiz-answer-option.selected {
    background-color: #f9d423 !important;
    border-color: #ff4e50;
    color: #a16207; /* Koyu sarı/kahve */
}

/* Lavanta Rüyası (Gradyan) Tema */
.contaquiz-theme-lavender-dream .cq-relative.cq-px-6.cq-py-6 {
    background-image: linear-gradient(to right, #cc95c0, #dbd4b4, #7aa1d2) !important;
    color: #3c1053; /* Koyu mor metin */
}
.contaquiz-theme-lavender-dream .contaquiz-title,
.contaquiz-theme-lavender-dream .cq-text-2xl.cq-font-bold.cq-mb-2,
.contaquiz-theme-lavender-dream .cq-text-sm.cq-opacity-90,
.contaquiz-theme-lavender-dream .contaquiz-question-text {
    color: #3c1053;
}
.contaquiz-theme-lavender-dream .contaquiz-start-button,
.contaquiz-theme-lavender-dream .contaquiz-navigation button,
.contaquiz-theme-lavender-dream .contaquiz-answer-option,
.contaquiz-theme-lavender-dream .cq-bg-blue-500 {
    background-color: #cc95c0 !important;
    color: #ffffff;
    border-color: #b07bac;
}
.contaquiz-theme-lavender-dream .contaquiz-start-button:hover,
.contaquiz-theme-lavender-dream .contaquiz-navigation button:hover,
.contaquiz-theme-lavender-dream .contaquiz-answer-option:hover {
    background-color: #b07bac !important;
}
.contaquiz-theme-lavender-dream .contaquiz-answer-option.selected {
    background-color: #7aa1d2 !important;
    border-color: #cc95c0;
    color: #ffffff;
}

/* Tropik Orman (Gradyan) Tema */
.contaquiz-theme-tropical-forest .cq-relative.cq-px-6.cq-py-6 {
    background-image: linear-gradient(to right, #00b09b, #96c93d) !important;
    color: #ffffff;
}
.contaquiz-theme-tropical-forest .contaquiz-title,
.contaquiz-theme-tropical-forest .cq-text-2xl.cq-font-bold.cq-mb-2,
.contaquiz-theme-tropical-forest .cq-text-sm.cq-opacity-90,
.contaquiz-theme-tropical-forest .contaquiz-question-text {
    color: #ffffff;
}
.contaquiz-theme-tropical-forest .contaquiz-start-button,
.contaquiz-theme-tropical-forest .contaquiz-navigation button,
.contaquiz-theme-tropical-forest .contaquiz-answer-option,
.contaquiz-theme-tropical-forest .cq-bg-blue-500 {
    background-color: #00b09b !important;
    color: #ffffff;
    border-color: #008a79;
}
.contaquiz-theme-tropical-forest .contaquiz-start-button:hover,
.contaquiz-theme-tropical-forest .contaquiz-navigation button:hover,
.contaquiz-theme-tropical-forest .contaquiz-answer-option:hover {
    background-color: #008a79 !important;
}
.contaquiz-theme-tropical-forest .contaquiz-answer-option.selected {
    background-color: #96c93d !important;
    border-color: #00b09b;
    color: #224e00; /* Koyu yeşil */
}


/* ContaQuiz Genel Stilleri */
.contaquiz-container {
    /* Konteyner için genel stiller */
    font-family: sans-serif; /* Temel bir font ailesi belirleyelim */
}

/* Genel Soru ve Cevap Alanları */
.contaquiz-questions {
    padding: 1.5rem; /* cq-p-6 */
}

.contaquiz-question {
    margin-bottom: 2rem; /* Sorular arası boşluk */
}

.contaquiz-question .cq-text-lg { /* Soru metni */
    font-size: 1.125rem; /* text-lg */
    line-height: 1.75rem;
    font-weight: 500; /* font-medium */
    margin-bottom: 1.5rem; /* cq-mb-6 */
    color: #374151; /* Koyu gri, tema tarafından ezilirse diye */
}

.contaquiz-question .cq-text-lg .cq-inline-block.cq-bg-blue-500 { /* Soru numarası balonu */
    display: inline-block;
    background-color: #3b82f6 !important; /* Tailwind blue-500 */
    color: #ffffff !important;
    border-radius: 9999px;
    width: 1.75rem; /* cq-w-7 */
    height: 1.75rem; /* cq-h-7 */
    text-align: center;
    line-height: 1.75rem; /* cq-leading-7 */
    margin-right: 0.5rem; /* cq-mr-2 */
}


.contaquiz-answers {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr)); /* cq-grid cq-grid-cols-1 */
    gap: 0.75rem; /* cq-gap-3 */
}

@media (min-width: 768px) { /* md:cq-grid-cols-2 */
    .contaquiz-answers {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.contaquiz-answer {
    border: 1px solid #e5e7eb !important; /* cq-border cq-border-gray-200 */
    border-radius: 0.5rem !important; /* cq-rounded-lg */
    cursor: pointer !important; /* cq-cursor-pointer */
    transition: all 0.15s ease-in-out !important; /* cq-transition-all */
    overflow: hidden !important; /* cq-overflow-hidden */
    background-color: #ffffff !important; /* Varsayılan arka plan */
}

.contaquiz-answer:hover {
    border-color: #d1d5db !important; /* Gri-300 */
    background-color: #f9fafb !important; /* Gri-50 */
}

.contaquiz-answer.selected,
.contaquiz-answer.cq-bg-blue-50.cq-border-blue-500 { /* Seçili veya tema tarafından vurgulanan */
    background-color: #eff6ff !important; /* Tailwind blue-50 */
    border-color: #3b82f6 !important; /* Tailwind blue-500 */
}

.contaquiz-answer label.cq-flex {
    display: flex !important;
    align-items: center !important;
    padding: 1rem !important; /* cq-p-4 */
    cursor: pointer !important;
    width: 100% !important;
    height: 100% !important;
    color: #374151; /* Metin rengi */
}

.contaquiz-answer input[type="radio"].cq-w-5 {
    width: 1.25rem !important; /* cq-w-5 */
    height: 1.25rem !important; /* cq-h-5 */
    margin-right: 0.75rem !important; /* cq-mr-3 */
    color: #3b82f6 !important; /* cq-text-blue-500 */
    border-color: #9ca3af !important; /* Gri-400 */
    border-width: 1px !important;
    border-radius: 9999px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
.contaquiz-answer input[type="radio"].cq-w-5:checked {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
}
.contaquiz-answer input[type="radio"].cq-w-5:checked::before {
    content: "";
    display: block;
    width: 0.625rem; /* İç daire boyutu */
    height: 0.625rem;
    margin: 2px; /* Kenarlardan boşluk */
    background-color: white;
    border-radius: 50%;
}


.contaquiz-container .contaquiz-answer label.cq-flex span.cq-flex-1 {
    flex: 1 1 0% !important;
    display: block !important; /* Tam genişlikte davranması ve metin akışını kontrol etmek için */
    min-width: 0 !important; /* Flex item'ın gerektiğinde küçülebilmesi için */
    width: auto !important; /* Genişliğin esnek kalmasını sağlar */
    padding: 0 !important; /* Span içindeki olası tema padding'lerini sıfırlar */
    margin: 0 !important; /* Span içindeki olası tema margin'lerini sıfırlar */
    word-wrap: break-word !important; /* Uzun kelimelerin doğru şekilde alt satıra geçmesi için */
    overflow-wrap: break-word !important; /* word-wrap'ın standart karşılığı */
    white-space: normal !important; /* Metnin normal şekilde kaydırılmasını sağlar, tema tarafından ezilmesini engeller */
    line-height: 1.5 !important; /* Okunabilirlik için satır yüksekliğini ayarlar */
    text-align: left !important; /* Metni sola hizalar */
    color: #374151 !important; /* Temanın metin rengini ezmesini engellemek için varsayılan bir renk belirler (Tailwind gray-700) */
    float: none !important; /* Tema tarafından uygulanabilecek float'ları temizler */
    position: static !important; /* Tema tarafından uygulanabilecek position değerlerini sıfırlar */
    vertical-align: baseline !important; /* display:block ile daha uyumlu */
}

/* Navigasyon Butonları */
.contaquiz-navigation {
    margin-top: 2rem !important; /* cq-mt-8 */
    display: flex !important;
    justify-content: space-between !important;
}

.contaquiz-navigation button {
    padding: 0.5rem 1rem !important; /* cq-px-4 cq-py-2 */
    border-radius: 0.375rem !important; /* cq-rounded */
    font-weight: 500 !important; /* cq-font-medium */
    transition: background-color 0.15s ease-in-out !important; /* cq-transition-colors */
    cursor: pointer !important;
    border: none !important;
}

.contaquiz-prev-button {
    background-color: #e5e7eb !important; /* cq-bg-gray-200 */
    color: #374151 !important; /* cq-text-gray-700 */
}
.contaquiz-prev-button:hover {
    background-color: #d1d5db !important; /* hover:cq-bg-gray-300 */
}

.contaquiz-next-button {
    background-color: #3b82f6 !important; /* cq-bg-blue-500 */
    color: #ffffff !important; /* cq-text-white */
}
.contaquiz-next-button:hover {
    background-color: #2563eb !important; /* hover:cq-bg-blue-600 */
}
.contaquiz-next-button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.contaquiz-submit-button {
    background-color: #22c55e !important; /* cq-bg-green-500 */
    color: #ffffff !important; /* cq-text-white */
    display: none; /* Başlangıçta gizli */
}
.contaquiz-submit-button:hover {
    background-color: #16a34a !important; /* hover:cq-bg-green-600 */
}
.contaquiz-submit-button:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}


.contaquiz-question-image img,
.contaquiz-question-media img {
    max-width: 100%; /* Resmin container genişliğini aşmamasını sağlar */
    height: auto;    /* Resmin en-boy oranını korur */
    display: block;  /* Resmin altında oluşabilecek gereksiz boşlukları engeller */
    margin-left: auto; 
    margin-right: auto;
    object-fit: contain; /* Resmin tamamının görünmesini sağlar, gerekirse boşluk bırakır */
}

.contaquiz-question-media {
    width: 100%; /* Mobil cihazlarda container'ın tam genişlikte olmasını sağlar */
    overflow: hidden; /* Gerekirse taşmaları engeller, ancak object-fit ile buna gerek kalmamalı */
    margin-bottom: 2.5rem !important; /* Seçeneklerin üzerine taşmayı engellemek için alt boşluk artırıldı (1.5rem'den 2.5rem'e) */
    display: flex; /* İçeriği ortalamak için */
    justify-content: center; /* İçeriği yatayda ortala */
    align-items: center; /* İçeriği dikeyde ortala */
}

/* Mobil cihazlar için özel resim boyutlandırması (örneğin 767px altı) */
@media (max-width: 767px) {
    .contaquiz-question-media img {
        max-width: 480px; /* İstenen maksimum genişlik */
        max-height: 300px; /* İstenen maksimum yükseklik */
        width: auto; /* En-boy oranını korurken max değerlere uyar */
        height: auto; /* En-boy oranını korurken max değerlere uyar */
        object-fit: contain; /* Resmin tamamının görünmesini sağlar */
    }
    /* Eğer video için de özel mobil boyut isteniyorsa buraya eklenebilir */
    .contaquiz-question-media .wp-video,
    .contaquiz-question-media video {
        max-width: 100%; /* Mobil için videoların container'a sığmasını sağlarız */
        width: 100%;     /* Shortcode'dan gelen inline stili ezmek için !important kaldırıldı */
        height: auto;    /* Shortcode'dan gelen inline stili ezmek için !important kaldırıldı */
        display: block;  /* Videonun blok element gibi davranmasını sağlar */
    }
}

/* Video oynatıcı için ek stiller (gerekirse) */
.contaquiz-question-media .wp-video { /* WordPress video oynatıcısının sarmalayıcısı */
    max-width: 100%; /* Container'a sığmasını sağlar */
    margin: 0 auto; /* Ortalamak için */
}

.contaquiz-question-media video {
    max-width: 100%;
    height: auto; 
    display: block;
    margin: 0 auto;
}


/* Sonuçlar sayfasındaki dairesel grafik için stiller (Tailwind'e ek olarak) */
.cq-stroke-current {
    stroke: currentColor;
}

/* SVG path renkleri için doğrudan CSS tanımlamaları */
.cq-text-red-200 { 
    color: #fecaca; /* Tailwind red-200 */
}
.cq-text-green-500 { 
    color: #22c55e; /* Tailwind green-500 */
}

/* Sonuç sayfasındaki "Çalışma yapılıyor..." mesajı için özel stil (Artık kullanılmıyor olabilir ama kalsın) */
.cq-working-message {
    color: #dc2626; 
    font-weight: 700; 
    font-size: 1.5rem; 
    line-height: 2rem; 
    text-align: center;
    padding: 2rem; 
}

/* Yeni Sonuç Sayfası Stilleri */
.cq-results-wrapper {
    padding: 1.5rem; /* p-6 */
    max-width: 79rem; /* Masaüstü için 80rem'den 79rem'e düşürüldü */
    margin-left: auto;
    margin-right: auto;
    background-image: linear-gradient(to bottom right, #ffffff, #f1f5f9);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border-radius: 0.75rem; 
}

.cq-results-summary {
    text-align: center;
    padding: 1.5rem; 
    margin-bottom: 2rem; 
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); 
    border-radius: 0.75rem; 
    transition: all 0.3s ease-in-out;
    color: #374151; /* Varsayılan metin rengi (koyu gri) */
}
.cq-results-summary.text-white { /* gradeClass'tan gelirse */
    color: #ffffff !important;
}
.cq-results-summary:hover {
    transform: scale(1.01);
}

.cq-summary-header {
    margin-bottom: 0.5rem; 
}

.cq-quiz-status {
    display: inline-block;
    padding: 0.25rem 1rem;
    border-radius: 9999px; 
    background-color: rgba(255, 255, 255, 0.3); 
    font-size: 0.875rem; 
    font-weight: 700; 
    margin-bottom: 0.5rem; 
    /* Renk, ana .cq-results-summary'den miras alınacak veya gradeClass ile belirlenecek */
}

.cq-test-title {
    font-size: 1.875rem; 
    line-height: 2.25rem; 
    font-weight: 800; 
    margin-bottom: 0.25rem; 
    /* Renk, ana .cq-results-summary'den miras alınacak veya gradeClass ile belirlenecek */
}
@media (min-width: 768px) {
    .cq-test-title {
        font-size: 2.25rem; 
        line-height: 2.5rem; 
    }
}

.cq-grade-text {
    opacity: 0.9; 
    /* Renk, ana .cq-results-summary'den miras alınacak veya gradeClass ile belirlenecek */
}

.cq-score-display {
    font-size: 3rem; 
    line-height: 1;
    font-weight: 800; 
    margin-bottom: 1rem; 
    display: flex;
    align-items: center;
    justify-content: center;
    /* Renk, ana .cq-results-summary'den miras alınacak veya gradeClass ile belirlenecek */
}
@media (min-width: 768px) {
    .cq-score-display {
        font-size: 3.75rem; 
    }
}

.cq-score-separator {
    opacity: 0.7; 
    margin-left: 0.5rem; 
    margin-right: 0.5rem; 
    /* Renk, ana .cq-results-summary'den miras alınacak veya gradeClass ile belirlenecek */
}

.cq-total-questions-display {
    opacity: 0.9; 
    /* Renk, ana .cq-results-summary'den miras alınacak veya gradeClass ile belirlenecek */
}

.cq-progress-circle-container {
    margin-top: 1.5rem; 
    margin-bottom: 1.5rem; 
    display: flex;
    justify-content: center;
    position: relative; /* Metni ortalamak için */
    width: 12rem; /* md:w-48 */
    height: 12rem; /* md:h-48 */
    margin-left: auto;
    margin-right: auto;
}

.cq-progress-circle {
    width: 100%; 
    height: 100%; 
}

.cq-progress-circle-bg,
.cq-progress-circle-fg {
    fill: none;
    stroke-width: 4; /* Biraz daha kalın çizgi */
    transform-origin: 50% 50%;
    transform: rotate(-90deg); 
}

.cq-progress-circle-bg {
    stroke: #fecaca; /* Tailwind pink-300 (açık kırmızı/pembe) */
    opacity: 0.5;
}

.cq-progress-circle-fg {
    stroke: #22c55e; /* Tailwind green-500 (yeşil) */
    stroke-linecap: round;
    transition: stroke-dasharray 0.5s ease-out;
}

.cq-progress-circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.25rem; /* md:text-4xl */
    font-weight: 700; 
    /* Renk, ana .cq-results-summary'den miras alınacak veya gradeClass ile belirlenecek */
}


.cq-summary-footer-text {
    font-size: 1.125rem; 
    font-weight: 500; 
    margin-bottom: 1rem; 
    /* Renk, ana .cq-results-summary'den miras alınacak veya gradeClass ile belirlenecek */
}
@media (min-width: 768px) {
    .cq-summary-footer-text {
        font-size: 1.25rem; 
    }
}

.cq-stats-container {
    display: flex;
    justify-content: space-around;
    align-items: stretch; 
    gap: 1rem; /* md:space-x-4 */
    font-size: 0.875rem; 
    margin-top: 1rem;
}
@media (min-width: 768px) {
    .cq-stats-container {
        font-size: 1rem; 
    }
}

.cq-stat-box {
    background-color: rgba(255, 255, 255, 0.2); 
    border-radius: 0.5rem; 
    padding: 0.75rem; 
    text-align: center;
    min-width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1; 
    /* Metin rengi .cq-results-summary'den miras alınacak */
}
@media (min-width: 768px) {
    .cq-stat-box {
        min-width: 100px;
    }
}

.cq-stat-label {
    font-weight: 600; 
    margin-bottom: 0.25rem; 
}

.cq-stat-value {
    font-size: 1.25rem; 
    font-weight: 800; 
}
@media (min-width: 768px) {
    .cq-stat-value {
        font-size: 1.5rem; 
    }
}

.cq-detailed-results-placeholder {
    margin-top: 2rem; 
    margin-bottom: 2rem; 
}

.cq-restart-button-container {
    margin-top: 2.5rem; 
    padding-top: 1.5rem; 
    border-top: 1px solid #e2e8f0; 
    text-align: center;
}

.cq-restart-button-custom {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem; /* px-8 py-4'ten biraz daha küçük */
    border: 1px solid transparent;
    font-size: 1rem; /* text-lg'den biraz daha küçük */
    font-weight: 700; 
    border-radius: 0.5rem; /* rounded-lg, rounded-full değil */
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); 
    color: #ffffff; 
    background-image: linear-gradient(to right, #ef4444, #ec4899); /* Kırmızı gradyan */
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.cq-restart-button-custom:hover {
    background-image: linear-gradient(to right, #dc2626, #db2777); 
    transform: scale(1.05);
}

.cq-restart-button-custom:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.5); 
}

.cq-restart-icon {
    width: 1.25rem; /* h-5 w-5 */
    height: 1.25rem; /* h-5 w-5 */
    margin-right: 0.5rem; 
    animation: cq-spin 3s linear infinite;
}

/* Detaylı Sonuçlar Butonu */
.cq-detailed-results-controls {
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.cq-show-details-button {
    display: inline-flex;
    align-items: center;
    padding: 0.625rem 1.25rem; /* py-2.5 px-5 */
    border: 1px solid transparent;
    font-size: 0.875rem; /* text-sm */
    font-weight: 500; /* font-medium */
    border-radius: 0.375rem; /* rounded-md */
    color: #ffffff;
    background-color: #3b82f6; /* bg-blue-600 */
    transition: background-color 0.15s ease-in-out;
    cursor: pointer;
}

.cq-show-details-button:hover {
    background-color: #2563eb; /* hover:bg-blue-700 */
}

/* Detaylı Sonuçlar Sarmalayıcısı */
.cq-detailed-results-wrapper {
    margin-top: 1rem;
    border-top: 1px solid #e2e8f0; /* border-slate-200 */
    padding-top: 1rem;
}

.cq-detailed-results-list {
    display: flex;
    flex-direction: column;
    gap: 1rem; /* Aralarındaki boşluk */
}

/* Tekil Soru Sonuç Kartı */
.cq-result-item {
    border: 1px solid #e2e8f0; /* border-slate-200 */
    border-radius: 0.5rem; /* rounded-lg */
    padding: 1rem; /* p-4 */
    background-color: #ffffff; /* bg-white */
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1); /* shadow */
}

.cq-result-item-correct {
    border-left: 4px solid #22c55e; /* border-l-4 border-green-500 */
    background-color: #f0fdf4; /* bg-green-50 */
}

.cq-result-item-incorrect {
    border-left: 4px solid #ef4444; /* border-l-4 border-red-500 */
    background-color: #fef2f2; /* bg-red-50 */
}

.cq-result-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem; /* mb-3 */
}

.cq-result-question-title {
    font-size: 1.125rem; /* text-lg */
    font-weight: 600; /* font-semibold */
    color: #1f2937; /* text-gray-800 */
    margin-right: 1rem;
}

.cq-result-status {
    font-size: 0.875rem; /* text-sm */
    font-weight: 700; /* font-bold */
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem; /* rounded */
}

.cq-result-item-correct .cq-result-status {
    background-color: #22c55e; /* bg-green-500 */
    color: #ffffff;
}

.cq-result-item-incorrect .cq-result-status {
    background-color: #ef4444; /* bg-red-500 */
    color: #ffffff;
}

.cq-result-question-media {
    margin-top: 0.75rem; /* my-3 */
    margin-bottom: 0.75rem; /* my-3 */
    text-align: center;
}
.cq-result-question-media img,
.cq-result-question-media video {
    max-width: 100%;
    height: auto;
    border-radius: 0.375rem; /* rounded-md */
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); /* shadow-sm */
}

.cq-result-answers {
    margin-top: 0.75rem; /* mt-3 */
    display: flex;
    flex-direction: column;
    gap: 0.5rem; /* space-y-2 */
}

.cq-result-choice {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem; /* p-2 px-3 */
    border: 1px solid #e5e7eb; /* border-gray-200 */
    border-radius: 0.375rem; /* rounded-md */
    font-size: 0.875rem; /* text-sm */
    color: #374151; /* text-gray-700 */
}

.cq-result-choice .cq-icon {
    margin-right: 0.5rem; /* mr-2 */
    font-weight: bold;
}
.cq-icon-correct { color: #16a34a; /* text-green-600 */ }
.cq-icon-incorrect { color: #dc2626; /* text-red-600 */ }
.cq-icon-correct-hidden { color: #16a34a; opacity: 0.7; } /* Doğru ama seçilmemiş şık için */


.cq-user-correct {
    background-color: #dcfce7; /* bg-green-100 */
    border-color: #22c55e; /* border-green-500 */
    color: #15803d; /* text-green-700 */
}
.cq-user-incorrect {
    background-color: #fee2e2; /* bg-red-100 */
    border-color: #ef4444; /* border-red-500 */
    color: #b91c1c; /* text-red-700 */
}
.cq-is-correct-answer:not(.cq-user-correct) { /* Kullanıcı yanlış seçtiyse doğru cevabı vurgula */
    /* background-color: #f0fdf4; */ /* Hafif yeşil arka plan */
    /* border-color: #86efac; */
}


.cq-result-explanation {
    margin-top: 1rem; /* mt-4 */
    padding-top: 0.75rem; /* pt-3 */
    border-top: 1px dashed #d1d5db; /* border-t border-dashed border-gray-300 */
    font-size: 0.875rem; /* text-sm */
    color: #4b5563; /* text-gray-600 */
}
.cq-explanation-title {
    font-weight: 600; /* font-semibold */
    margin-bottom: 0.25rem; /* mb-1 */
    color: #374151; /* text-gray-700 */
}


/* Diğer özel stiller buraya eklenebilir */

/* Mobil Cihazlar İçin Duyarlı Tasarım Ayarlamaları */
@media (max-width: 639px) { /* sm breakpoint altı */
    /* Test Sonu İstatistik Kutuları */
    .cq-stats-container {
        gap: 0.5rem; /* Kutular arası boşluğu azalt */
        font-size: 0.8rem; /* Genel font boyutunu biraz küçült */
    }
    .cq-stat-box {
        padding: 0.5rem; /* İç boşluğu azalt */
        min-width: 0; /* Minimum genişliği kaldır, esnek olsun */
    }
    .cq-stat-label {
        font-size: 0.7rem; /* Etiket fontunu küçült */
        margin-bottom: 0.125rem;
    }
    .cq-stat-value {
        font-size: 1rem; /* Değer fontunu küçült */
    }

    /* Detaylı Sonuçlar Durum Etiketleri (Falsch vb.) */
    .cq-result-status {
        font-size: 0.7rem; /* Fontu küçült */
        padding: 0.125rem 0.375rem; /* İç boşluğu azalt */
    }

    /* Detaylı Sonuç Kartları */
    .cq-result-item {
        padding: 0.75rem; /* İç boşluğu azalt */
    }
    .cq-result-question-title {
        font-size: 1rem; /* Soru başlığını biraz küçült */
    }
    .cq-result-choice {
        font-size: 0.8rem; /* Seçenek metnini biraz küçült */
        padding: 0.375rem 0.5rem;
    }
    .cq-result-choice .cq-icon {
        margin-right: 0.375rem;
    }
    .cq-explanation-title {
        font-size: 0.8rem;
    }
    .cq-result-explanation {
        font-size: 0.8rem;
    }

    /* Mobil için ana konteynerlerin kenar boşluklarını azalt */
    .contaquiz-container,
    .cq-results-wrapper {
        padding-left: 0.3125rem !important; /* Yaklaşık 5px (0.5rem - 3px) */
        padding-right: 0.3125rem !important; /* Yaklaşık 5px (0.5rem - 3px) */
        margin-top: 1rem !important; /* Mobil için dikey boşluğu azalt */
        margin-bottom: 1rem !important; /* Mobil için dikey boşluğu azalt */
    }

    .cq-results-wrapper {
        /* Dikey padding'i koru, yatay padding zaten yukarıda ayarlandı */
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        /* padding-left ve padding-right yukarıdaki genel kuraldan miras alınır */
    }

    /* Test ekranı başlık alanı için mobil padding ayarı */
    .contaquiz-container .cq-relative.cq-px-6.cq-py-6 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    /* Test ekranı sorular alanı için mobil padding ayarı */
    .contaquiz-container .contaquiz-questions.cq-p-6 {
        padding: 1rem !important;
    }
}

/* İstenmeyen <code> etiketi stillerini sıfırla */
.contaquiz-container code,
.cq-results-wrapper code {
    background-color: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    border: none !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Detaylı sonuçlar için ek stiller */
.cq-result-item-partial {
    border-left: 4px solid #facc15; /* Tailwind yellow-400 */
    background-color: #fefce8; /* Tailwind yellow-50 */
}

.cq-result-choice.cq-missed-correct .cq-choice-text {
    font-style: italic;
    color: #059669; /* Tailwind green-600 gibi, kaçırılan doğruyu belirtmek için */
}

.cq-result-choice.cq-missed-correct .cq-icon-correct-hidden {
    opacity: 0.6; /* İkonu biraz soluklaştır */
}

/* Kullanıcının yanlış seçtiği şık için daha belirgin bir stil (isteğe bağlı) */
.cq-result-choice.cq-user-incorrect {
    background-color: #fee2e2; /* Tailwind red-100 */
    border-color: #ef4444; /* Tailwind red-500 */
    color: #b91c1c; /* Tailwind red-700 */
}
.cq-result-choice.cq-user-incorrect .cq-icon-incorrect {
    color: #ef4444; /* Kırmızı ikonu daha belirgin yap */
}

/* Kullanıcının doğru seçtiği şık için daha belirgin bir stil (isteğe bağlı) */
.cq-result-choice.cq-user-correct {
    background-color: #dcfce7; /* Tailwind green-100 */
    border-color: #22c55e; /* Tailwind green-500 */
    color: #15803d; /* Tailwind green-700 */
}
.cq-result-choice.cq-user-correct .cq-icon-correct {
    color: #16a34a; /* Yeşil ikonu daha belirgin yap */
}