/*
 * Speaklyo Core — DilAktiv ders layout kalıcılığı
 * v1.0.3
 *
 * Amaç:
 * 1) Normal ders içeriklerini gerçek tam genişliğe yaymak.
 * 2) Quiz/Test başlığındaki sağ özet alanının, açıklama ve konu kartlarını daraltmasını engellemek.
 * 3) Konu kartlarının v1.0.4'teki kutulu görünümünü eksiksiz geri getirmek.
 */

body.single-da_lesson .dilaktiv-lesson-content.entry-content,
body.single-da_lesson .dilaktiv-lesson-content.entry-content > .dilaktiv-block-content,
body.single-da_lesson .dilaktiv-quiz-description,
body.single-da_lesson .dilaktiv-quiz-description > .dilaktiv-block-content {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Builder tek kolon: içerik her zaman mevcut alanın tamamını kullansın. */
body.single-da_lesson .dilaktiv-block-content {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

body.single-da_lesson .dilaktiv-block-content > * {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.single-da_lesson .dilaktiv-content-text,
body.single-da_lesson .dilaktiv-vocabulary-block,
body.single-da_lesson .dilaktiv-dialogue-block,
body.single-da_lesson .dilaktiv-learning-box,
body.single-da_lesson .dilaktiv-content-audio,
body.single-da_lesson .dilaktiv-content-video,
body.single-da_lesson .dilaktiv-download-card {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/*
 * KRİTİK QUIZ DÜZELTMESİ
 *
 * Core yapısında quiz header:
 *   .dilaktiv-quiz-header
 *      > div:first-child (eyebrow + h2 + quiz description)
 *      > .dilaktiv-quiz-summary
 *
 * Flex düzeninde description da ilk kolonun içinde kaldığı için sağda geniş boşluk oluşuyordu.
 * İlk sarmalı display:contents ile açıp description'ı iki kolona birden yayıyoruz.
 */
body.single-da_lesson .dilaktiv-quiz-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 20px !important;
    row-gap: 0 !important;
    align-items: start !important;
    width: 100% !important;
}

body.single-da_lesson .dilaktiv-quiz-header > div:first-child {
    display: contents !important;
}

body.single-da_lesson .dilaktiv-quiz-header > div:first-child > .dilaktiv-eyebrow {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
}

body.single-da_lesson .dilaktiv-quiz-header > div:first-child > h2 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
}

body.single-da_lesson .dilaktiv-quiz-header > .dilaktiv-quiz-summary {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    justify-self: end !important;
    max-width: 170px !important;
}

body.single-da_lesson .dilaktiv-quiz-header > div:first-child > .dilaktiv-quiz-description {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-top: 10px !important;
}

/* Dönüştürücü kart blokları */
body.single-da_lesson .speaklyo-migrated-card,
body.single-da_lesson .speaklyo-topic-grid-shell {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* v1.0.5+ title sınıfı + eski sürüm ilk child uyumluluğu */
body.single-da_lesson .speaklyo-topic-grid-title,
body.single-da_lesson .speaklyo-topic-grid-shell > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 11px !important;
    color: #5246c8 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
}

/* v1.0.5+ grid sınıfı + v1.0.1–1.0.4 eski markup uyumluluğu */
body.single-da_lesson .speaklyo-topic-grid,
body.single-da_lesson .speaklyo-topic-grid-shell > div:last-child {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-items: stretch !important;
    justify-items: stretch !important;
}

/* Kart görünümü tamamen geri geldi */
body.single-da_lesson .speaklyo-topic-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 132px !important;
    height: 100% !important;
    padding: 16px 17px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e6e2fb !important;
    border-top: 3px solid #6557f5 !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 16px rgba(54, 45, 120, .055) !important;
}

body.single-da_lesson .speaklyo-topic-card:hover {
    border-color: #d8d2ff !important;
    border-top-color: #6557f5 !important;
    box-shadow: 0 8px 22px rgba(54, 45, 120, .08) !important;
}

body.single-da_lesson .speaklyo-topic-card-title,
body.single-da_lesson .speaklyo-topic-card > div:first-child {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    color: #26213f !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

body.single-da_lesson .speaklyo-topic-card-body,
body.single-da_lesson .speaklyo-topic-card > div:last-child {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    color: #5b5a6c !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* Quiz içindeki ilk/son bloklarda gereksiz yatay boşluk olmasın. */
body.single-da_lesson .dilaktiv-quiz-description .dilaktiv-block-content,
body.single-da_lesson .dilaktiv-quiz-description .speaklyo-topic-grid-shell,
body.single-da_lesson .dilaktiv-quiz-description .speaklyo-migrated-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Tablet / mobil */
@media (max-width: 760px) {
    body.single-da_lesson .dilaktiv-quiz-header {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        gap: 8px !important;
    }

    body.single-da_lesson .dilaktiv-quiz-header > div:first-child {
        display: block !important;
    }

    body.single-da_lesson .dilaktiv-quiz-header > div:first-child > .dilaktiv-eyebrow,
    body.single-da_lesson .dilaktiv-quiz-header > div:first-child > h2,
    body.single-da_lesson .dilaktiv-quiz-header > div:first-child > .dilaktiv-quiz-description,
    body.single-da_lesson .dilaktiv-quiz-header > .dilaktiv-quiz-summary {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.single-da_lesson .dilaktiv-quiz-header > .dilaktiv-quiz-summary {
        justify-self: stretch !important;
        justify-content: flex-start !important;
        margin: 2px 0 8px !important;
    }

    body.single-da_lesson .speaklyo-topic-grid,
    body.single-da_lesson .speaklyo-topic-grid-shell > div:last-child {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 11px !important;
    }

    body.single-da_lesson .speaklyo-topic-card {
        min-height: 0 !important;
    }
}


/* =========================================================
 * Speaklyo dönüştürülmüş ders kartları — kalıcı Core tasarımı
 * Çok Dilli Dönüştürücü yalnız class üretir; görünüm burada yaşar.
 * ======================================================= */
body.single-da_lesson .speaklyo-migrated-card {
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    overflow-wrap:anywhere !important;
    border:1px solid #e5e1fa !important;
    border-left:4px solid #6b5cf6 !important;
    border-radius:15px !important;
    padding:16px 18px !important;
    margin:7px 0 13px !important;
    background:#faf9ff !important;
    color:#2b2750 !important;
    box-shadow:0 4px 14px rgba(42,35,96,.04) !important;
}
body.single-da_lesson .speaklyo-migrated-card-title {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 0 9px !important;
    color:inherit !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
}
body.single-da_lesson .speaklyo-migrated-card-body {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    color:#555468 !important;
    font-size:15.5px !important;
    line-height:1.7 !important;
}
body.single-da_lesson .speaklyo-migrated-card-body p{margin:0 0 9px !important;line-height:1.7 !important}
body.single-da_lesson .speaklyo-migrated-card-body ul,
body.single-da_lesson .speaklyo-migrated-card-body ol{margin:7px 0 7px 20px !important;padding:0 !important}
body.single-da_lesson .speaklyo-migrated-card-body li{margin:4px 0 !important;line-height:1.6 !important}
body.single-da_lesson .speaklyo-migrated-card-body strong{font-weight:800 !important;color:#2a2549 !important}
body.single-da_lesson .speaklyo-migrated-card-body table{width:100% !important;max-width:100% !important;border-collapse:separate !important;border-spacing:0 !important;background:#fff !important;border:1px solid #ece9f8 !important;border-radius:12px !important;overflow:hidden !important}
body.single-da_lesson .speaklyo-migrated-card-body th{padding:10px 12px !important;text-align:left !important;background:#f4f2ff !important;color:#332d70 !important;border-bottom:1px solid #e5e1fa !important;font-weight:800 !important}
body.single-da_lesson .speaklyo-migrated-card-body td{padding:10px 12px !important;vertical-align:top !important;border-bottom:1px solid #f0eef8 !important;color:#4f4e60 !important}

body.single-da_lesson .speaklyo-migrated-goal{background:#f7f5ff !important;border-color:#ded8ff !important;border-left-color:#6557f5 !important;color:#2b2558 !important}
body.single-da_lesson .speaklyo-migrated-grammar{background:#fff !important;border-color:#e8e5f6 !important;border-left-color:#6b5cf6 !important;color:#27243d !important}
body.single-da_lesson .speaklyo-migrated-warning{background:#fffaf2 !important;border-color:#f8d9aa !important;border-left-color:#e99717 !important;color:#633913 !important}
body.single-da_lesson .speaklyo-migrated-tip{background:#f4fcf8 !important;border-color:#c9ead8 !important;border-left-color:#28a26c !important;color:#194b35 !important}
body.single-da_lesson .speaklyo-migrated-task{background:#fff7fc !important;border-color:#edcce2 !important;border-left-color:#bf4d96 !important;color:#5e234d !important}
body.single-da_lesson .speaklyo-migrated-reading{background:#f7f9ff !important;border-color:#d6e0fa !important;border-left-color:#5279d6 !important;color:#25395d !important}
body.single-da_lesson .speaklyo-migrated-listening{background:#f3fbfd !important;border-color:#c8e8ef !important;border-left-color:#2786a0 !important;color:#1d4c59 !important}
body.single-da_lesson .speaklyo-migrated-info{background:#faf9ff !important;border-color:#e5e1fa !important;border-left-color:#6b5cf6 !important;color:#2b2750 !important}