/*
Theme Name: BY Clinic
Text Domain: byclinic
Version: 0.1.1
Requires at least: 6.5
Requires PHP: 8.1
Author: Ego Yazılım - Selman Gündar
Description: Özel, hafif ve sürdürülebilir tema – temizlenmiş sürüm.
*/

/* ==================================
   0) TEMEL DEĞİŞKENLER / RESET
   ================================== */
:root {
  --container: 1200px;

  --font-heading: 'Anton', sans-serif;
  --font-body: 'Nunito', sans-serif;

  /* Renk paleti */
  --brand: #05588E;
  --brand-2: #0d5d8d;
  --ink: #1c3e55;
  --muted: #5f7e94;
  --paper: #ffffff;

  /* Bölüm zeminleri */
  --blue-hero-1: #05588E;
  --blue-hero-2: #0e588b;
  --about-bg: #FFF5FD;

  /* Blog */
  --blog-bg: #71BCEE;

  /* Katman hiyerarşisi */
  --z-backdrop: 3500;
  --z-header: 4000;
  --z-panel: 4100;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body), system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
  line-height: 1.5;
  color: var(--ink);
}

/* Genel kap */
.wrap {
  max-width: var(--container);
  margin-inline: auto;
  padding: clamp(12px, 2vw, 24px);
}

/* ==================================
   1) TİPOGRAFİ
   ================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.brand__title {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: .02em;
  margin: 0;
}

.favorite-title {
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: .02em;
  font-size: 31px;
  text-align: center;
}

.favorite-description {
  font-family: var(--font-body);
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 16px;
  text-align: center;
  padding-bottom: 30px;
}

/* ==================================
   2) HEADER (iki satır: top + main)
   ================================== */
.site-header {
  background: var(--brand);
  z-index: var(--z-header);
}

.site-header a {
  color: #fff;
  text-decoration: none;
}

.site-header .header-wrap {
  display: flex;
  flex-direction: column;
  /* 2 satır */
  gap: 6px;
  padding-block: 8px 6px;
}

.site-header .header-top,
.site-header .header-main {
  width: 100%;
}

/* 2.1 ÜST SATIR: Dil sola • Sosyal sağa */
.site-header .header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
}

/* Dil dropdown */
.dropdown {
  position: relative;
}

.dropdown__toggle {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .4);
  color: #fff;
  border-radius: 10px;
  padding: 6px 12px;
  cursor: pointer;
  font-family: var(--font-body);
  font-weight: 700;
}

.dropdown__menu {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  min-width: 160px;
  padding: 6px;
  margin: 0;
  list-style: none;
  display: none;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
  z-index: 1000;
}

.dropdown.is-open .dropdown__menu {
  display: block;
}

.dropdown__menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  color: #12384f;
  font-weight: 700;
  text-decoration: none;
}

.dropdown__menu a:hover {
  background: #0b3f63;
  color: #fff;
}

/* Sosyal ikonlar */
.social {
  display: flex;
  gap: 12px;
}

.social__link {
  color: #eaf6ff;
  opacity: .9;
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  transition: opacity .15s, transform .15s;
}

.social__link:hover {
  opacity: 1;
  transform: translateY(-1px);
}

/* 2.2 ALT SATIR: Logo sola • Menü sağa */
.site-header .header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  padding-top: 12px;
}

.site-header .custom-logo-img {
  max-height: 112px;
  width: auto;
  display: block;
}

.brand__text {
  color: #fff;
  font-weight: 800;
  font-size: 20px;
}

/*
MENU İÇİN
*/
/* =========================================================
   NAV (BY) — Masaüstü & Mobil menü sistemi
   Yapı: header-top (lang + social), header-main (logo + menü)
   ========================================================= */

:root{
  --by-nav-h: 64px;
  --by-brand-ink: #0b3f63;
  --by-ink: #0b3f63;
  --by-ink-invert: #fff;
  --by-ink-dim: rgba(17,58,83,.75);
  --by-surface: #ffffff;
  --by-surface-soft: #f6f9fc;
  --by-border: #e6eef5;
  --by-accent: #05588E;
  --by-shadow: 0 10px 28px rgba(0,0,0,.18);
  --by-radius-lg: 14px;
  --by-radius-md: 10px;
  --by-radius-sm: 8px;
  --by-z-backdrop: 3500;
  --by-z-panel: 4100;
}

/* ---------- Genel header iskeleti ---------- */
.site-header.menu-skin--blue { color: var(--by-ink); }
.header-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.header-top{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:10px 0; border-bottom:1px solid var(--by-border);
}
.header-main{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-height: var(--by-nav-h);
}
.brand__link{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--by-brand-ink); }
.custom-logo-img{ height:46px; width:auto; }

/* ---------- Sosyal linkler ---------- */
.social { display:flex; align-items:center; gap:10px; }
.social__link{
  display:inline-grid; place-items:center; width:34px; height:34px;
  color: var(--by-ink); border-radius: 50%; text-decoration:none;
  transition: transform .15s ease, background-color .15s ease, color .15s ease;
}
.social__link:hover{ transform: translateY(-1px); background:#eef6fb; color:var(--by-accent); }

/* ---------- Dil açılır menüsü ---------- */
.dropdown.lang {
  position: relative;
  z-index: calc(var(--by-z-panel) + 1); /* Üst katmanda dursun */
}

.dropdown.lang .dropdown__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--by-border);
  border-radius: var(--by-radius-md);
  background: #fff;
  color: var(--by-ink);
  cursor: pointer;
  font-weight: 700;
}

.dropdown.lang .dropdown__menu {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  min-width: 220px;
  background: #fff;
  border: 1px solid var(--by-border);
  border-radius: var(--by-radius-lg);
  box-shadow: var(--by-shadow);
  padding: 8px;
  margin: 0;
  list-style: none;
  display: none;
  z-index: calc(var(--by-z-panel) + 2); /* toggle'dan daha yüksek */
}

.dropdown.lang[aria-expanded="true"] .dropdown__menu,
.dropdown .dropdown__toggle[aria-expanded="true"] + .dropdown__menu {
  display: block;
}

.dropdown.lang .dropdown__menu a {
  display: block;
  padding: 10px 12px;
  border-radius: var(--by-radius-sm);
  color: var(--by-ink);
  text-decoration: none;
  font-weight: 700;
}

.dropdown.lang .dropdown__menu a:hover {
  background: #eef6fb;
  color: var(--by-accent);
}

/* Menüler açıkken Language dropdown'ı panelin altında kalsın */
body.nav-open .dropdown.lang{
  z-index: var(--z-header);                /* 4000 → panelden düşük */
}
body.nav-open .dropdown.lang .dropdown__menu{
  z-index: var(--z-header);
}
/* ========== MASAÜSTÜ MENÜ ========== */
.desktop-nav{ display:block; }
.primary-nav{ list-style:none; padding:0; margin:0; }
.primary-nav.primary-nav--desktop > li{ display:inline-block; font-size:15px; font-weight: 600; position:relative;}
.primary-nav.primary-nav--desktop > li > a{
  display:inline-block; padding:12px 10px; text-decoration:none; color:#fff; font-weight:800;
  border-radius: var(--by-radius-md);
}
.menu-skin--blue .primary-nav.primary-nav--desktop > li > a{ color: var(--by-ink-invert); }
.primary-nav.primary-nav--desktop > li > a:hover{ background: rgba(255,255,255,.09); }

/* Alt menüler (depth 4) */
.primary-nav .sub-menu{
  list-style:none; margin:0; padding:8px; min-width: 220px;
  position:absolute; left:0; top:100%;
  background:#fff; color: var(--by-ink); border:1px solid var(--by-border);
  border-radius: var(--by-radius-lg); box-shadow: var(--by-shadow); display:none; z-index: var(--by-z-panel);
}
.primary-nav li:hover > .sub-menu,
.primary-nav li:focus-within > .sub-menu{ display:block; }

.primary-nav .sub-menu li{ position:relative;  min-width: 250px; }
.primary-nav .sub-menu a{
  display:block; padding:10px 12px; border-radius: var(--by-radius-sm);
  color: var(--by-ink); text-decoration:none; font-weight:700;
}
.primary-nav .sub-menu a:hover{ background:#0b3f63; color:#fff; }

/* 3+ seviye (sağa açılır) */
.primary-nav .sub-menu .sub-menu{ top:0; left:100%;}

/* İsteğe bağlı ok göstergesi */
.primary-nav li.menu-item-has-children > a::after{
  content:"▾"; margin-left:6px; font-size:.8em; opacity:.85;
}
.primary-nav .sub-menu li.menu-item-has-children > a::after{ content:"▸"; }

/* ========== MOBİL MENÜ (OFF-CANVAS) ========== */
.hamburger{
  display:none; position:relative; width:40px; height:40px; border:0; background:transparent; cursor:pointer;
}
.hamburger span{
  position:absolute; left:8px; right:8px; height:2px; background:#fff; transition:.2s ease;
}
.hamburger span:nth-child(1){ top:12px; }
.hamburger span:nth-child(2){ top:19px; }
.hamburger span:nth-child(3){ top:26px; }
.hamburger[aria-expanded="true"] span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.hamburger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.hamburger[aria-expanded="true"] span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

/* Panel + backdrop */
.primary-nav-wrap{
  position:fixed; top:0; right:0; height:100dvh; width:min(92vw, 360px);
  background:#fff; box-shadow: var(--by-shadow); transform: translateX(100%);
  transition: transform .25s ease; z-index: var(--by-z-panel);
  display:flex; flex-direction:column;
}
.primary-nav-wrap.is-open{ transform: translateX(0); }
.nav-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.45); opacity:0; transition: opacity .2s ease;
  z-index: var(--by-z-backdrop);
}
.nav-backdrop.is-open{ opacity:1; }

/* Panel içi */
.nav-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 9999; /* Panelin üstünde kalır */
}

.nav-close::before,
.nav-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background: #133b53;
  transform-origin: center;
}

.nav-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.nav-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Hover/Focus efekti (isteğe bağlı) */
.nav-close:hover,
.nav-close:focus {
  opacity: 0.7;
}

.mobile-nav{ list-style:none; margin:0; padding:60px 12px 16px; overflow:auto; }
.mobile-nav > li > a{
  display:block; padding:12px 14px; border-radius: var(--by-radius-md); text-decoration:none;
  color: var(--by-ink); font-weight:800;
}
.mobile-nav > li > a:hover{ background:#eef6fb; }

/* Alt menüler (varsayılan kapalı) — JS li'ye .is-open ekleyecek */
.mobile-nav .sub-menu{
  display:none; margin:6px 0 8px; padding-left:10px; border-left:3px solid var(--by-border);
}
.mobile-nav li.is-open > .sub-menu{ display:block; }
.mobile-nav .sub-menu a{
  display:block; padding:10px 12px; border-radius: var(--by-radius-sm); text-decoration:none; color:#1e4a67; font-weight:700;
}
.mobile-nav .sub-menu a:hover{ background:#eef6fb; }

/* Erişilebilir alt-menü butonu (JS ile eklenecek) */
.mobile-nav .submenu-toggle{
  appearance:none; border:0; background:transparent; cursor:pointer; padding:10px; margin-left:6px;
  font-weight:800; color:#0b3f63; border-radius: var(--by-radius-sm);
}
.mobile-nav .submenu-toggle:focus{ outline:2px solid #cfe3f4; outline-offset:2px; }
.mobile-nav .submenu-toggle::after{
  content:"▸"; display:inline-block; transform: rotate(0deg); transition: transform .15s ease; margin-left:4px;
}
.mobile-nav .submenu-toggle[aria-expanded="true"]::after{ transform: rotate(90deg); }

/* ---------- Görünürlük kuralları ---------- */
@media (max-width: 1023.98px){
  .desktop-nav{ display:none; }
  .hamburger{ display:inline-block; }
}
@media (min-width: 1024px){
  #offcanvas-nav, .nav-backdrop{ display:none !important; }
}

/* ---------- Gövde kilidi (mobil panel açıkken) ---------- */
body.nav-open{ overflow:hidden; touch-action:none; }

/* ---------- Küçük yardımcılar ---------- */
.primary-nav a{ white-space: nowrap; }
.primary-nav .sub-menu a{ white-space: normal; }

/* ===== Fix: Desktop flyout sadece masaüstüne uygulansın ===== */
.primary-nav.primary-nav--desktop .sub-menu{
  list-style:none; margin:0; padding:8px; min-width: 220px;
  position:absolute; left:0; top:100%;
  background:#fff; color: var(--by-ink); border:1px solid var(--by-border);
  border-radius: var(--by-radius-lg); box-shadow: var(--by-shadow); display:none; z-index: var(--by-z-panel);
}
.primary-nav.primary-nav--desktop li:hover > .sub-menu,
.primary-nav.primary-nav--desktop li:focus-within > .sub-menu{ display:block; }
.primary-nav.primary-nav--desktop .sub-menu .sub-menu{ top:0; left:100%; }

/* ===== Fix: Mobil alt menüler düz, dikey ve girintili olsun ===== */
.primary-nav.mobile-nav .sub-menu{
  /* desktop'tan gelenleri sıfırla */
  position: static !important;
  left: auto !important;
  top: auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  /* akordeon görünüm */
  display: none;
  margin: 6px 0 8px;
  padding: 6px 0 0 12px;
  border-left: 3px solid var(--by-border);
}
.primary-nav.mobile-nav li.is-open > .sub-menu{ display:block; }

/* 3. ve 4. seviye girintiler */
.primary-nav.mobile-nav .sub-menu .sub-menu{
  border-left: 3px solid var(--by-border);
  margin-left: 8px;
  padding-left: 12px;
}

/* Mobilde link sonundaki desktop oklarını gizle (kendi toggle butonumuz var) */
.primary-nav.mobile-nav li.menu-item-has-children > a::after{ content: none !important; }

/* Mobil link hover/focus tutarlı dursun */
.primary-nav.mobile-nav > li > a{ border-radius: var(--by-radius-md); }
.primary-nav.mobile-nav .sub-menu a{
  display:block; padding:10px 12px; border-radius: var(--by-radius-sm);
  color:#1e4a67; text-decoration:none; font-weight:700;
}
.primary-nav.mobile-nav .sub-menu a:hover{ background:#eef6fb; }

/* Off-canvas panel kaydırılabilir olsun (uzun menüler için) */
.primary-nav-wrap{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Linkte ok göster, açıkken döndür */
.primary-nav.mobile-nav li.menu-item-has-children > a::after{
  content:"▸" !important;
  float:right;
  transform: rotate(0deg);
  transition: transform .15s ease;
  opacity:.9;
}
.primary-nav.mobile-nav li.is-open > a::after{
  transform: rotate(90deg);
}



/* ==================================
   3) HERO
   ================================== */
#hero {
  position: relative;
  background: linear-gradient(180deg, var(--blue-hero-1) 0%, var(--blue-hero-2) 100%);
  color: #fff;
  padding: clamp(10px, 10vw, 50px) 0;
  overflow: hidden;
}

#hero .inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 40px;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 16px;
}

#hero h1 {
  font-size: 91px;
  line-height: 100px;
  margin: 0 0 10px;
  text-align: center;
}

#hero p {
  font-size: 33px;
  line-height: 34px;
  font-weight: 600;
  margin: 0 0 24px;
  text-align: center;
}

#hero img {
  max-width: 100%;
  border-radius: 16px;
}

/* dalga */
.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
  line-height: 0;
}

.wave svg {
  transform: rotate(180deg) scaleX(-1);
  width: 100%;
  height: 100%;
  display: block;
}

.wave path {
  fill: #FFF5FD;
}

/* === HERO – Mobil hizalama düzeltmesi (masaüstü etkilenmez) === */
@media (max-width: 768px) {
  #hero .inner {
    grid-template-columns: 1fr;      /* üst üste gelsin */
    text-align: center;              /* metinleri ortala */
    justify-items: center;           /* grid içi merkez */
    gap: 28px;                       /* boşluk ayarı */
  }

  #hero .hero-text {
    order: 1;                        /* metin önce */
  }

  #hero .hero-image {
    order: 2;                        /* görsel sonra */
  }

  #hero h1 {
    font-size: 48px;                 /* mobil için küçültülmüş başlık */
    line-height: 1.1;
  }

  #hero p {
    font-size: 18px;                 /* mobil paragraf boyutu */
    line-height: 1.4;
    margin: 0 auto 16px;
  }

  #hero img {
    max-width: 280px;
    height: auto;
    border-radius: 12px;
  }
}


/* ==================================
   4) FAVORITE PROCEDURES
   ================================== */
#procedures {
  position: relative;
  background: linear-gradient(180deg, #0b4f7a 0%, #0a5a8e 100%);
  color: #e8f4fb;
  padding: clamp(36px, 6vw, 70px) 0;
}

#procedures .section-title {
  text-align: center;
  margin: 0 0 6px;
  font-size: clamp(18px, 2.4vw, 28px);
  letter-spacing: .08em;
  font-weight: 700;
  color: #eaf6ff;
  text-transform: uppercase;
}

#procedures .section-sub {
  text-align: center;
  margin: 0 0 28px;
  font-style: italic;
  opacity: .85;
}

/* grid */
.procedures-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: clamp(18px, 2.4vw, 34px);
  list-style: none;
  padding: 0;
  margin: clamp(10px, 2vw, 24px) auto 0;
  max-width: var(--container);
  padding-bottom: 100px;
}

.procedure-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: inherit;
  gap: 10px;
  transition: transform .22s, opacity .22s, box-shadow .22s;
}

.procedure-icon {
  width: 140px;
  height: 140px;
  display: grid;
  place-items: center;
  margin-bottom: 10px;
}

.procedure-icon img,
.procedure-icon svg {
  width: 100%;
  display: block;
}

.procedure-title {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.2;
  color: #fff;
  font-size: clamp(.9rem, 1.1vw, 1rem);
}

.procedure-excerpt {
  max-width: 26ch;
  line-height: 1.35;
  font-size: .90rem;
  color: #fff;
}

.procedure-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
}

/* responsive */
@media (max-width:1200px) {
  .procedures-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }
}

@media (max-width:640px) {
  .procedures-grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }

  .procedure-icon {
    width: 110px;
    height: 110px;
  }

  .procedure-icon img,
  .procedure-icon svg {
    width: 100px;
    height: 100px;
  }
}

/* ==================================
   5) ABOUT / DOCTOR BIO
   ================================== */
.about-section {
  position: relative;
  background: var(--about-bg);
  color: #143a55;
  padding: clamp(12px, 6vw, 20px) 0;
  padding-bottom: 50px;
  overflow: hidden;
}

.about-wave {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100px;
  line-height: 0;
  overflow: hidden;
  pointer-events: none;
}

.about-wave svg {
  display: block;
  width: 100%;
  height: 100%;
}

.about-wave path {
  fill: var(--brand);
}

.about-wave--top {
  top: -1px;
  transform: rotate(180deg);
}

.about-wave--bottom {
  bottom: -1px;
}

.about-inner {
  display: grid;
  grid-template-columns: minmax(280px, 520px) 1fr;
  align-items: center;
  gap: clamp(24px, 4vw, 60px);
}

.about-media {
  display: flex;
  justify-content: center;
}

.about-avatar {
  position: relative;
  width: min(560px, 36vw);
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
}

.about-avatar img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
}

.about-overtitle {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 30px;
  color: #195e8a;
}

.about-title {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 19px;
  letter-spacing: .02em;
  color: var(--brand);
  margin: 0 0 36px;
}

.about-text {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  color: #305d79;
}

.about-text p {
  margin: 0 0 12px;
}

.about-link {
  display: inline-block;
  margin-top: 10px;
  font-family: var(--font-body);
  font-weight: 700;
  text-decoration: none;
  color: var(--brand);
}

.about-link:hover {
  color: var(--brand);
}

@media (max-width:900px) {
  .about-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .about-content {
    max-width: 720px;
    margin-inline: auto;
  }
}

/* ==================================
   6) TESTIMONIAL
   ================================== */
.testimonial-section {
  background-color: var(--brand);
  color: #eaf6ff;
  padding: clamp(36px, 6vw, 70px) 0;
  position: relative;
}

.testimonial-title {
  text-align: center;
  font-family: var(--font-heading);
  letter-spacing: .02em;
  font-size: clamp(22px, 3vw, 28px);
  margin: 0 0 22px;
}

.testimonial-title span {
  font-weight: 400;
  opacity: .95;
}

.t-carousel {
  max-width: 920px;
  margin: 0 auto;
}

.t-track {
  position: relative;
}

.t-slide {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .25s, transform .25s, visibility .25s;
  position: absolute;
  inset: 0;
}

.t-slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: none;
}

.t-card {
  background: #fff;
  color: var(--ink);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
  padding: clamp(16px, 3vw, 26px) clamp(16px, 3vw, 30px);
  display: grid;
  min-height: 340px;
}

.t-avatar {
  position: absolute;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
  width: 300px;
  height: 300px;
  border-radius: 999px;
  background: var(--brand);
  display: grid;
  place-items: center;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

.t-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
}

.t-body {
  margin-left: 340px;
}

.t-name {
  font-family: Segoe UI;
  font-weight: 700;
  font-size: 24px;
  margin: 2px 0 4px;
}

.t-meta {
  font-family: Segoe UI;
  font-weight: 400;
  font-style: italic;
  font-size: .95rem;
  color: var(--muted);
  margin-bottom: 10px;
}

.t-text {
  color: #375f7a;
  line-height: 1.6;
  font-size: 15.5px;
}

.t-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
  user-select: none;
}

.t-dot {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  width: 36px;
  height: 12px;
  position: relative;
}

.t-dot span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .35), rgba(255, 255, 255, .15));
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .18), 0 3px 8px rgba(0, 0, 0, .12);
  transition: background .2s, transform .2s;
}

.t-dot.is-active span {
  background: linear-gradient(180deg, #f49cbd, #ff89b8);
  transform: translateY(-1px);
}

.t-dot span::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  top: 50%;
  height: 4px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(255, 255, 255, .25);
}

.t-dot.is-active span::after {
  background: rgba(255, 255, 255, .45);
}

@media (max-width:900px) {
  .t-avatar {
    left: -54px;
    width: 150px;
    height: 150px;
  }

  .t-body {
    margin-left: 120px;
  }
}

@media (max-width:640px) {
  .t-card {
    padding-left: 22px;
  }

  .t-avatar {
    left: -44px;
    width: 120px;
    height: 120px;
  }

  .t-body {
    margin-left: 92px;
  }
}

/* ==================================
   7) "DO YOU HAVE A QUESTION?"
   ================================== */
.contact-call-section {
  background: #F7C5ED;
  padding: clamp(60px, 10vw) 0;
  overflow: hidden;
}

.contact-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

.contact-text {
  flex: 1;
  text-align: center;
  z-index: 2;
}

.contact-doyou {
  font-family: var(--font-body);
  color: #0b3f63;
  font-size: 78px;
  font-weight: 800;
  line-height: 90px;
  padding-top: 20px;
}

.contact-doyou span {
  display: block;
}

.contact-description {
  font-family: var(--font-body);
  color: #0b3f63;
  font-size: 54px;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 35px;
}

.contact-description span {
  display: block;
}

.contact-btn {
  background: #0b3f63;
  color: #fff;
  font-family: var(--font-body);
  font-weight: 600;
  padding: 10px 26px;
  border-radius: 10px;
  text-decoration: none;
  display: inline-block;
  transition: all .2s;
}

.contact-btn:hover {
  background: #08324e;
  transform: translateY(-2px);
}

.contact-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-image img {
  max-width: 480px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width:900px) {
  .contact-wrap {
    flex-direction: column-reverse;
    gap: 30px;
  }

  .contact-title {
    font-size: clamp(28px, 6vw, 46px);
  }

  .contact-btn {
    font-size: 15px;
  }
}

/* ==================================
   8) BEFORE & AFTER
   ================================== */
.ba-section {
  position: relative;
  background-color: var(--brand);
  color: #71BCEE;
  padding: clamp(36px, 6vw, 70px) 0 70px;
  overflow: hidden;
}

.ba-wrap {
  text-align: center;
}

.ba-title {
  font-family: var(--font-body);
  font-size: 31px;
  color: #fff;
  letter-spacing: .06em;
  margin: 0 0 6px;
}

.ba-title span {
  color: #fff;
}

.ba-sub {
  margin: 0 0 22px;
  font-style: italic;
  opacity: .85;
  font-family: var(--font-body);
  font-size: 20px;
  color: #fff;
}

.ba-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: clamp(18px, 2vw, 28px);
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0 auto 18px;
  padding: 0;
  max-width: 1100px;
}

.ba-item {
  position: relative;
  display: block;
  width: 180px;
  height: 180px;
  margin-inline: auto;
  border-radius: 999px;
  overflow: hidden;
  background: radial-gradient(circle at 40% 30%, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02) 50%), #0a4f78;
  box-shadow: inset 0 0 0 8px rgba(255, 255, 255, .06), 0 12px 26px rgba(0, 0, 0, .25);
  transition: transform .2s, box-shadow .2s;
}

.ba-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(0, 0, 0, .28);
}

.ba-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ba-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: #fff;
  opacity: .9;
  transform: translateX(-50%);
}

.ba-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
}

.ba-handle::before,
.ba-handle::after {
  content: "";
  position: absolute;
  inset: 6px;
  border: 2px solid var(--brand);
  border-radius: 999px;
}

.ba-btn {
  display: inline-block;
  margin-top: 6px;
  padding: .55rem 1.1rem;
  border-radius: 10px;
  background: #78a9c9;
  color: #08324e;
  text-decoration: none;
  font-family: var(--font-body);
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
  transition: transform .18s, box-shadow .18s, opacity .18s;
}

.ba-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .22);
}

.ba-wave-bottom {
  position: relative;
  overflow: hidden;
}

/* Dalgayı çizen pseudo-element */
.ba-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
  line-height: 0;
}

.ba-wave svg {
  transform: scaleX(-1);
  width: 100%;
  height: 150%;
  display: block;
}

.ba-wave path {
  fill: #71BCEE;
}

@media (max-width:1000px) {
  .ba-grid {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
  }

  .ba-item {
    width: 160px;
    height: 160px;
  }
}

@media (max-width:760px) {
  .ba-grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
}

/* ==================================
   9) BLOG & NEWS
   ================================== */
/* ===== BLOG & NEWS SECTION ===== */
.blog-section {
  background-color: #71BCEE;
  /* açık mavi */
  position: relative;
  padding: 60px 8%;
  z-index: 2;
  /* overflow: hidden; kaldırıldı, görselin taşmasına izin veriyoruz */
}

/* === Sol görsel - arka planda ve alta taşan yapı === */
.blog-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 55vw;
  max-width: 750px;
  height: calc(100% + 60px);
  /* footer’a kadar taşması için */
  z-index: 1;
  pointer-events: none;
  /* Tıklamaları engelleme */
}

.blog-image img {
  width: 150%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
  /* Üstten başlasın */
  transform: translate(-30%, 0);
  /* Hafif sola kaydırma */
  max-width: none;
  border-radius: 0;
}

/* === İçerik alanı === */
.blog-wrap,
.blog-container,
.blog-content {
  position: relative;
  z-index: 3;
  /* Görselin üstünde kalır */
}

.blog-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
}

/* Blog content hizalama */
.blog-content {
  flex: 1 1 45%;
  color: #fff;
  max-width: 620px;
  /* içerik genişliği */
  margin-right: 8%;
  /* sağdan boşluk */
  margin-left: 3%;
  /* sola çekme */
}

.blog-title {
  font-family: var(--font-body);
  font-size: 31px;
  color: #fff;
  letter-spacing: .06em;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.blog-subtitle {
  font-family: var(--font-body);
  font-size: 20px;
  font-style: italic;
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.8);
}

/* === Blog kart listesi === */
.blog-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blog-item {
  background: #05588E;
  border-radius: 50px;
  min-height: 135px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  transition: all 0.3s ease;
}

.blog-item:hover {
  background: #022F58;
  transform: translateY(-2px);
}

.blog-text {
  font-family: var(--font-body);
  flex: 1;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  padding-right: 15px;
}

.blog-thumb {
  width: 130px;
  height: 90px;
  border-radius: 30%;
  overflow: hidden;
  flex-shrink: 0;
}

.blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== RESPONSIVE (TABLET + MOBİL) ===== */
@media (max-width: 991.98px) {
  .blog-section {
    padding: 40px 5%;
  }

  .blog-container {
    flex-direction: column;
    align-items: center;
  }

  /* Mobilde görsel üstte tam genişlikte */
  .blog-image {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
  }

  .blog-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    transform: none;
  }

  .blog-content {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }

  .blog-list {
    align-items: center;
  }

  .blog-item {
    width: 90%;
  }
}

/*=================================
BEFORE AFTER CSS
===================================*/
/* ===== BEFORE & AFTER (tam sabitlenmiş sürüm) ===== */

.before-after-section {
  background-color: #71BCEE;
  padding: 80px 8%;
  text-align: center;
}

.section-title {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.section-subtitle {
  color: rgba(255, 255, 255, 0.8);
  font-style: italic;
  margin-bottom: 40px;
}

/* === Slider kutusu === */
.ba-slider {
  --pos: 50%;
  --ratio: 1/1;
  position: relative;
  width: 100%;
  max-width: 740px;
  aspect-ratio: var(--ratio);
  border-radius: 18px;
  overflow: hidden;
  margin-inline: auto;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
}

/* Katmanlar */
.ba-after,
.ba-before-clip {
  position: absolute;
  inset: 0;
}

.ba-after img,
.ba-before-clip img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  user-select: none;
  pointer-events: none;
}

/* Before alanını clip ile kes */
.ba-before-clip {
  clip-path: inset(0 calc(100% - var(--pos)) 0 0);
  box-shadow: inset -2px 0 0 #fff;
}

/* === Orta çizgi + tutamaç === */
.ba-handle {
  position: absolute;
  inset: 0 auto 0 calc(var(--pos) - 1px);
  width: 2px;
  background: #fff;
  border: none;
  padding: 0;
  cursor: ew-resize;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  z-index: 5;
}

/* Daire tam merkezde */
.ba-handle span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* kesin merkezleme */
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #0b3f63;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  /* sadece çizgi hareket ettirilebilir */
}

/* Ok ikonları */
.ba-handle span::before,
.ba-handle span::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ba-handle span::before {
  left: 10px;
  transform: translateY(-50%) rotate(-135deg);
}

.ba-handle span::after {
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
}

/* === Label etiketleri === */
.ba-tag {
  position: absolute;
  top: 15px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  border-radius: 20px;
  text-transform: uppercase;
  z-index: 6;
}

.ba-tag--before {
  left: 15px;
}

.ba-tag--after {
  right: 15px;
}


/* === Responsive === */
@media (max-width: 768px) {
  .before-after-section {
    padding: 60px 5%;
  }

  .section-title {
    font-size: 26px;
  }

  .ba-slider {
    max-width: 100%;
  }

  .ba-handle span {
    width: 36px;
    height: 36px;
  }

  .ba-handle span::before {
    left: 8px;
  }

  .ba-handle span::after {
    right: 8px;
  }
}

.twentytwenty-container {
  height: 400px !important;
}

.byc-ba[data-ratio] {
  aspect-ratio: attr(data-ratio string);
}


/* PAGE HERO */
.page-hero {
  position: relative;
  padding: 10px 0 80px;
  overflow: hidden;
  background: #05588E;
  /* üst mavi */
}

.page-hero__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #05588E 0%, #05588E 55%, rgba(11, 90, 133, 0.9) 100%);
  pointer-events: none;
}

.page-hero__wrap {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 40px;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
}

.page-hero__col--text {
  color: #fff
}

.page-hero__title {
  font-size: 46px;
  line-height: 55px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 10px
}

.page-hero__subtitle {
  color: #e6f3fb;
  max-width: 640px;
  font-weight: 600;
  line-height: 23px;
  margin: 0;
  font-family: var(--font-body);
  font-size: 28px;
}

/* SAĞ GÖRSEL — ring ve border YOK */
.page-hero__media {
  position: relative;
  width: 450px;
  height: 450px;
  margin-left: auto;
}

.page-hero__media img {
  height: 450px;
  object-fit: cover;
  border-radius: 1%;
  /* sadece daire; kenarlık yok */
  border: none;
  /* güvence */
  box-shadow: none;
  /* gölge de olmasın istiyorsan */
}

/* Alt dalga — BEYAZ */
.page-hero__wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 160px;
  z-index: 1;
}

.page-hero__wave svg {
  width: 100%;
  height: 100%;
  display: block
}

/* Responsive */
@media (max-width: 991.98px) {
  .page-hero {
    padding: 80px 0 60px
  }

  .page-hero__wrap {
    grid-template-columns: 1fr;
    text-align: center
  }

  .page-hero__media {
    margin: 30px auto 0
  }

  .page-hero__title {
    font-size: 36px
  }

  .page-hero__subtitle {
    font-size: 18px;
    margin-inline: auto
  }
}

@media (max-width: 600px) {
  .page-hero__media {
    width: 240px;
    height: 240px
  }
}

/* === PAGE HERO – MOBILE FIX === */
@media (max-width: 768px){
  .page-hero{
    /* dalga için altta yer ayır */
    padding: 24px 5% 140px;
  }
  .page-hero__wrap{
    grid-template-columns: 1fr;
    text-align: center;
    justify-items: center;   /* her şeyi orta hizala */
    gap: 20px;
  }
  .page-hero__title{
    font-size: 32px;
    margin-bottom: 8px;
  }
  .page-hero__subtitle{
    font-size: 16px;
    max-width: 26ch;         /* satır boyunu kısalt */
    margin: 0 auto;
  }

  /* Görsel tamamen merkeze alınsın ve taşmasın */
  .page-hero__media{
    margin: 12px auto 0;     /* ← masaüstündeki margin-left:auto’yu ez */
    left: auto; right: auto; /* olası kalıtımı sıfırla */
    width:  clamp(200px, 60vw, 260px);
    height: clamp(200px, 60vw, 260px);
  }
  .page-hero__media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0; box-shadow: none;
  }

  /* Dalga sabit altta; içerikle çakışmasın */
  .page-hero__wave{
    height: 120px;
    bottom: 0;
    z-index: 1;
  }
}

/* İçerik her zaman dalganın üstünde kalsın */
.page-hero__wrap{ position: relative; z-index: 2; }



/*
Sayfa içeriği
*/
.wp-block-heading {
  color: #3a3a3a;
  font-weight: 700;
  line-height: 39px;
  margin: 0;
  padding: 20px 0px 10px 0px;
  font-family: var(--font-body);
  font-size: 30px;
}

.entry-content>p {
  color: #05588e;
  font-weight: 400;
  line-height: 33px;
  margin: 0;
  font-family: var(--font-body);
  font-size: 18px;
  padding-bottom: 10px;
}

.pba-title{
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 31px;
  text-align: center;
  letter-spacing: .02em;
  color: var(--brand);
  margin: 0 0 36px;
}

.wp-element-button{
  /* font-family: var(--font-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  background-color: #71BCEE;
  color: #05588E;
  border-radius: 10% 10% 10% 10%; */
  display: inline-block;
  background-color: #71BCEE;        /* açık mavi arka plan */
  color: #05588E;                   /* koyu mavi yazı */
  font-family: var(--font-body);
  font-weight: 400;
  text-decoration: none;
  border: none;
  border-radius: 12px;              
  padding: 10px 28px;
}

/* Hover efekti */
.wp-element-button:hover {
  background-color: #0b3f63;        /* koyu maviye geçiş */
  color: #fff;                      /* beyaz yazı */
}

@media (max-width: 600px) {
  .wp-element-button {
    font-size: 16px;
    padding: 8px 22px;
  }
}



/* ==================================
   10) FOOTER
   ================================== */
.site-footer {
  background: #022F58;
  color: #cfe3ef;
  font-family: var(--font-body);
}

.footer-top {
  padding: 36px 0 18px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  gap: clamp(18px, 3vw, 42px);
  align-items: flex-start;
}

.footer-brand img {
  max-width: 160px;
  height: auto;
}

.footer-logo-text {
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  font-size: 20px;
}

.footer-title {
  font-family: var(--font-body);
  font-size: 17px;
  color: #D7B56C;
  font-weight: 800;
  margin: 0 0 10px;
  letter-spacing: .02em;
}

.footer-menu {
  font-family: var(--font-body);
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu li {
  font-family: var(--font-body);
  margin: 6px 0;
}

.footer-menu a {
  color: #cfe3ef;
  text-decoration: none;
  transition: opacity .2s;
}

.footer-menu a:hover {
  opacity: .8;
}

.footer-bottom {
  padding: 10px 0 16px;
}

.footer-bottom-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.footer-social {
  display: flex;
  gap: 16px;
}

.footer-social .sicon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #e9f6ff;
  background: rgba(255, 255, 255, .08);
  border-radius: 999px;
  transition: transform .15s, background .15s, opacity .15s;
}

.footer-social .sicon:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, .18);
}

.footer-copy {
  font-size: 14px;
  color: #cfe3ef;
  text-align: center;
}

.footer-copy .powered a {
  color: #63d08f;
  text-decoration: none;
  font-weight: 700;
}

.footer-copy .powered a:hover {
  text-decoration: underline;
}

@media (max-width:960px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:600px) {
  .footer-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-brand {
    order: -1;
  }
}


/* helpers */

.landingpage-title{
  font-size: 40px !important;
  color: #05588E;
}
.landingpage-description{
  font-size: 22px !important;
  color: #05588E;
  padding-bottom: 50px !important;
}

.landing-title{
  font-size: 20px;;
  margin-bottom: -30px;
  color: #05588E;
}

.landing-description{
  font-size: 15px;;
  color: #05588E;
}

.landing-callcenter{
  background-image: url('http://ceyyu.com/barisyigit/wp-content/uploads/2025/10/lower-cta-bg.webp');
  background-size: cover;
}




/* ====== Section Base ====== */
.by-stats-section{
  background:#ffd4e6;           /* pembe şerit */
  padding: clamp(40px, 6vw, 72px) 0;
  color:#0b3f63;                 /* deniz mavisi metin */
}

.by-stats-section .wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ====== Header ====== */
.by-stats-header{
  text-align:center;
  margin-bottom: clamp(28px, 4vw, 48px);
}

.by-stats-header h2{
  font: var(--font-body);
   font-size: 40px !important;
  color: #05588E;
}

.by-stats-header h2 strong{
  font-weight: 800;
}

.by-stats-lead{
  max-width: 900px;
  margin: 0 auto;
  opacity:.9;
  line-height:1.6;
  font-size: clamp(14px, 1.5vw, 18px);
  color:#18324a;                 /* daha okunaklı koyu ton */
}

/* ====== Grid ====== */
.by-stats-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 3.5vw, 44px);
  align-items: start;
  margin-top: clamp(24px, 4vw, 40px);
  list-style:none;
  padding:0;
}

/* Tablet */
@media (max-width: 1024px){
  .by-stats-grid{ grid-template-columns: repeat(3, 1fr); }
}

/* Phablet */
@media (max-width: 820px){
  .by-stats-grid{ grid-template-columns: repeat(2, 1fr); }
}

/* Mobile */
@media (max-width: 520px){
  .by-stats-grid{ grid-template-columns: 1fr; }
}

/* ====== Item ====== */
.by-stat{
  text-align:center;
  padding: 6px 8px;
}

.by-stat figure{
  margin: 0 auto 12px;
  width: 72px; height: 72px;
  display:grid; place-items:center;
}

.by-stat img{
  width: 64px; height: 64px;
  object-fit: contain;
  transition: transform .28s ease;
}

.by-stat-title{
  font: var(--font-body);
  font-size: 18px !important;
  font-weight: 700;
  color: #05588E;
}

.by-stat-sub{
  margin: 0;
  font-size: clamp(13px, 1.4vw, 15px);
  color:#2b4a61;
  opacity:.9;
}

/* Hover mikro etkileşim */
.by-stat:hover img{ transform: translateY(-3px) scale(1.03); }
@media (prefers-reduced-motion: reduce){
  .by-stat img{ transition:none; }
  .by-stat:hover img{ transform:none; }
}

/* ===== Starburst Price + CTA ===== */
.price-cta{
  --burst: #05588E;          /* yıldız rengi */
  --burst-shadow: rgba(0,0,0,.18);
  --text: #fff;              /* iç yazı */
  --button: #25D366;         /* WA butonu */
  --button-hover: #1fc95d;

  position: relative;
  width: clamp(220px, 38vw, 420px);
  aspect-ratio: 1 / 1;       /* kare alan, içe sığsın */
  color: var(--burst);
  display: grid;
  place-items: center;
  filter: drop-shadow(0 8px 20px var(--burst-shadow));
  margin: 24px auto;
}

/* Starburst SVG arka plan */
.price-cta__burst{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  color: var(--burst);       /* polygon fill 'currentColor' */
}

/* İçerik */
.price-cta__content{
  position: relative;        /* üstte dursun */
  color: var(--text);
  text-align: center;
  padding: 10% 8% 12%;
  display: grid;
  gap: .6rem;
  align-content: center;
}

.price-cta__label{
  font-size: clamp(16px, 2.4vw, 22px);
  opacity: .95;
  letter-spacing: .4px;
}

.price-cta__price{
  font-size: clamp(28px, 6vw, 52px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: .5px;
}

/* WhatsApp button (PNG ikonlu) */
.btn-wa{
  display: inline-flex; align-items: center; gap: .55rem;
  justify-self: center;
  margin-top: .2rem;
  padding: .7rem 1rem;
  background: var(--button);
  color: #fff;
  border-radius: .9rem;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 2px 0 rgba(0,0,0,.06);
  font-weight: 700; line-height: 1; text-decoration: none;
  transition: transform .12s ease, background .2s ease, box-shadow .2s ease;
}
.btn-wa:hover{ background: var(--button-hover); transform: translateY(-1px); }
.btn-wa:active{ transform: translateY(0); box-shadow: 0 1px 0 rgba(0,0,0,.08) inset; }
.btn-wa:focus{ outline: 2px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 3px rgba(37,211,102,.35); }

.btn-wa__icon{ width: 20px; height: 20px; display: block; flex: 0 0 auto; }
.btn-wa__label{ white-space: nowrap; }

/* Küçük ekranlarda butonu iki satırdan kaçırma */
@media (max-width: 420px){
  .btn-wa{ padding: .6rem .9rem; font-weight: 600; }
}


/* Bar arka planı */
.ci-bar{
  background:#003E66;            /* koyu mavi */
  padding: clamp(18px, 3vw, 28px) 0;
  color:#fff;
  overflow: hidden;
}

/* İç sarmalayıcı ve grid */
.ci-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: clamp(18px, 3vw, 40px);
  align-items: center;
  justify-items: center;
}

/* Tek öğe (link) */
.ci{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  align-items:center;
  /* text-decoration:none; color:inherit;  // link değilse zaten gereksiz */
}


/* İkon rozet */
.ci__icon{
  width: 64px; height: 64px;
  border-radius: 50%;
  background: #6EC1E4; /* açık mavi efekti için alpha */
  display: grid; place-items: center;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.15);
}
.ci__icon svg{
  width: 30px; height: 30px;
  fill: #ffffff;
  opacity: .95;
}

/* Metin blokları */
.ci__text{ line-height: 1.35; }
.ci__label{
  display:block;
  font-weight: 700;
  margin-bottom: 2px;
}
.ci__value{
  font-size: 15px;
  display:block;
  color:#e9f4fb;
  opacity:.95;
}

/* Responsive kırılımlar */
@media (max-width: 992px){
  .ci-wrap{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
  .ci-wrap{ grid-template-columns: 1fr; justify-items: start; }
  .ci{ width:100%; }
}


/* Şerit arka planı */
.sm-bar{
  background:#0966A1;             /* görsele yakın mavi */
  padding: clamp(28px, 5vw, 46px) 0;
  color:#fff;
}

/* İç sarmalayıcı */
.sm-wrap{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
  text-align:center;
}

.sm-title{
  font: var(--font-body);
  font-size: 21px !important;
  color: #fff;
  margin: 0 0 16px;
}

/* Linkler satırı */
.sm-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: clamp(14px, 3vw, 22px);
}

/* Tek ikonluk link */
.sm-link{
  position:relative;
  width:48px; height:48px;
  border-radius:50%;
  display:grid; place-items:center;
  text-decoration:none;
  color:#fff;
  outline-offset:3px;
  transition: transform .15s ease, filter .2s ease;
}

/* Arka plandaki koyu daire */
.sm-blob{
  position:absolute; inset:0;
  border-radius:50%;
  background: rgba(0,0,0,.18);
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.12);
}

/* SVG ikonlar */
.sm-link svg{
  width:24px; height:24px;
  fill:#fff;
  z-index:1;
  opacity:.95;
}


/* Küçük ekranlarda biraz küçült */
@media (max-width:520px){
  .sm-link{ width:40px; height:40px; }
  .sm-link svg{ width:20px; height:20px; }
}


/* === Bölüm arka planı ve hizalama === */
.contact-section{
  background:#0b5f93;   /* mavi zemin */
  padding:60px 0;
}
.contact-section .wrap{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

/* === CF7: 2 sütun grid === */
.wpcf7 form.cf7-ui .cf7-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(250px,1fr));
  gap:18px;
}
.wpcf7 form.cf7-ui .cf7-grid .col-100{ grid-column:1 / -1; }

/* === Alanlar === */
.wpcf7 form.cf7-ui input[type="text"],
.wpcf7 form.cf7-ui input[type="tel"],
.wpcf7 form.cf7-ui input[type="email"],
.wpcf7 form.cf7-ui textarea{
  width:100%;
  background:#fff;
  border:1px solid rgba(255,255,255,.2);
  border-radius:6px;
  height:48px;
  padding:12px 14px;
  font:400 15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:#173e57;
  box-shadow:0 2px 4px rgba(0,0,0,.05);
  outline:0;
  transition:border-color .15s, box-shadow .15s;
}
.wpcf7 form.cf7-ui textarea{ height:130px; resize:vertical; }
.wpcf7 form.cf7-ui ::placeholder{ color:#8ca9c4; }
.wpcf7 form.cf7-ui input:focus,
.wpcf7 form.cf7-ui textarea:focus{
  border-color:#63a7d0;
  box-shadow:0 0 0 3px rgba(99,167,208,.25);
}

/* === Buton === */
.wpcf7 form.cf7-ui .cf7-actions{
  display:flex; justify-content:center; margin-top:25px;
}
.wpcf7 form.cf7-ui input[type="submit"]{
  appearance:none; border:0; cursor:pointer;
  padding:12px 30px; border-radius:25px;
  font-weight:700; font-size:15px; color:#fff;
  background:linear-gradient(135deg,#63d08f,#48c87a);
  box-shadow:0 6px 14px rgba(0,0,0,.2);
  transition:transform .15s, box-shadow .15s;
}
.wpcf7 form.cf7-ui input[type="submit"]:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.25);
}

/* === CF7 mesaj kutuları === */
.wpcf7 form .wpcf7-response-output{
  margin-top:18px; padding:12px 14px; border-radius:8px; border:0;
  background:#eaf6ff; color:#0b3f63;
}

/* === Mobil === */
@media (max-width:700px){
  .wpcf7 form.cf7-ui .cf7-grid{ grid-template-columns:1fr; }
}

.blog .blog-image { display: none !important; }


/* ===== BLOG ARCHIVE (yalnız /blog) ===== */
.blog-hero{
  position: relative;
  background: linear-gradient(180deg, var(--blue-hero-1) 0%, var(--blue-hero-2) 100%);
  color:#fff;
  padding: clamp(50px, 9vw, 120px) 0 80px;
  overflow: hidden;
}
.blog-hero__inner{ display:grid; place-items:center; text-align:center; }
.blog-hero h1{
  font-family: var(--font-heading);
  font-weight: 400;
  letter-spacing:.02em;
  font-size: clamp(28px, 3.8vw, 42px);
  margin:0 0 6px;
}
.blog-hero p{
  font-family: var(--font-body);
  font-size: clamp(14px, 1.4vw, 18px);
  opacity:.95;
  margin:0;
}
.blog-hero__wave{ position:absolute; left:0; right:0; bottom:-1px; height:110px; }
.blog-hero__wave svg{ width:100%; height:100%; display:block; }
.blog-hero__wave path{ fill:#FFF5FD; }

/* Bölüm arka planı (pembe ton) */
.blog-archive{ background:#FFF5FD; padding: clamp(24px, 4vw, 48px) 0 72px; }

/* Kart ızgarası */
.posts-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(220px,1fr));
  gap: clamp(14px, 2vw, 22px);
}
@media (max-width: 1100px){ .posts-grid{ grid-template-columns: repeat(3, minmax(220px,1fr)); } }
@media (max-width: 800px){  .posts-grid{ grid-template-columns: repeat(2, minmax(220px,1fr)); } }
@media (max-width: 520px){  .posts-grid{ grid-template-columns: 1fr; } }

/* Kart */
.post-card{
  display:block;
  background:#fff;
  border-radius:14px;
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
  overflow:hidden;
  text-decoration:none;
  color:#173e57;
  transition: transform .18s ease, box-shadow .18s ease;
}
.post-card:hover{ transform: translateY(-3px); box-shadow:0 12px 26px rgba(0,0,0,.14); }

/* Görsel (üstte) */
.post-thumb{ aspect-ratio: 4 / 3; background:#e9f1f7; }
.post-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.post-thumb__fallback{ width:100%; height:100%; background: linear-gradient(135deg,#e8f2fb,#d7e6f5); }

/* Başlık */
.post-title{
  margin:10px 12px 14px;
  font-family: var(--font-body);
  font-weight:700;
  font-size: 14px;
  line-height: 1.3;
  color:#173e57;
}

/* Sayfalama */
.pagination{ text-align:center; margin-top: 28px; }
.pagination .page-numbers{ display:inline-block; margin:0 4px; padding:8px 12px; border-radius:10px; background:#eaf2f9; color:#0b3f63; text-decoration:none; font-weight:700; }
.pagination .page-numbers.current{ background:#0b3f63; color:#fff; }
.pagination .page-numbers:hover{ background:#cfe3f4; }

/* Ana sayfadaki eski blog yapısı /blog’da görünmesin */
.blog .blog-section, 
.blog .blog-image{ display:none !important; }
.blog .blog-hero__wave svg{
  transform: scaleY(-1);
  transform-origin: center;
}


/* ===== SINGLE BLOG HERO ===== */
.single-hero{
  position: relative;
  background: linear-gradient(180deg, var(--blue-hero-1) 0%, var(--blue-hero-2) 100%);
  color:#fff;
  padding: clamp(60px, 9vw, 120px) 0 100px;
  overflow:hidden;
}
.single-hero__wrap{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  align-items:center;
  gap:40px;
}
.single-hero__text h1{
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(30px, 3vw, 48px);
  line-height:1.2;
  margin:0;
}
.single-hero__media img{
  width:100%;
  height:auto;
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

/* Dalga */
.single-hero__wave{
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:120px;
}
.single-hero__wave svg{ width:100%; height:100%; display:block; }
.single-hero__wave path{ fill:#FFF5FD; }

/* İçerik kısmı */
.single-content{
  background:#FFF5FD;
  padding: clamp(36px, 5vw, 60px) 0 80px;
}
.single-content .entry-content{
  font-family: var(--font-body);
  color:#173e57;
  font-size:17px;
  line-height:1.8;
}
.single-content img{
  max-width:100%;
  height:auto;
  border-radius:8px;
  margin:16px 0;
}

/* Responsive */
@media(max-width: 900px){
  .single-hero__wrap{
    grid-template-columns:1fr;
    text-align:center;
  }
  .single-hero__media img{
    max-width:320px;
    margin:20px auto 0;
  }
}
.single-hero__wave svg {
  transform: scaleY(-1);
  transform-origin: center;
}

@media (max-width: 900px){
  /* Hero satırı: wrap zaten var */
  .single-hero .wrap{
    padding-inline: 16px;
  }

  /* İçerik kutusu: .single-content zaten wrap ile aynı div */
  .single-content{
    padding-inline: 16px;
  }
}


/* 4'lü BA grid */
.ba-grid4{
  display:grid;
  grid-template-columns: repeat(4, minmax(220px,1fr));
  gap: clamp(16px, 2vw, 24px);
  align-items: start;
}
.ba-cell{ display:block; }

/* Kırılımlar */
@media (max-width: 1100px){ .ba-grid4{ grid-template-columns: repeat(3, minmax(200px,1fr)); } }
@media (max-width: 820px){  .ba-grid4{ grid-template-columns: repeat(2, minmax(200px,1fr)); } }
@media (max-width: 520px){  .ba-grid4{ grid-template-columns: 1fr; } }



/* === Header hizalama: logo SOL, menü/hamburger SAĞ === */
.header-main{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important; /* soldan başla */
  gap:0 !important;                      /* aradaki otomatik boşlukları kapat */
}

/* Logo bloğu: sola yapışsın */
.brand__link{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;                   /* olası auto marginleri sıfırla */
}

/* Masaüstü menü bloğu: sağa yapışsın */
.desktop-nav{
  margin-left:auto !important;           /* tüm boşluğu iterek SAĞA yasla */
}

/* Hamburger de mobilde sağda kalsın */
@media (max-width:1023.98px){
  .hamburger{ margin-left:auto !important; }
}

/* === Logo boyutu (biraz daha büyük) === */
:root{ --by-nav-h: 78px; }               /* menü satır yüksekliği */
.custom-logo-img{
  height:auto !important;
  max-height:100px !important;            /* masaüstü logo yüksekliği */
  width:auto !important;
  display:block !important;
}

/* Menü linkleri logoyla aynı hatta dursun */
.primary-nav.primary-nav--desktop > li > a{
  display:flex !important;
  align-items:center !important;
  height: var(--by-nav-h) !important;
  padding: 0 14px !important;
  line-height:1 !important;
}

/* Wrap iç kenar boşluğu çok itiyorsa azalt (isteğe bağlı) */
.header-wrap{ padding-inline: 12px !important; }

/* Topbar çizgisi tamamen kapalı kalsın (başka yerden gelirse) */
.header-top{ border-bottom:0 !important; }

/* Mobilde "Select Language" yerine sadece "Language" göster */
/* Mobilde Language butonunun yan boşluklarını küçült */
@media (max-width: 767.98px){
  .dropdown.lang .dropdown__toggle{
    padding: 4px 0px !important;   /* önce 6px 12px idi — daralttık */
    border-radius: 8px !important;
    font-size: 10px !important;    /* istersen 13px yapabilirsin */
  }
  .dropdown.lang .dropdown__toggle::before{
    font-size: 14px !important;    /* metin de uyumlu küçülür */
  }
}
@media (max-width: 767.98px){
  .dropdown.lang .dropdown__toggle{
    position: relative;
    white-space: nowrap;
    /* Orijinal metni görünmez yap (ekran okuyucuya kalır) */
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
  }
  .dropdown.lang .dropdown__toggle::before{
    content: "Language";
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    /* Buton içi yazı rengi – sende beyaz */
    color: #05588E;
    -webkit-text-fill-color: initial;
  }
  /* Eski kuralı eklediysen etkisiz kılmaya gerek yok ama güvence olsun: */
  .dropdown.lang .dropdown__toggle span,
  .dropdown.lang .dropdown__toggle::after { visibility: visible; }
}

.team-section{
  background:#05588E;
  color:#fff;
  text-align:center;
  padding:80px 20px;
}
.team-section .team-title{
  font: var(--font-body);
  font-size:30px;
  font-weight:700;
  margin-bottom:50px;
}
.team-section img{
  border-radius:50%;
  object-fit:cover;
  border:3px solid #fff;
}
.team-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:40px;
}
.team-member h4{
  font: var(--font-body);
  margin-top:12px;
  font-size:14px;
  font-weight:500;
}
/* === TEAM fotoğraflarındaki beyaz halkaları kaldır === */
.team-section img,
.team-member img,
.team-leader img {
  border: none !important;
}

@media (max-width:768px){
  .team-section{padding:60px 10px;}
  .team-grid{gap:24px;}
}


.fullbleed{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
}
.fullbleed > *{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}
html,body{overflow-x:hidden;} /* taşmayı gizlemek için */