/* =====================================================================
   Missofra — Rotuslar
   Tasarimi degistirmeyen, hizalama/tutarlilik duzeltmeleri.
   ===================================================================== */

/* ---------------------------------------------------------------------
   iletisim.html — "iletisim Bilgilerimiz" kartlari
   Sorun: uc kartin ustu hizali ama icerik uzunluklari farkli oldugu icin
   yukseklikleri 150 / 176 / 160 px cikiyordu; altlari 26 px tirtikliydi.
   Cozum: sutunu flex yapip karti sutun yuksekligine yaydik. Ikon mutlak
   konumlu ve Bootstrap sutununa gore hizalandigi icin etkilenmiyor.
   --------------------------------------------------------------------- */
.contact-info .row>[class*="col-"] {
   display: flex;
}

.contact-info .contact-icon {
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

/* Icerik dikeyde ortalaninca kisa kartta da dengeli dursun */
.contact-info .contact-icon-info {
   width: 100%;
}

/* ---------------------------------------------------------------------
   iletisim.html — "Neden Missofra?" kenar cubugu
   Sorun: #sidebar'da h-100 sinifi var ama ISE YARAMIYOR. h-100 =
   "height:100% !important"; satirin yuksekligi icerige bagli oldugu icin
   yuzde cozumlenemeyip icerik yuksekligine dusuyor. Ustelik height
   belirtmek, Bootstrap'in flex "stretch" davranisini da iptal ediyor.
   Sonuc: ust hizali ama alt 360 px erken bitiyordu.
   Cozum: yuksekligi auto'ya cevirip esnemeyi geri actik.
   --------------------------------------------------------------------- */
#sidebar.h-100 {
   height: auto !important;
   align-self: stretch;
}

/* ---------------------------------------------------------------------
   Eylem cagrisi: "Teklif Al" dugmesi (navbar sagi) -> WhatsApp
   GORUNUM sitenin kendi .btn .btn-primary stilinden gelir; burada sadece
   konumlandirma ve kucuk duzeltmeler var (diger dugmelerle ayni dursun).
   - .btn'in margin-top:15px degeri navbar'da dikey ortalamayi bozuyordu.
   - global "a:hover{color:#FF0000}" yaziyi kirmizi yapiyordu.
   --------------------------------------------------------------------- */
.btn-teklif {
   margin-top: 0 !important;
   display: inline-flex;
   align-items: center;
   gap: .5rem;
   white-space: nowrap;
   text-decoration: none !important;
}

.btn-teklif,
.btn-teklif:hover,
.btn-teklif:focus,
.btn-teklif i {
   color: #fff !important;
}

/* Masaustu: dugme yerlesimden CIKARILIR.
   Aksi halde menuyu ortalayan mx-auto'dan yer calip ortadaki logoyu
   62 px sola kaydiriyordu. Mutlak konumlandirinca logo tam ortada kaliyor. */
@media (min-width: 1200px) {
   .navbar>.container {
      position: relative;
   }

   .btn-teklif {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      /* .btn'in 50px yatay dolgusu navbar'da menuyle cakisiyordu
         (menu 981'de bitiyor, dugme 979'da basliyordu). Renk/sekil/buyuk
         harf aynen .btn-primary'den gelmeye devam ediyor. */
      padding-left: 26px;
      padding-right: 26px;
   }

   .btn-teklif:hover,
   .btn-teklif:focus {
      transform: translateY(-50%) scale(1.03);
   }
}

/* Mobil/tablet: menu acilinca tam genislik, ortalanmis.
   !important gerekli: yukaridaki "margin-top:0 !important" aksi halde
   ust bosluğu sifirliyor. */
@media (max-width: 1199.98px) {
   .btn-teklif {
      display: flex;
      justify-content: center;
      margin: .5rem 1rem 1rem !important;
   }

   /* Acilan menunun yuksekligi 400px (kucuk ekranda 300px !important) ile
      sabitlenmisti; 4 menu ogesi + Teklif Al dugmesi bu siniri asinca dugme
      panelden tasiyordu. Artik ekrana gore esniyor, sigmazsa kayiyor. */
   .navbar-collapse,
   .navbar-collapse.show {
      max-height: calc(100vh - 120px) !important;
      overflow-y: auto;
      overflow-x: hidden;
   }
}

/* ---------------------------------------------------------------------
   Mobilde sabit WhatsApp dugmesi (sag alt)
   "Yukari cik" dugmesi de sag altta duruyordu; cakismasin diye onu
   WhatsApp'in hemen ustune aldik ve ikisini ayni dikey eksene hizaladik.
   --------------------------------------------------------------------- */
.wa-fab {
   display: none;
}

@media (max-width: 1199.98px) {
   .wa-fab {
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      /* Mevcut "yukari cik" dugmesi sag:42 alt:40 (44x44) konumunda; ona
         HIC DOKUNMUYORUZ. WhatsApp'i tam ustune koyuyoruz ve merkezleri
         ayni dikey eksene getiriyoruz:
         yukari-cik merkezi sagdan 42+22 = 64px
         WhatsApp (56px) icin sag = 64-28 = 36px
         yukari-cik ust kenari alttan 40+44 = 84px -> WhatsApp alt: 100px */
      right: 36px;
      bottom: 100px;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: #25D366;
      color: #fff !important;
      font-size: 30px;
      text-decoration: none !important;
      box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
      z-index: 120;
      transition: transform .25s ease;
   }

   .wa-fab i {
      color: #fff !important;
   }

   .wa-fab:hover,
   .wa-fab:focus {
      color: #fff !important;
      transform: scale(1.06);
   }

}

/* style.css'te "yukari cik" dugmesi 544px altinda sag:12px'e kayiyor
   (.back-to-top{right:12px}). Merkezler ayni eksende kalsin diye WhatsApp'i
   da kaydiriyoruz: yukari-cik merkezi 12+22 = 34px -> WhatsApp sag = 34-28 = 6px */
@media (max-width: 544px) {
   .wa-fab {
      right: 6px;
   }
}

@media (prefers-reduced-motion: reduce) {

   .wa-fab,
   .wa-fab:hover {
      transition: none;
      transform: none;
   }
}

/* Hareket azaltma tercihi: animasyon kalksin ama masaustunde dikey
   ortalamayi saglayan translateY(-50%) KALMALI, yoksa dugme yerinden firlar. */
@media (prefers-reduced-motion: reduce) and (max-width: 1199.98px) {

   .btn-teklif,
   .btn-teklif:hover {
      transition: none;
      transform: none;
   }
}

@media (prefers-reduced-motion: reduce) and (min-width: 1200px) {

   .btn-teklif,
   .btn-teklif:hover,
   .btn-teklif:focus {
      transition: none;
      transform: translateY(-50%);
   }
}

/* ---------------------------------------------------------------------
   index.html — sayaclar
   counter.js sayacin metnini tamamen degistirdigi ($this.text(...)) icin
   "%" isaretini icine yazamayiz; silinir. ::before ile ekliyoruz.
   --------------------------------------------------------------------- */
.counter-value.has-percent::before {
   content: "%";
}