/* =====================================================================
   Bana Güven — ortak tasarım sistemi (12.10.2026)
   Turkuaz vurgu, beyaz ağırlıklı zemin, açık mint yüzeyler, yuvarlak kartlar, hafif gölgeler.
   Bütün sayfalarda EN SON yüklenir; eski sayfa stillerindeki değişkenleri de buradan yönetir.
   Not: video oynatıcısına (.hero-video ve içindeki <video>) bu dosyada HİÇBİR kural yazılmaz.
   ===================================================================== */
@import url("/fonts/jakarta/jakarta.css");

:root{
  /* Ana renkler */
  --bg-turkuaz:#079DA5;
  --bg-turkuaz-koyu:#06838A;
  --bg-turkuaz-acik:#3FB9BF;
  --bg-beyaz:#FFFFFF;
  --bg-mint:#EDF9F8;
  --bg-mint-2:#F6FCFC;
  --bg-mint-3:#D7F0EF;
  --bg-petrol:#134B49;
  --bg-metin:#134B49;
  --bg-ikincil:#4C6B6A;
  --bg-cizgi:#DDEFEE;
  --bg-hata:#B42318;
  --bg-hata-zemin:#FEF3F2;
  --bg-basari:#0F7B5F;
  --bg-basari-zemin:#ECFDF5;
  --bg-uyari-zemin:#FFF8E6;

  /* Yazı */
  --bg-font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --bg-boy-kucuk:14px;
  --bg-boy-govde:16.5px;
  --bg-boy-buyuk:18px;

  /* Boşluk, köşe, gölge */
  --bg-bosluk-1:8px; --bg-bosluk-2:12px; --bg-bosluk-3:16px; --bg-bosluk-4:24px; --bg-bosluk-5:32px; --bg-bosluk-6:48px; --bg-bosluk-7:72px;
  --bg-kose-kucuk:12px; --bg-kose:18px; --bg-kose-buyuk:26px; --bg-kose-hap:999px;
  --bg-golge-1:0 1px 2px rgba(19,75,73,.06),0 4px 14px -6px rgba(19,75,73,.10);
  --bg-golge-2:0 2px 6px rgba(19,75,73,.05),0 18px 40px -22px rgba(19,75,73,.28);
  --bg-golge-dugme:0 10px 22px -12px rgba(7,157,165,.65);
  --bg-kabuk:min(1160px,calc(100vw - 32px));
  --bg-odak:0 0 0 3px #fff,0 0 0 5px var(--bg-turkuaz);

  /* Eski sayfa değişkenleri yeni paletle eşlenir (sayfaların kendi stilleri bunları kullanıyor) */
  --teal:#134B49; --teal-2:#079DA5; --teal-3:#06838A; --teal-koyu:#0D3B3A;
  --mint:#EDF9F8; --mint-2:#F6FCFC; --mint-3:#D7F0EF;
  --ink:#134B49; --sub:#4C6B6A; --line:#DDEFEE; --bg:#fff; --bg-soft:#F6FCFC;
  --kabuk:min(1160px,calc(100vw - 32px));
}
.og-ust,.og-footer{
  --teal:#134B49; --teal-2:#079DA5; --teal-3:#06838A; --teal-koyu:#0D3B3A;
  --mint:#EDF9F8; --mint-2:#F6FCFC; --mint-3:#D7F0EF;
  --ink:#134B49; --sub:#4C6B6A; --line:#DDEFEE; --bg:#fff; --bg-soft:#F6FCFC;
  --kabuk:min(1160px,calc(100vw - 32px));
}

/* ---------- Temel ---------- */
html{-webkit-text-size-adjust:100%}
body{font-family:var(--bg-font)!important;color:var(--bg-metin);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--bg-font);color:var(--bg-petrol);letter-spacing:-.02em}
a{color:var(--bg-turkuaz-koyu)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:none;box-shadow:var(--bg-odak);border-radius:10px}
::selection{background:var(--bg-mint-3);color:var(--bg-petrol)}

/* ---------- Ortak bileşenler ---------- */
.bg-dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:var(--bg-kose-hap);
  font:700 15.5px/1 var(--bg-font);text-decoration:none;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;
  transition:background .2s,box-shadow .2s,transform .15s,border-color .2s,color .2s}
.bg-dugme:active{transform:translateY(1px)}
.bg-dugme-ana{background:var(--bg-turkuaz);color:#fff;box-shadow:var(--bg-golge-dugme)}
.bg-dugme-ana:hover{background:var(--bg-turkuaz-koyu);color:#fff}
.bg-dugme-cerceve{background:#fff;color:var(--bg-petrol);border-color:var(--bg-mint-3)}
.bg-dugme-cerceve:hover{border-color:var(--bg-turkuaz);color:var(--bg-turkuaz-koyu)}
.bg-dugme-kucuk{min-height:44px;padding:0 18px;font-size:14.5px}
.bg-dugme svg{flex:0 0 auto}

.bg-kart{background:#fff;border:1px solid var(--bg-cizgi);border-radius:var(--bg-kose);box-shadow:var(--bg-golge-1);padding:var(--bg-bosluk-4)}
.bg-kart-mint{background:var(--bg-mint);border-color:transparent;box-shadow:none}
.bg-cip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--bg-kose-hap);background:var(--bg-mint);color:var(--bg-turkuaz-koyu);
  font:700 12.5px/1.2 var(--bg-font);letter-spacing:.06em;text-transform:uppercase}
.bg-ikon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--bg-mint);color:var(--bg-turkuaz)}
.bg-bilgi{background:var(--bg-mint);border-radius:var(--bg-kose);padding:16px 18px;color:var(--bg-petrol)}
.bg-bilgi-uyari{background:var(--bg-uyari-zemin)}
.bg-bilgi-hata{background:var(--bg-hata-zemin);color:var(--bg-hata)}
.bg-bilgi-basari{background:var(--bg-basari-zemin);color:var(--bg-basari)}

/* Form alanları (bütün sayfalar) */
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],input[type=url],input[type=password],input[type=date],select,textarea{
  font-family:var(--bg-font);font-size:16px;color:var(--bg-metin);background:#fff;border:1.5px solid var(--bg-cizgi);border-radius:var(--bg-kose-kucuk);
  transition:border-color .2s,box-shadow .2s}
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=search]:focus,input[type=number]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus{
  outline:none;border-color:var(--bg-turkuaz);box-shadow:0 0 0 4px rgba(7,157,165,.14)}
label{color:var(--bg-petrol)}

/* Akordeon (details/summary) */
details{border-radius:var(--bg-kose-kucuk)}
details>summary{cursor:pointer}

/* ---------- Ortak üst menü (.og-ust) ---------- */
.og-ust{background:rgba(255,255,255,.92)!important;border-bottom:1px solid transparent}
.og-ust.kaydi{border-bottom-color:var(--bg-cizgi);box-shadow:0 8px 24px -20px rgba(19,75,73,.5)!important}
.og-ust-in{height:72px!important}
.og-kabuk{width:var(--bg-kabuk)!important}
.og-marka img{width:42px!important;height:42px!important;border-radius:12px}
.og-marka b{font-family:var(--bg-font);color:var(--bg-petrol)!important;font-size:19px;font-weight:800;letter-spacing:-.02em}
.og-ust-ek{color:var(--bg-ikincil)!important;font-weight:600!important}
.og-menu a{font-family:var(--bg-font);color:var(--bg-petrol)!important;font-weight:600!important;border-radius:10px}
.og-menu a:hover{color:var(--bg-turkuaz-koyu)!important;background:var(--bg-mint)!important}
.og-ust .og-btn,.og-ust .og-btn-ana{background:var(--bg-turkuaz)!important;color:#fff!important;height:44px!important;border-radius:999px!important;
  box-shadow:var(--bg-golge-dugme)!important;font-family:var(--bg-font)}
.og-ust .og-btn:hover{background:var(--bg-turkuaz-koyu)!important}

/* ---------- Ortak sayfa altı (.og-footer, yeni açık düzen) ---------- */
.og-footer{background:#fff!important;color:var(--bg-ikincil)!important;border-top:1px solid var(--bg-cizgi);padding:0 0 28px!important;overflow:hidden}
.og-footer .og-f-cizgi{display:none!important}
.bgf-cta{margin:40px auto 44px;width:var(--bg-kabuk);background:linear-gradient(135deg,var(--bg-mint) 0%,#E3F6F5 100%);border-radius:var(--bg-kose-buyuk);
  padding:34px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bgf-cta h2{font:800 clamp(22px,3vw,28px)/1.2 var(--bg-font);color:var(--bg-petrol);margin:0 0 6px;letter-spacing:-.02em}
.bgf-cta p{margin:0;color:var(--bg-ikincil);font-size:15.5px;max-width:52ch}
.bgf-izgara{width:var(--bg-kabuk);margin:0 auto;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px}
.bgf-marka{display:flex;flex-direction:column;gap:10px}
.bgf-marka a.bgf-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.bgf-marka img{width:40px;height:40px;border-radius:12px}
.bgf-marka b{font:800 18px/1 var(--bg-font);color:var(--bg-petrol)}
.bgf-marka p{margin:0;font-size:14.5px;color:var(--bg-ikincil);max-width:30ch}
.bgf-elyazi{font-family:'Caveat',cursive;font-size:22px;color:var(--bg-turkuaz-koyu)}
.bgf-sutun h3{font:800 13px/1.2 var(--bg-font);letter-spacing:.08em;text-transform:uppercase;color:var(--bg-petrol);margin:4px 0 12px}
.bgf-sutun ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.bgf-sutun a{color:var(--bg-ikincil)!important;text-decoration:none;font-size:14.5px;font-weight:500}
.bgf-sutun a:hover{color:var(--bg-turkuaz-koyu)!important;text-decoration:underline}
.bgf-alt{width:var(--bg-kabuk);margin:36px auto 0;padding-top:20px;border-top:1px solid var(--bg-cizgi);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13.5px}
.bgf-alt .bgf-sag{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
/* 17.10.2026 — footer güvenlik satırı footer sütunlarıyla aynı genişlikte ve ORTALI (masaüstünde sola yapışmasın) */
.bgf-guvenlik{width:var(--bg-kabuk);margin-left:auto;margin-right:auto;text-align:center}
.bgf-sos{display:flex;gap:8px}
.bgf-sos a{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--bg-mint);color:var(--bg-turkuaz-koyu)!important}
.bgf-sos a:hover{background:var(--bg-mint-3)}
.og-footer .og-tls-rozet,.og-footer .tls-rozet{background:var(--bg-mint)!important;color:var(--bg-petrol)!important;border-color:transparent!important}
@media (max-width:980px){.bgf-izgara{grid-template-columns:1fr 1fr}.bgf-marka{grid-column:1/-1}}
@media (max-width:560px){.bgf-cta{padding:26px 20px}.bgf-cta .bg-dugme{width:100%}.bgf-izgara{gap:24px 16px}}

/* ---------- İç sayfa şablonu (bg.css kullanan sayfalar) ---------- */
.bg-bas{background:linear-gradient(180deg,var(--bg-mint) 0%,#fff 100%)!important;color:var(--bg-petrol)!important;padding:48px 0 34px!important;border:0!important}
.bg-bas::before,.bg-bas::after{display:none!important}
.bg-bas h1{font:800 clamp(30px,5vw,46px)/1.12 var(--bg-font)!important;color:var(--bg-petrol)!important;letter-spacing:-.025em!important}
.bg-bas .ozet,.bg-bas p{color:var(--bg-ikincil)!important;font-size:17.5px!important;max-width:62ch}
.bg-rozet{background:#fff!important;color:var(--bg-turkuaz-koyu)!important;border:1px solid var(--bg-mint-3)!important;border-radius:999px!important;font-family:var(--bg-font)!important;font-weight:700!important}
.bg-kabuk{width:min(820px,calc(100vw - 32px))!important}
.bg-icerik{color:var(--bg-metin);font-size:var(--bg-boy-govde);line-height:1.75}
.bg-icerik h2{font:800 clamp(21px,2.6vw,26px)/1.25 var(--bg-font)!important;color:var(--bg-petrol)!important;margin-top:2.1em!important;letter-spacing:-.02em}
.bg-icerik h3{font:700 18.5px/1.35 var(--bg-font)!important;color:var(--bg-petrol)!important}
.bg-icerik p,.bg-icerik li{color:#2B4E4C}
.bg-icerik a{color:var(--bg-turkuaz-koyu);text-underline-offset:3px}
.bg-icerik table{border-collapse:collapse;width:100%;font-size:15px}
.bg-icerik th,.bg-icerik td{border:1px solid var(--bg-cizgi);padding:10px 12px;text-align:left;vertical-align:top}
.bg-icerik th{background:var(--bg-mint);color:var(--bg-petrol)}
.bg-icerik blockquote,.bg-icerik .not,.bg-icerik .bilgi,.bg-icerik .kutu{background:var(--bg-mint);border:0!important;border-radius:var(--bg-kose);padding:16px 18px}

/* ---------- Blog (blog/style.css) ---------- */
.blog-hero,.post-hero,header.hero{background:linear-gradient(180deg,var(--bg-mint) 0%,#fff 100%)!important;color:var(--bg-petrol)!important}
.card,.post-card{border-radius:var(--bg-kose)!important;border:1px solid var(--bg-cizgi)!important;box-shadow:var(--bg-golge-1)!important;background:#fff!important}
.card:hover,.post-card:hover{box-shadow:var(--bg-golge-2)!important}
.tag{background:var(--bg-mint)!important;color:var(--bg-turkuaz-koyu)!important;border-radius:999px!important}
article{color:var(--bg-metin)}

/* ---------- Hareket tercihi ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .gir{opacity:1!important;transform:none!important}
}

/* ---------- Form düğmeleri (destek, iş ortaklığı, üye doğrula) ---------- */
form button[type=submit]:not(.btn-danger),.bg-icerik button[type=submit]{background:var(--bg-turkuaz)!important;color:#fff!important;border:0!important;
  border-radius:999px!important;min-height:52px;font-family:var(--bg-font)!important;font-weight:700!important;box-shadow:var(--bg-golge-dugme)!important;cursor:pointer}
form button[type=submit]:not(.btn-danger):hover{background:var(--bg-turkuaz-koyu)!important}
form button[type=submit]:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}
.btn-danger{border-radius:999px!important;font-family:var(--bg-font)!important}

/* Blog öne çıkan kart: koyu blok yerine açık mint */
.card.feat{background:linear-gradient(135deg,var(--bg-mint) 0%,#E2F5F4 100%)!important;color:var(--bg-petrol)!important;border-color:transparent!important}
.card.feat h2,.card.feat h3,.card.feat p,.card.feat span:not(.tag){color:inherit!important}
.card.feat p{color:var(--bg-ikincil)!important}

/* Sayfa altı simgeleri (Instagram, e-posta): siyah görünmesin, turkuaz çizgi */
.bgf-sos svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}
.bgf-sos svg [fill]{fill:currentColor}

/* SSL rozeti: açık zeminde okunur renkler */
.og-footer .og-tls-rozet{color:var(--bg-petrol)!important;border:1px solid var(--bg-mint-3)!important;padding:8px 14px!important;border-radius:14px!important}
.og-footer .og-tls-rozet b{color:var(--bg-turkuaz-koyu)!important}
.og-footer .og-tls-rozet small{color:var(--bg-ikincil)!important}
.og-footer .og-tls-rozet:hover{background:var(--bg-mint-3)!important;border-color:var(--bg-turkuaz)!important}