/* Sosyal medya baloncukları */
.social-bubbles {
  position: fixed;
  bottom: 1.5rem;
  left: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  z-index: 9999;
}

.social-bubbles a {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.3rem;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Hover efekti */
.social-bubbles a:hover {
  transform: scale(1.12);
  box-shadow: 0 6px 14px rgba(0,0,0,.3);
}

/* Platform renkleri */
.social-bubbles a.instagram { background: #E1306C; }
.social-bubbles a.linkedin  { background: #0077B5; }
.social-bubbles a.mail      { background: #D44638; }

/* --- Footer temel düzeni (masaüstü) --- */
.site-footer{
  padding: 1rem 0;
}
.footer-inner{
  display: flex;
  align-items: center;
  justify-content: space-between; /* desktop: sağa-sola dağınık */
  gap: 1rem;
}
.footer-links a{ margin-left: 1rem; }

/* --- Küçük ekran: footer içeriğini ortaya al --- */
@media (max-width: 768px){
  /* Önce eklediğimiz 'body.has-fabs' alt boşluğunu kapatıyoruz */
  body.has-fabs{ padding-bottom: 0 !important; }

  /* Footer’ın kendi alt-padding’ini de sadeleştir */
  .site-footer{ padding: .75rem 0 !important; }

  /* İçerik tam ortada dursun; iki satır halinde olabilir */
  .footer-inner{
    min-height: calc(var(--fab-size) + 2rem);  /* köşe butonlarından bağımsız bir yükseklik */
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;   /* "Tüm hakları..." üstte, linkler altta */
    gap: .4rem;
  }

  .footer-links a{ margin-left: 0; }
  .footer-links{ display: flex; gap: .8rem; flex-wrap: wrap; justify-content:center; }
}

/* İstersen çok küçük ekranlarda bir tık daha sıkıştır */
@media (max-width: 420px){
  .footer-inner{ min-height: calc(var(--fab-size) + 1.4rem); }
}


/* Ortak baloncuk stili */
.social-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  font-size: 20px;
  opacity: 0.55;              /* yarı saydam */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.social-bubble:hover {
  opacity: 1;                 /* tam net */
  transform: scale(1.1);      /* biraz büyüsün */
}

/* Renkler */
.instagram { background: #E4405F; } /* Instagram pembe/kırmızı */
.linkedin { background: #0077B5; }  /* LinkedIn mavi */
.mail { background: #D44638; }      /* Gmail kırmızı */