/* v080 (21.10.2026): başlıkta Kaydol düğmesi; ilk ekranın (hero) altında ve alt bölümde Discord / WhatsApp bağlantıları (tema renkleri);
   sağ altta müzik çubuğuyla aynı görünümde sabit "Topluluk" kartı (küçültülebilir, durum localStorage'da). */
.header-actions .button.register{white-space:nowrap}
.hero .community,footer .social{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero .community{margin-top:26px}
.hero .community>span{font-size:10px;letter-spacing:3px;color:#af9194;margin-right:4px}
.hero .community a,footer .social a{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;min-height:40px;border:1px solid #8c535c;background:#21101699;color:#e5dfe1;font-size:11px;letter-spacing:.4px;white-space:nowrap;backdrop-filter:blur(6px);transition:filter .2s,transform .2s,border-color .2s}
.hero .community a:hover,footer .social a:hover{border-color:#e35c66;color:#fff0f1;filter:brightness(1.15);transform:translateY(-2px)}
.hero .community a::before,footer .social a::before{content:"";width:8px;height:8px;border-radius:50%;background:#c36f77;box-shadow:0 0 8px #c5152060}
.hero .community a.discord::before,footer .social a.discord::before{background:#7b8cff;box-shadow:0 0 8px #5865f270}
.hero .community a.whatsapp::before,footer .social a.whatsapp::before{background:#3fd27a;box-shadow:0 0 8px #25d36670}
.hero .community a span,footer .social a span{color:#c36f77;font-size:10px}

/* --- sabit topluluk kartı (müzik çubuğu .motivation-shell ile aynı çerçeve) --- */
.community-dock{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:110;color:#f6e5ce;font-family:Arial,sans-serif;isolation:isolate}
.community-dock .dock-shell{display:flex;align-items:center;gap:8px;min-height:58px;padding:9px 10px;border:1px solid #976a50;border-radius:10px;background:linear-gradient(135deg,rgba(48,20,23,.97),rgba(16,12,14,.97));box-shadow:0 8px 30px #0008,inset 0 1px #d9a47626;backdrop-filter:blur(12px)}
.community-dock .dock-label{font:700 9px Arial;letter-spacing:3px;color:#dfbf98;margin:0 4px 0 2px}
.community-dock .dock-link{display:inline-flex;align-items:center;gap:8px;height:37px;padding:0 13px;border:1px solid #b48758;border-radius:19px;background:#331b20;color:#f6e5ce;font:700 11px Arial;letter-spacing:.3px;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.community-dock .dock-link:hover{background:#70403066;color:#fff2dd;transform:translateY(-1px)}
.community-dock .dock-link i{width:9px;height:9px;border-radius:50%;background:#dfbf98;box-shadow:0 0 8px #dfbf9870}
.community-dock .dock-link.discord i{background:#7b8cff;box-shadow:0 0 8px #5865f290}
.community-dock .dock-link.whatsapp i{background:#3fd27a;box-shadow:0 0 8px #25d36690}
.community-dock .dock-collapse{display:grid;place-items:center;flex-shrink:0;width:18px;height:30px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#dfbf98;font:700 20px Arial;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.community-dock .dock-collapse:hover{background:#70403066;color:#fff2dd}
.community-dock.compact .dock-label,.community-dock.compact .dock-link{display:none}
.community-dock.compact .dock-shell{min-height:0;padding:6px}
.community-dock.compact .dock-collapse{width:37px;height:37px;border-radius:50%;border-color:#b48758;background:#331b20;font-size:15px}

@media (max-width:600px){
  /* telefonda müzik çubuğu sol altta neredeyse tam genişlik: kart onun üstüne, sağa yaslı, yalnız simgeler */
  .community-dock{right:10px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 70px)}
  .community-dock .dock-shell{min-height:0;padding:6px;gap:6px}
  .community-dock .dock-label{display:none}
  .community-dock .dock-link{width:37px;height:37px;padding:0;justify-content:center;border-radius:50%;font-size:0;gap:0}
}
@media (max-width:520px){
  .header-actions{gap:6px}
  .header-actions .button.small{padding:10px 11px;gap:8px;font-size:10px}
  .header-actions .button.register span{display:none}
  .hero .community{margin-top:20px}
  .hero .community>span{width:100%}
  .hero .community a,footer .social a{flex:1;justify-content:center}
  footer .social{width:100%}
}
@media (min-width:601px){footer{padding-bottom:95px}} /* sabit kart alt bölümün sağ ucunu örtmesin */
@media (prefers-reduced-motion:reduce){.community-dock *{transition:none!important}}

/* Yasal bağlantılar (Apple App Store: gizlilik, koşullar, destek) */
footer .legal-links{display:flex;gap:6px 18px;flex-wrap:wrap;align-items:center;width:100%;margin-top:8px;font-size:12px}
footer .legal-links a{color:#d9bfa3;text-decoration:underline;text-underline-offset:3px}
footer .legal-links a:hover,footer .legal-links a:focus-visible{color:#ffdfaa}