.map-container {
  position: relative;
  width: 100%;
  padding-bottom: 50%; /* 1200x600 oranı = 2:1 → %50 */
  height: 0;
  overflow: hidden;
  border-radius: 10px; /* opsiyonel */
} 

.map-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: 0;
} 

header .btn-primary:hover {
  background-color: #007bff !important; /* veya istediğin mavi tonu */
  color: #fff !important; /* yazı beyaz */
}

/* Konumlandırma */
.wa-floating{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999999;
}

/* Buton gövdesi */
.wa-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px 10px 10px;
  background: var(--secondary);         /* WhatsApp yeşiline yakın */
  color: #000 !important;       /* her durumda beyaz kal */
  text-decoration: none !important;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.wa-btn:hover,
.wa-btn:focus,
.wa-btn:active {
  background: #08bb4c;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
  color: #fff !important;          /* hover’da da beyaz kal */
  text-decoration: none !important;/* altı çizili olmasın */
}

.wa-btn:active{
  transform: translateY(0);
}

/* Logo dairesi */
.wa-logo{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #ffffff1a;        /* hafif beyaz şeffaf */
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  overflow: hidden;
}

/* Metinler */
.wa-texts{
  display: grid;
  grid-auto-rows: max-content;
  line-height: 1.1;
}

.wa-top{
  font-size: 14px;
  font-weight: 500;
}

.wa-main{
  font-size: 16px;
  font-weight: 700;
  margin-top: 2px;
}

/* Çevrimiçi rozeti */
.wa-badge{
  margin-top: 6px;
  display: inline-block;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  background: #E7F7ED;          /* açık yeşil */
  border-radius: 999px;
  border: 1px solid #cfead9;
  width: 80px;
}

/* Küçük ekran optimizasyonu */
@media (max-width: 420px){
  .wa-btn{ gap: 10px; padding: 9px 14px 9px 9px; }
  .wa-logo{ width: 40px; height: 40px; flex-basis: 40px; }
  .wa-top{ font-size: 11px; }
  .wa-main{ font-size: 15px; }
  .wa-badge{ font-size: 10px; padding: 3px 8px; }
}


.logo-circle img {
  width: 100%;     /* logoyu dairenin içinde küçültüp ortalar */
  height: auto;
  object-fit: contain;
}

.enes-input {
  width: 100%;
  height: 60px;
  margin-bottom: 1rem!important;
  padding: 10px 30px;
  font-size: 0.85rem;
  line-height: 1.85;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-width: 2px;
  border-radius: 999px;         /* tam yuvarlak */
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Odaklanınca (focus) efekt */
.enes-input:focus {
  border-color: #00b894; /* istediğin vurgu rengi */
  box-shadow: 0 0 0 3px rgba(0,184,148,0.15);
}

.form-check {
  display: flex;             /* checkbox + metni hizalamak için flex kullanıyoruz */
  align-items: center;       /* dikeyde ortalama */
  gap: 10px;                 /* checkbox ile metin arası boşluk */
  text-align: left;
  margin-bottom: 1rem!important;         /* yazıyı sola hizala */
}

.form-check-input {
  width: 22px;               /* istediğin boyut */
  height: 22px;
  flex-shrink: 0;            /* küçülmesini engeller */
  cursor: pointer;
}

.form-check-label {
  font-size: 12px;
  line-height: 1.4;
}

/* Poppins 400 */
@font-face{
  font-family:'Poppins';
  src:url('../fonts/poppins/poppins-v23-latin-regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
  size-adjust:102.5%; ascent-override:90%; descent-override:22%; line-gap-override:0%;
}
/* Poppins 600 */
@font-face{
  font-family:'Poppins';
  src:url('../fonts/poppins/poppins-v23-latin-600.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
  size-adjust:102.5%; ascent-override:90%; descent-override:22%; line-gap-override:0%;
}

/* Playfair Display 400 */
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair/playfair-display-v39-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Font Awesome / Simple Line Icons yer tutucu */
.fa, .fas, .far, .fab, .icon, .icon-* {
  display:inline-block;
  width:1em;            /* ikon gelmeden önce de 1 karakterlik yer */
  text-align:center;
  line-height:1em;
}

body{ font-family:'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }
h1,h2,h3{ line-height:1.2; }  /* satır yüksekliği sabit */

:root { --topbar-h: 42px; }                /* tasarımına göre 36–48px arası */
.header-nav-top      { min-height:var(--topbar-h); }
.header-nav-top .container{
  min-height:var(--topbar-h);
  display:flex; align-items:center;
}

.header-nav-top .nav-item{ border-left:2px solid transparent; }
.header-nav-top .nav-item.active{ border-left-color:#0d6efd; }

p.baslik {
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: -.7px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #3b3b3b;
    font-family: 'Poppins', sans-serif;
}

p.footbaslik {
    font-size: 1em;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0px 0px 14px;
    color: #fff;
}


@media (max-width: 991px) {
  .custom-svg-position-1,
  .custom-svg-position-2 {
    visibility: hidden;
  }
}
@media (min-width: 992px) {
  .custom-svg-position-1,
  .custom-svg-position-2 {
    visibility: visible;
  }
}

.custom-svg-position-1 {
  display:block;
  width:1668px;
  height:1095px;
}

.section-hero { position: relative; }

/* Tüm dekoratif SVG’ler layout’a dokunmasın */
.hero-decor {
  position: absolute;
  inset: 0;                /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: auto;
  pointer-events: none;    /* tıklama almasın */
  z-index: 0;
}

/* Mobilde DOM'da kalsın ama görünmesin (layout sabit) */
@media (max-width: 991.98px) {
  .hero-decor { visibility: hidden; }
}

[data-appear-animation-svg="true"]{
  visibility:hidden; opacity:0; 
  transition: opacity .4s ease, transform .4s ease;
}
[data-appear-animation-svg="ready"]{
  visibility:visible; opacity:1;
  transform: translateZ(0);
}