/* ── Sade üst bar + açılır menü (20.09.2026) ─────────────────────────────
   Üst barda yalnız logo, "Üye Ol" ve "Menü" durur; bütün gezinme menü panelinde.
   Masaüstünde panel sağa yaslı bir kart, telefonda tam ekran çekmecedir. */

.ust--sade{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.ust--sade .nav{display:none}
.ust-sag{display:flex;align-items:center;gap:.6rem}

.ust--sade .menu-btn{width:auto;height:auto;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.5rem .9rem;
  border:1px solid var(--metin);border-radius:999px;background:transparent;color:inherit;font:inherit;
  font-weight:600;cursor:pointer;transition:background .25s var(--quint),color .25s var(--quint)}
.ust--sade .menu-btn:hover,.ust--sade .menu-btn:focus-visible{background:var(--metin);color:#fff}
.ust--sade .menu-btn-ikon{display:flex;flex-direction:column;gap:5px}
.ust--sade .menu-btn i{display:block;width:18px;height:2px;background:currentColor;transition:transform .35s var(--expo),opacity .25s}


.ust--sade .menu-btn[aria-expanded="true"] i:first-of-type{transform:translateY(2px) rotate(45deg)}
.ust--sade .menu-btn[aria-expanded="true"] i:last-of-type{transform:translateY(-2px) rotate(-45deg)}
.menu-btn-yazi{letter-spacing:-.01em}

/* menü panelindeki gruplar */
.cekmece-grup{border-bottom:1px solid var(--cizgi);padding:.55rem 0}
.cekmece-grup-bas{display:flex;gap:.5rem;align-items:baseline;color:var(--soluk);margin:0 0 .35rem}
.cekmece-grup-bas a{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}
.cekmece-alt-baglar{display:flex;flex-direction:column}
.cekmece-alt-baglar a{display:flex;justify-content:space-between;align-items:center;gap:.6rem;
  min-height:46px;padding:.2rem 0 .2rem 2.7rem;font-weight:600;font-size:1.05rem}
.cekmece-alt-baglar a[aria-current="page"]{color:var(--mavi-koyu)}
.cekmece-oynatici{margin-top:var(--s4)}
.cekmece-oynatici:empty{display:none}

/* telefonda büyük tipografi ölçeği korunur ama gruplar okunur kalsın */
@media (max-width:899px){
  .cekmece-nav a{font-size:clamp(1.6rem,7.5vw,2.6rem)}
  .cekmece-grup-bas,.cekmece-grup-bas a{font-size:.85rem;font-weight:500;letter-spacing:.04em}
  .cekmece-alt-baglar a{font-size:1.15rem;padding-left:2.2rem}
  .uye-dugme{display:none}
}

/* masaüstü: tam ekran çekmece yerine sağa yaslı açılır kart */
@media (min-width:900px){
  .cekmece::before{display:none}
  .cekmece-yuzey{position:absolute;top:calc(var(--ust) + .5rem);right:var(--pad);left:auto;bottom:auto;
    width:min(460px,42vw);max-height:min(76vh,720px);padding:1.4rem 1.5rem 1.2rem;
    border:1px solid var(--cizgi);border-radius:1rem;box-shadow:0 24px 60px rgba(0,0,0,.14);
    transform:translate3d(0,-12px,0) scale(.98);opacity:0;transition:transform .32s var(--expo),opacity .22s var(--quint)}
  .cekmece.acik .cekmece-yuzey{transform:none;opacity:1}
  .cekmece-grup-bas,.cekmece-grup-bas a{font-size:.8rem;font-weight:500;letter-spacing:.04em}
  .cekmece-nav a{font-size:1.15rem;min-height:48px;letter-spacing:-.01em;border-bottom:1px solid var(--cizgi);
    transform:none;opacity:1;transition:none;grid-template-columns:2rem minmax(0,1fr) auto}
  .cekmece.acik .cekmece-nav a{transition-delay:0s !important}
  .cekmece-alt{font-size:.85rem}
}

@media (prefers-reduced-motion:reduce){
  .cekmece-yuzey{transition:none !important}
}

/* ── kitap PDF kartı (gömme kapalı: kaynak X-Frame-Options SAMEORIGIN) ── */
.pdf-kart{margin-top:var(--s4);display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;
  border:1px solid var(--cizgi);border-radius:.9rem;padding:1rem 1.2rem;background:var(--yuzey-2,#f6f6f6)}
.pdf-kart-ikon{display:grid;place-content:center;width:56px;height:68px;border-radius:.4rem;
  background:var(--metin);color:#fff;font-size:.8rem;letter-spacing:.06em}
.pdf-kart-yazi{display:flex;flex-direction:column;gap:.2rem;flex:1 1 12rem;min-width:0}
.pdf-kart-yazi b{font-size:1.05rem}
.pdf-kart .dugme{min-height:44px}

/* ── paylaş satırı ── */
.paylas{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:var(--s5) auto 0;
  max-width:var(--kap,1200px);padding:1rem var(--pad);border-top:1px solid var(--cizgi)}
.paylas>span:first-child{letter-spacing:.06em;font-size:.8rem}
.paylas a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .8rem;border:1px solid var(--cizgi);
  border-radius:999px;font-size:.9rem;font-weight:600;transition:background .25s var(--quint),color .25s var(--quint)}
.paylas a:hover,.paylas a:focus-visible{background:var(--metin);color:#fff}

/* ── görselsiz etkinlik kartı ── */
.etkinlik-oge--yazi .etkinlik-kart{display:block;border:1px solid var(--cizgi);border-radius:.9rem;padding:1.1rem 1.2rem;min-height:170px}
.etkinlik-oge--yazi .etkinlik-bilgi{display:flex;flex-direction:column;gap:.3rem}
.etkinlik-oge--yazi .etkinlik-ad{font-size:1.1rem;font-weight:700;line-height:1.2}
.etkinlik-oge--yazi:hover .etkinlik-kart{background:var(--yuzey-2,#f6f6f6)}

/* R31: katkı, iletişim ve üye ol formlarının stili j-form.css'te (form sayfası türü) */

/* durağan sayfa madde listesi (R22) */
.sayfa-madde{margin:.4rem 0 1.2rem;padding-left:1.2rem;display:grid;gap:.35rem}
.sayfa-madde li{list-style:disc;max-width:42.5rem}