/* ========================================
   DDI Akademi - Atölye kartları ve katlanan ayrıntı
   Yalnız .kurs-* sınıfları; mevcut bileşenleri yeniden biçimlendirmez.
   ======================================== */
:root {
    --kurs-paper: #fffdf9;
    --kurs-paper-2: #f6efdd;
    --kurs-ink: #221c15;
    --kurs-ink-2: #6b5f4c;
    --kurs-hairline: #e6dcc6;
    --kurs-ease: cubic-bezier(.22, .9, .26, 1);
}

/* Açılan kart komşularını büyütmesin */
.workshops-grid { align-items: start; }

/* WhatsApp eylemi: yeşil, böylece düğmenin nereye gittiği belli */
.btn-whatsapp { background: #1f9d55; color: #fff; box-shadow: 0 4px 15px rgba(31, 157, 85, .25); }
.btn-whatsapp:hover { background: #178447; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(31, 157, 85, .3); }
.btn-whatsapp i { font-size: 1.1em; }

/* Tek açık atölye: ızgarada yalnız kalmasın, geniş vitrin kartı olsun */
.workshops-grid.kurs-single { grid-template-columns: 1fr; }
.kurs-single .kurs-card { display: grid; grid-template-columns: minmax(260px, 38%) 1fr; }
.kurs-single .kurs-card .kurs-cover { height: 100%; min-height: 280px; }
.kurs-single .kurs-card .workshop-content { padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-lg); align-self: center; }
.kurs-single .kurs-card .workshop-content h3 { font-size: 1.6rem; }
.kurs-single .kurs-card .workshop-content > p { font-size: 1rem; }
.kurs-single .kurs-card .workshop-actions { justify-content: flex-start; }
.kurs-single .kurs-card .workshop-actions .btn { flex: 0 1 auto; padding: var(--spacing-md) var(--spacing-xl); }
.kurs-single .kurs-card .kurs-fold { grid-column: 1 / -1; }
@media (max-width: 760px) {
    .kurs-single .kurs-card { display: block; }
    .kurs-single .kurs-card .kurs-cover { height: 200px; min-height: 0; }
}

/* Kapak */
.kurs-cover { position: relative; height: 200px; overflow: hidden; background: #15110c; }
.kurs-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kurs-cover img.kurs-photo { object-position: 50% 22%; filter: sepia(.12) saturate(1.05); }
.kurs-cover .workshop-badge { max-width: calc(100% - 2rem); overflow-wrap: anywhere; }
.workshop-badge.kurs-badge-yakinda { background: #faedc2; color: #8a6a10; }
.workshop-badge.kurs-badge-gecmis { background: rgba(0, 0, 0, .6); color: #fff; }
.kurs-avatar { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; margin-right: 2px; }
.kurs-card .workshop-actions { flex-wrap: wrap; }
.kurs-card .workshop-content p { overflow-wrap: anywhere; }
.past-workshops.workshops-grid .kurs-card { opacity: 1; }

/* ---- Katlanan ayrıntı: zarftan çıkan mektup / kitabın arka kapağı ----
   Dış sarmalayıcı yüksekliği 0fr→1fr büyür (komşular yumuşak kayar),
   kâğıt yaprağı üst kenarından menteşeli, -80°'den düzleşerek açılır.
   Kâğıt opak: 3B dönüşüm ile backdrop-filter aynı katmanda çakışmasın. */
.kurs-fold {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .55s var(--kurs-ease);
}
.kurs-fold-inner { min-height: 0; overflow: hidden; perspective: 1400px; }
.kurs-leaf {
    position: relative;
    margin: 0 var(--spacing-md) var(--spacing-md);
    padding: 1.25rem 1.35rem 1.4rem;
    background:
        linear-gradient(180deg, rgba(34, 28, 21, .10), rgba(34, 28, 21, 0) 18%),
        repeating-linear-gradient(180deg, transparent 0 27px, rgba(107, 95, 76, .07) 27px 28px),
        linear-gradient(180deg, var(--kurs-paper), var(--kurs-paper-2));
    border: 1px solid var(--kurs-hairline);
    border-top: 1px dashed #d3c4a4;
    border-radius: 4px 4px 14px 14px;
    box-shadow: 0 10px 24px rgba(34, 28, 21, .10), inset 0 1px 0 rgba(255, 255, 255, .8);
    color: var(--kurs-ink);
    transform-origin: 50% 0;
    transform: rotateX(-80deg);
    opacity: 0;
    visibility: hidden;
    transition: transform .6s var(--kurs-ease), opacity .35s ease, visibility 0s linear .6s;
}
.kurs-leaf::after {
    /* kıvrım gölgesi: kapalıyken koyu, açıldıkça silinir */
    content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: linear-gradient(180deg, rgba(34, 28, 21, .22), rgba(34, 28, 21, 0) 55%);
    opacity: 1; transition: opacity .6s var(--kurs-ease);
}
.kurs-card.is-open .kurs-fold { grid-template-rows: 1fr; }
.kurs-card.is-open .kurs-leaf { transform: rotateX(0); opacity: 1; visibility: visible; transition: transform .6s var(--kurs-ease), opacity .3s ease .05s, visibility 0s; }
.kurs-card.is-open .kurs-leaf::after { opacity: 0; }
.kurs-card.is-open .kurs-toggle { background: var(--glass-bg-light); }

.kurs-leaf-eyebrow { margin: 0 0 .6rem; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: #8a6a10; font-weight: 700; }
.kurs-leaf-eyebrow i { margin-right: .3rem; }
.kurs-leaf-text { margin: 0 0 1rem; color: var(--kurs-ink); line-height: 1.7; font-size: .95rem; }
.kurs-leaf-title { margin: .9rem 0 .5rem; font-size: .95rem; font-weight: 700; color: var(--kurs-ink); }
.kurs-topics { list-style: none; margin: 0 0 .5rem; padding: 0; display: grid; gap: .35rem; }
.kurs-topics li { font-size: .9rem; color: var(--kurs-ink); display: flex; gap: .5rem; align-items: baseline; }
.kurs-topics li i { color: #b8920f; font-size: .75rem; }
.kurs-facts { margin: .75rem 0 0; display: grid; grid-template-columns: auto 1fr; gap: .3rem .9rem; font-size: .88rem; }
.kurs-facts dt { color: var(--kurs-ink-2); font-weight: 600; }
.kurs-facts dd { margin: 0; color: var(--kurs-ink); overflow-wrap: anywhere; }
.kurs-related { display: flex; flex-wrap: wrap; gap: .45rem; }
.kurs-chip { font-size: .82rem; padding: .3rem .75rem; border-radius: 999px; border: 1px solid #d3c4a4; background: #fff; color: var(--kurs-ink); }
.kurs-chip:hover { border-color: #b8920f; color: #8a6a10; }
.kurs-leaf-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--kurs-hairline); }
.kurs-leaf-actions .btn { padding: .7rem 1.1rem; font-size: .9rem; }

/* Ana sayfa kaydırıcısındaki görselli kart */
.course-card .course-image img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; position: absolute; inset: 0; }
.course-card .course-image .course-level { z-index: 1; }
.course-btn { display: flex; align-items: center; justify-content: center; gap: 6px; text-align: center; }

@media (prefers-reduced-motion: reduce) {
    .kurs-leaf, .kurs-leaf::after, .kurs-fold { transition: none; }
    .kurs-leaf { transform: none; }
}
@media (max-width: 480px) {
    .kurs-leaf { margin: 0 var(--spacing-sm) var(--spacing-sm); padding: 1rem; }
}