/* =========================================================
   ALTUNBİZ – HİZMETLER BÖLÜMÜ (hizmetler.css)
   Bu dosya sadece #hizmetler bölümünü stillendirir.
   ========================================================= */

/* --------- Değişkenler (yoksa fallback sağlar) --------- */
:root{
  --accent: #e67e22;         /* Turuncu vurgu */
  --accent-dark: #cf6d19;    /* Hover turuncusu */
  --hizmetler-heading: #110c42; /* Başlık rengi (Faaliyet Alanlarımız) - buradan değiştir */
}

/* --------- Bölüm zemin rengi --------- */
#hizmetler{
  background-color: #f5f5f5; /* .bg-light yerine bölüm bazında uygula */
}

/* --------- Başlık rengi (Faaliyet Alanlarımız) --------- */
#hizmetler h2{
  color: var(--hizmetler-heading);
  /* İstersen şunları da sabitleyebilirsin:
     font-weight: 700;
     font-family: inherit;
  */
}

/* --------- Kart temel stil --------- */
#hizmetler .card{
  border: none;
  border-radius: 12px;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
  height: 100%;
  position: relative;
  background: #fff;
}

/* Görsel */
#hizmetler .card img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* İçerik */
#hizmetler .card-body{
  padding: 1rem;
  text-align: center;
}

/* Kart başlığı */
#hizmetler .card-title{
  font-size: 1.05rem;
  font-weight: 700;
  color: #222;
  margin-bottom: .5rem;
}

/* “Detaylı Bilgi Al” bağlantısı */
#hizmetler .card-link{
  font-size: .9rem;
  color: var(--accent);
  font-weight: 500;
  margin: 0;
  display: inline-block;
  position: relative;
  transition: color .3s ease, transform .3s ease, opacity .3s ease;
  opacity: 0;
  transform: translateY(5px);
}

/* Kart üzerinde linki yedirerek göster */
#hizmetler .card:hover .card-link,
#hizmetler .card:focus-within .card-link{
  opacity: 1;
  transform: translateY(0);
}

/* Ok işareti ve hover animasyonu */
#hizmetler .card-link::after{
  content: "→";
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  transition: right .3s ease;
}

#hizmetler .card-link:hover{
  color: var(--accent-dark);
  padding-right: 8px;
}

#hizmetler .card-link:hover::after{
  right: -20px;
}

/* Kart hover gölgesi / yükselme */
#hizmetler .card:hover{
  transform: translateY(-7px);
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
}

/* --------- Erişilebilirlik: klavye odağı --------- */
#hizmetler a:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 10px;
}

/* --------- Mobil optimizasyon --------- */
@media (max-width: 768px){
  #hizmetler .card img{ height: 160px; }
  #hizmetler .card-title{ font-size: 1rem; }
}

/* --------- Hareket azaltma tercihi --------- */
@media (prefers-reduced-motion: reduce){
  #hizmetler .card,
  #hizmetler .card-link{
    transition: none !important;
  }
}