/* Pastel / soft footer */
.soft-footer{
  --ft-text:#2b2f38;
  --ft-muted:#6b7280;
  --ft-accent:#8aa6ff;      /* yumuşak leylak */
  --ft-accent2:#8fd3c7;     /* yumuşak mint */
  --ft-card: rgba(255,255,255,.65);

  background: linear-gradient(180deg,#f7f7fb 0%, #f2f8f7 100%);
  color: var(--ft-text);
  position: relative;
  overflow: hidden;
}
.soft-footer .ft-ribbon{
  position:absolute; inset:auto 0 0 0; height:14px;
  background: linear-gradient(90deg, var(--ft-accent), var(--ft-accent2));
  opacity:.18;
}
.soft-footer .footer-area{
  padding: 56px 0;
}
.soft-footer .ft-card{
  background: var(--ft-card);
  border-radius: 16px;
  padding: 18px 18px 14px;
  backdrop-filter: saturate(1.2) blur(6px);
  box-shadow: 0 8px 30px rgba(17,24,39,.06);
}
.soft-footer .footer-widget__title{
  color: var(--ft-text);
  font-weight: 700;
  margin: 0 0 12px;
  display:inline-flex; gap:8px; align-items:center;
}
.soft-footer .footer-widget__title::after{
  content:"";
  display:inline-block; width:46px; height:3px; border-radius:99px;
  background: linear-gradient(90deg, var(--ft-accent), var(--ft-accent2));
}
.soft-footer .footer-widget__list{
  list-style:none; padding:0; margin:0;
}
.soft-footer .footer-widget__list li{
  margin: 6px 0; color: var(--ft-muted);
  display:flex; align-items:flex-start; gap:8px;
}
.soft-footer .footer-widget__list a{
  color: var(--ft-text); text-decoration:none;
}
.soft-footer .footer-widget__list a:hover{
  color: var(--ft-accent);
}
.soft-footer .footer-social-networks{
  display:flex; gap:10px; padding:0; margin:16px 0 0; list-style:none;
}
.soft-footer .footer-social-networks .item a{
  width:36px; height:36px; border-radius:999px; display:grid; place-items:center;
  background: rgba(255,255,255,.8);
  box-shadow: 0 4px 16px rgba(17,24,39,.06);
  color: var(--ft-text);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.soft-footer .footer-social-networks .item a:hover{
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(138,166,255,.25), rgba(143,211,199,.25));
  box-shadow: 0 10px 24px rgba(17,24,39,.10);
}
.soft-footer .footer-logo img{
  max-height:38px;
  filter: drop-shadow(0 3px 12px rgba(0,0,0,.08));
}
.soft-footer .copyright-text{
  color: var(--ft-muted);
  display:block;
}
/* daha sıkı row boşlukları */
.soft-footer .footer-widget-wrapper{
  row-gap: 16px;
}

@media (max-width: 575.98px){
  .soft-footer .footer-area{ padding: 44px 0; }
  .soft-footer .ft-card{ padding:16px; }

  /* Yardım & Bilgi sütununu gizle */
  .soft-footer .footer-widget-wrapper > .col-lg-3.col-md-4.col-sm-6 {
    display: none;
  }

  /* Biz Kimiz? sütununu gizle */
  .soft-footer .footer-widget-wrapper > .col-lg-2.col-md-4.col-sm-6 {
    display: none;
  }

  /* Adres & İletişim kısmını ortala */
  .soft-footer .footer-widget-wrapper > .col-lg-4.col-md-4.col-sm-6 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .soft-footer .footer-widget-wrapper > .col-lg-4.col-md-4.col-sm-6 .footer-widget__list,
  .soft-footer .footer-social-networks{
    justify-content: center;
  }
}

    /* Başlık çizgisi */
    .related-heading {
      font-size: clamp(18px, 2.2vw, 28px);
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
      color: #3b3b3b;
      line-height: 1.2;
      margin: 0 0 1.25rem;
      position: relative;
      display: inline-block;
      padding-bottom: .65rem;
    }

    .related-heading::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      width: 88px;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, #efe8dc, #e8e3d7, #efe8dc);
      box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    }


    /* WhatsApp Floating Button - Bootstrap Icons ile Animasyonlu */
    .whatsapp-float {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 20px;
      right: 20px;
      background-color: #25D366;
      /* WhatsApp yeşili */
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 30px;
      /* BI ikon boyutu */
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      z-index: 1000;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: pulse 2s infinite;
      /* Nabız animasyonu */
      overflow: hidden;
      /* Halka için */
    }

    .whatsapp-float:hover {
      background-color: #128C7E;
      color: #FFF;
      text-decoration: none;
      animation: bounce 0.6s;
      /* Hover'da zıplama */
      transform: scale(1.1);
    }

    /* Nabız (pulse) animasyonu */
    @keyframes pulse {
      0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
      }

      70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
      }

      100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
      }
    }

    /* Zıplama (bounce) animasyonu */
    @keyframes bounce {

      0%,
      20%,
      50%,
      80%,
      100% {
        transform: translateY(0);
      }

      40% {
        transform: translateY(-10px);
      }

      60% {
        transform: translateY(-5px);
      }
    }

    /* Halka dalgası (ring) animasyonu */
    .whatsapp-float::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.3);
      transform: translate(-50%, -50%);
      animation: ring 2s infinite;
      z-index: -1;
    }

    @keyframes ring {
      0% {
        width: 0;
        height: 0;
        opacity: 1;
      }

      100% {
        width: 80px;
        height: 80px;
        opacity: 0;
      }
    }

    /* Mobil uyum */
    @media (max-width: 768px) {
      .whatsapp-float {
        width: 50px;
        height: 50px;
        font-size: 25px;
        bottom: 15px;
        right: 15px;
      }

      @keyframes ring {
        100% {
          width: 70px;
          height: 70px;
        }
      }
    }

    /* Nav Menü Düzeltmesi: Yan Yana Tut ve Taşmayı Önle */
    .navigation-menu ul {
      display: flex;
      /* Zaten flex, emin olun */
      justify-content: center;
      /* Mevcut sınıfınız */
      flex-wrap: nowrap !important;
      /* Alt satıra kaymayı tamamen engeller */
      overflow: hidden;
      /* Taşarsa gizle (scroll yerine) */
      padding: 0;
      /* Ekstra boşluk kaldir */
      margin: 0;
    }

    .navigation-menu ul li {
      flex: 0 1 auto;
      /* Item'ler esnek ama küçülmezse taşmasın */
      white-space: nowrap;
      /* Metin alt satıra kaymasın */
    }

    .navigation-menu ul li a span {
      font-size: clamp(13px, 1.5vw, 15px);
      /* Fontu küçült, boşluk kazan */
      padding: 0 8px;
      /* Item arası boşluk (gap yerine padding kullan) */
    }

    /* Medya query: Mobilde/tablette space-between yerine center tut, gap ekleme */
    @media (max-width: 992px) {
      .navigation-menu ul {
        justify-content: center !important;
        /* Space-between yerine center, eşit boşluk için */
        gap: 5px;
        /* Çok küçük gap dene, yoksa kaldır */
      }

      .navigation-menu ul li a span {
        font-size: 13px;
        /* Mobilde daha küçük font */
        padding: 0 5px;
        /* Boşluk azalt */
      }
    }