/*FORM İÇİN*/
body .gform_wrapper .gform_body .gform_fields .gfield {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}

body .gform_wrapper .gform_body .gform_fields {
  row-gap: 8px !important;
  gap: 8px !important;
}
body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper textarea {
  border: 1px solid #bfc5cc !important;  /* Gri ton: örnek görselle uyumlu */
  border-radius: 6px !important;         /* Yumuşak köşe */
}
body .gform_wrapper select {
  border: 1px solid #bfc5cc !important;   /* Aynı gri ton */
  border-radius: 6px !important;          /* Yumuşak köşe */
}

/*FOOTER ORTA ALAN*/
.custom-contact-box {
  background-color: #f7f9fb;
  padding: 16px;
  border-radius: 6px;
  font-family: sans-serif;
  font-size: 15px;
  color: #1a1a1a;
}

.custom-contact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid #dcdcdc;
}

.custom-contact-item:last-child {
  border-bottom: none;
}

.custom-contact-item i {
  font-size: 18px;
  color: #002c5f;
  min-width: 20px;
  margin-top: 2px;
}


/*FOOTER 3.ALAN*/
.schnelle-links-box {
  background-color: #f7f9fb;
  padding: 20px;
  border-radius: 10px;
  font-family: sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.schnelle-links-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 4px;
  color: #1a1a1a;
}

.schnelle-links-line {
  width: 40px;
  height: 2px;
  background-color: #002c5f;
  margin-bottom: 16px;
}

.schnelle-links-item {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid transparent;
}

.schnelle-links-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 2px solid #002c5f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
  color: #002c5f;
  font-size: 16px;
}

.schnelle-links-text {
  flex-grow: 1;
  font-size: 14px;
  color: #000;
  line-height: 1.4;
}

.schnelle-links-arrow {
  font-size: 14px;
  color: #002c5f;
}

/*FOOTER SAĞ TARAF*/
.social-box {
  background-color: #f8f8f8;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  font-family: sans-serif;
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.social-box p {
  margin: 0 0 16px 0;
  font-weight: normal;
  color: #111;
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 14px;
}

.social-icons a {
  font-size: 20px;
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  text-decoration: none;
  color: #a97c56 !important;
  border: 2px solid #a97c56;
  background-color: transparent;
}

/* Hover'da hiçbir efekt uygulanmasın */
.social-icons a:hover {
  color: #a97c56 !important;
  border-color: #a97c56 !important;
  background-color: transparent !important;
}


/* Saç Ekimi Süreci */
/* === GRKN Hair Transplant Timeline — Dikey Kırmızı Çubuk (Gapbar) === */
/* Varsayılanlar (gerekirse değiştir) */
.grkn-httlnp-timeline{
  --gapbar-color: #ef4444;   /* kırmızı renk */
  --gapbar-w: 4px;           /* kırmızı çubuk kalınlığı */
  --gapbar-top: 2px;         /* üst boşluk */
  --gapbar-bottom: 2px;      /* alt boşluk */
}

/* Başlık bloğu: kendi koordinat sisteminde çizim yapacağız */
.grkn-httlnp-day-heading{
  position: relative;
  z-index: 1;
  background: none !important; /* önceki gradient/arka plan denemelerini sıfırla */
  margin: 0 0 14px 0;
}

/* 1) Beyaz maske: siyah ana dikey çizgiyi başlık altında keser */
.grkn-httlnp-day-heading::before{
  content: "";
  position: absolute;
  z-index: 1; /* maskenin altında kırmızı görünür (kırmızı 2) */
  left: calc(-1 * var(--pad-left));
  top: 0;
  height: 100%;
  width: var(--pad-left);
  background: var(--httlnp-bg, #fff);
}

/* 2) Dikey Kırmızı Çubuk: kesilen eksenin tam üzerinde */
.grkn-httlnp-day-heading::after{
  content: "";
  position: absolute;
  z-index: 2;

  /* X konumu: ana çizginin merkezi */
  left: calc(
    -1 * var(--pad-left) + var(--line-left)
    + (var(--line-w) / 2) - (var(--gapbar-w, 4px) / 2)
  );

  /* Y konumu ve yükseklik: üst/alt boşluklara göre */
  top: var(--gapbar-top, 2px);
  height: calc(100% - (var(--gapbar-top, 2px) + var(--gapbar-bottom, 2px)));

  /* görünüm */
  width: var(--gapbar-w, 4px);
  background: var(--gapbar-color, #ef4444);
  border-radius: 999px;
}

/* 3) Eski kuralları kesin olarak kapat (yatay stub / gradient vs.) */
.grkn-httlnp-day-heading.__remove-old, /* sentinel (etkisi yok, sadece rehber) */ {}
/* Bu satırı KULLANMA:  .grkn-httlnp-day-heading::after { content: none }  */
/* Eski yatay stub sınıfları varsa: */
.grkn-httlnp-dot{ display:none !important; }

/* Mobilde biraz inceltmek istersen */
@media (max-width: 799px){
  .grkn-httlnp-timeline{ --gapbar-w: 3px; }
}

/* 0) Tema kaynaklı ekstra sol boşlukları sıfırla */
.grkn-httlnp-day-heading{ padding-left:0 !important; margin-left:0 !important; }

/* 1) Global ince ayar değişkeni (eksi değer sola, artı değer sağa iter) */
.grkn-httlnp-timeline{ --axis-fix: -16px; }  /* gerekirse -5, -4, -7 diye dene */

/* 2) Kırmızı çubuğun X konumuna ofseti ekle */
.grkn-httlnp-day-heading::after{
  left: calc(
    -1 * var(--pad-left) + var(--line-left)
    + (var(--line-w)/2) - (var(--gapbar-w,4px)/2)
    + var(--axis-fix, 0px)
  );
}


/*alt çizgi olayı*/
/*.page a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}*/

/*.page a:hover {
  border-bottom-color: currentColor; 
}*/


/*Whatsapp yeşili*/
/* WhatsApp menü yazı ve ikon rengi */
.menu-item-1452 .mfn-menu-link,
.menu-item-1452 .mfn-menu-link span,
.menu-item-1452 .mfn-menu-link i {
    color: #25D366 !important;
}