/* Çekirdek Frontend CSS v22 */

.etkinlik-breadcrumb { padding: 12px 0; margin: 0 0 20px; font-family: 'Inter', sans-serif; font-size: 13px; }
.etkinlik-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.etkinlik-breadcrumb li { display: inline-flex; align-items: center; color: #6b7268; }
.etkinlik-breadcrumb li + li::before { content: '›'; margin: 0 8px; color: #c9c3b0; font-weight: 700; }
.etkinlik-breadcrumb a { color: #7ba05b; text-decoration: none; }
.etkinlik-breadcrumb [aria-current="page"] { color: #1a1a1a; font-weight: 600; }

.etkinlik-cta-bar { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.etkinlik-cta-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 15px; transition: all .25s ease; box-shadow: 0 4px 14px rgba(122,160,91,.18); }
.etkinlik-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(122,160,91,.28); color: #fff; }
.etkinlik-cta-btn.cta-play { background: linear-gradient(135deg,#a3b18a,#7ba05b); color:#fff; }

.etk-like-wrap { display: inline-flex; margin: 20px 0; font-family: 'Inter', sans-serif; }
.etk-like-btn {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 12px 22px; border-radius: 50px;
    background: #fff; border: 2px solid #e8e2d0;
    color: #3d4a3a; font-weight: 700; font-size: 15px;
    cursor: pointer; transition: all .3s cubic-bezier(.25,1,.3,1);
    box-shadow: 0 4px 14px rgba(61,74,58,.06);
    position: relative; overflow: hidden; font-family: inherit;
}
.etk-like-btn:hover { border-color: #c9736a; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(201,115,106,.20); color: #c9736a; }
.etk-like-btn.liked { background: linear-gradient(135deg, #e0a89a, #c9736a); border-color: #c9736a; color: #fff; box-shadow: 0 8px 22px rgba(201,115,106,.32); }
.etk-like-heart { display: inline-flex; transition: transform .4s cubic-bezier(.34,1.56,.64,1); }
.etk-like-heart svg { fill: none; stroke: currentColor; transition: fill .3s ease, stroke .3s ease; }
.etk-like-btn.liked .etk-like-heart svg { fill: #fff; stroke: #fff; animation: heartPop .5s cubic-bezier(.34,1.56,.64,1); }
.etk-like-btn:hover .etk-like-heart { transform: scale(1.12); }
.etk-like-count { background: rgba(0,0,0,.06); padding: 3px 10px; border-radius: 20px; font-size: 13px; transition: all .3s ease; min-width: 28px; text-align: center; }
.etk-like-btn.liked .etk-like-count { background: rgba(255,255,255,.28); color: #fff; }
@keyframes heartPop { 0% { transform: scale(1); } 45% { transform: scale(1.35); } 100% { transform: scale(1.05); } }
@keyframes likePulse { 0% { box-shadow: 0 0 0 0 rgba(201,115,106,.5); } 100% { box-shadow: 0 0 0 18px rgba(201,115,106,0); } }
.etk-like-btn.just-liked { animation: likePulse .7s ease-out; }

.etkinlik-nav-menu { font-family: 'Inter', sans-serif; position: relative; z-index: 10; }
.etkinlik-menu-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.etkinlik-menu-item { position: relative; }
.etkinlik-menu-item > a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; color: #1a1a1a; text-decoration: none; font-weight: 500; font-size: 14.5px; border-radius: 10px; transition: all .2s ease; }
.etkinlik-menu-item > a:hover { background: #f5f1e8; color: #5e7a44; }

.etkinlik-faq { margin: 30px 0; font-family: 'Inter', sans-serif; }
.etkinlik-faq .faq-title { font-size: 20px; font-weight: 700; color: #1a1a1a; margin-bottom: 16px; }
.etkinlik-faq .faq-item { background: #faf7f0; border: 1px solid #e0dac9; border-radius: 12px; margin-bottom: 10px; overflow: hidden; transition: all .25s; }
.etkinlik-faq .faq-item[open] { border-color: #a3b18a; box-shadow: 0 4px 14px rgba(122,160,91,.10); }
.etkinlik-faq .faq-item summary { padding: 16px 20px; cursor: pointer; font-weight: 600; color: #1a1a1a; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.etkinlik-faq .faq-item summary::-webkit-details-marker { display: none; }
.etkinlik-faq .faq-item summary::after { content: '+'; font-size: 22px; color: #7ba05b; }
.etkinlik-faq .faq-item[open] summary::after { content: '−'; }
.etkinlik-faq .faq-answer { padding: 0 20px 18px; color: #4a4a4a; line-height: 1.65; font-size: 14px; }

.loading-spinner { display: inline-block; width: 38px; height: 38px; border: 3px solid #efe9dc; border-top-color: #7ba05b; border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.etkinlik-stat-inline { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: #f5f1e8; border-radius: 30px; color: #1a1a1a; font-weight: 600; border: 1px solid #e0dac9; }