/* PROGEM — Site 6 köprü stili, 1. paket: ortak kamu görünümü + ana sayfa
   Kaynak taban: eab4365d. Yalnız body.pg-site6 kapsamında çalışır.
   Ana sayfa bölümleri ayrıca .pg-s6-section sınıfıyla daraltılır.
   Tüm kamu sayfalarını etkileyen tek bölüm başlıktır (header). Footer, alt sayfa
   gövdeleri, page-banner ve #menu modalı hedeflenmez; V4 açık footer + renkli
   wordmark kararı aynen korunur. JS kancalarına dokunmaz.
   Görsel kaynak: Site 6 güncel mokap (yalnız renk/tipografi/ölçü). Mokaptan
   metin, veri, görsel, canonical veya robots aktarılmaz. */

.pg-site6 {
  --s6-navy: #053263;
  --s6-blue: #0072d2;
  --s6-mid: #055697;
  --s6-muted: #526879;
  --s6-line: #d6e2ec;
  --s6-paper: #f3f7fb;
  --s6-radius: 12px;
  --s6-button-radius: 8px;
  --s6-wrap: 1240px;
  --s6-gutter: 32px;
}

/* ---------- Kap genişliği: yalnız ana sayfa bölümleri (başlık ve footer geometrisi korunur) ---------- */
.pg-site6 main > section.pg-s6-section .container {
  max-width: calc(var(--s6-wrap) + 2 * var(--s6-gutter));
  padding-left: var(--s6-gutter);
  padding-right: var(--s6-gutter);
}

/* ---------- Üst şerit: telefon, e-posta, sosyal ---------- */
.pg-site6 header .navbar.top {
  background-color: var(--s6-paper);
  border-bottom: 1px solid var(--s6-line);
}
.pg-site6 header .navbar.top .navbar-nav .nav-link,
.pg-site6 header .navbar.top .navbar-nav .nav-link i {
  color: var(--s6-navy);
}
.pg-site6 header .navbar.top .navbar-nav .nav-link:hover,
.pg-site6 header .navbar.top .navbar-nav .nav-link:hover i {
  color: var(--s6-mid); /* 7,0:1 paper üzerinde; mavi 4,50:1 sınırda kalıyordu */
}

/* ---------- Ana gezinme çubuğu: Site 6 beyaz başlık, ince alt çizgi ---------- */
.pg-site6 header .navbar.sub,
.pg-site6 header .navbar-sticky.sub {
  background-color: #fff;
  border-bottom: 1px solid var(--s6-line);
  box-shadow: none;
}
.pg-site6 header .navbar.sub .navbar-nav.items > .nav-item > .nav-link,
.pg-site6 header .navbar.sub.navbar-sticky .navbar-nav.items > .nav-item > .nav-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 15px;
  font-weight: 700;
  color: var(--s6-navy);
  border-bottom: 2px solid transparent;
}
.pg-site6 header .navbar.sub .navbar-nav.items > .nav-item > .nav-link:hover,
.pg-site6 header .navbar.sub.navbar-sticky .navbar-nav.items > .nav-item > .nav-link:hover {
  color: var(--s6-blue);
  border-bottom-color: var(--s6-blue);
}
/* ZORUNLU EŞLİK: yapışkan bar artık beyaz. V4'ün yapışkan durumda gösterdiği dişi
   (beyaz) wordmark beyaz zeminde görünmez olurdu; renkli wordmark gösterilir.
   Markup ve iki logo dosyası değişmez. */
.pg-site6 header .navbar.navbar-sticky.visible .navbar-brand .pg-logo--renkli { display: block; }
.pg-site6 header .navbar.navbar-sticky.visible .navbar-brand .pg-logo--disi { display: none; }

/* Menü düğmesi: Site 6 çerçeveli düğme, 44px dokunma hedefi korunur. */
.pg-site6 header .navbar.sub .pg-menu-toggle,
.pg-site6 header .navbar.sub.navbar-sticky .pg-menu-toggle,
.pg-site6 header .navbar.sub .pg-menu-toggle i,
.pg-site6 header .navbar.sub.navbar-sticky .pg-menu-toggle i {
  color: var(--s6-navy);
}
.pg-site6 header .navbar.sub .pg-menu-toggle {
  /* UI sınırı 3:1: V4 token'ı --pg-line-ui (#5B6D7D, 5,35:1). Site 6 açık çizgisi 1,3:1 kalırdı. */
  border: 1px solid var(--pg-line-ui, #5b6d7d);
  border-radius: var(--s6-button-radius);
  background: #fff;
  padding: 8px 12px;
}

/* ---------- Ana sayfa bölümleri ---------- */
.pg-site6 main > section.pg-s6-section {
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: none;
}
.pg-site6 main > section#services.pg-s6-section { background-color: #fff; }
.pg-site6 main > section#blog.pg-s6-section { background-color: var(--s6-paper); }

.pg-site6 main > section.pg-s6-section .row.intro { margin-bottom: 22px; }
.pg-site6 main > section.pg-s6-section .row.intro h2 {
  font-family: var(--pg-font-alt, "Poppins", Helvetica, Arial, sans-serif);
  font-weight: 600;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.24;
  letter-spacing: -.035em;
  color: var(--s6-navy);
  margin: 0 0 10px;
}
.pg-site6 main > section.pg-s6-section .row.intro p {
  max-width: 560px;
  color: var(--s6-muted);
  margin: 0;
}

/* Düğme: Site 6 .btn — lacivert, 8px köşe, 48px en az yükseklik, bütün sözcük. */
.pg-site6 main > section.pg-s6-section .row.intro .primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: 0;
  padding: 12px 22px;
  border: 1px solid var(--s6-navy);
  border-radius: var(--s6-button-radius);
  background: var(--s6-navy);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: none;
}
.pg-site6 main > section.pg-s6-section .row.intro .primary-button:hover {
  background: var(--s6-mid);
  border-color: var(--s6-mid);
  color: #fff;
}

/* Hizmet kartları: Site 6 kart dili — ince çerçeve, sola hizalı, gölgesiz. */
.pg-site6 #services.pg-s6-section .row.items > .item > .card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  padding: 22px;
  text-align: left;
  background: #fff;
  border: 1px solid var(--s6-line);
  border-radius: var(--s6-radius);
  box-shadow: none;
  transform: none;
  transition: background-color .15s;
}
.pg-site6 #services.pg-s6-section .row.items > .item > .card:hover { background: var(--s6-paper); }
.pg-site6 #services.pg-s6-section .card .service-icon {
  width: auto;
  height: 48px;
  max-width: 96px;
  object-fit: contain;
  margin: 0 0 6px;
}
.pg-site6 #services.pg-s6-section .card .pg-card-heading {
  font-family: var(--pg-font-alt, "Poppins", Helvetica, Arial, sans-serif);
  font-weight: 600;
  font-size: 21px;
  line-height: 1.3;
  letter-spacing: -.025em;
  color: var(--s6-navy);
  margin: 0;
}
.pg-site6 #services.pg-s6-section .card p {
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 1.65;
  color: var(--s6-muted);
  margin: 0;
}
.pg-site6 #services.pg-s6-section .card .btn-icon {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  border: 1px solid var(--s6-line);
  border-radius: var(--s6-button-radius);
  color: var(--s6-navy);
  background: #fff;
  opacity: 1;
  animation: none;
  transform: none;
}

/* Blog kartları: Site 6 makale kartı — çerçeve, 9px köşe, 16:9 görsel. Swiper yapısı korunur. */
.pg-site6 #blog.pg-s6-section .swiper-slide .card {
  height: 100%;
  overflow: hidden;
  text-align: left;
  background: #fff;
  border: 1px solid var(--s6-line);
  border-radius: 9px;
  box-shadow: none;
  transform: none;
}
.pg-site6 #blog.pg-s6-section .card .image-over { border-radius: 0; }
.pg-site6 #blog.pg-s6-section .card .image-over img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-bottom: 1px solid var(--s6-line);
}
.pg-site6 #blog.pg-s6-section .card .card-body { padding: 20px; text-align: left; }
.pg-site6 #blog.pg-s6-section .card .card-body .pg-card-heading,
.pg-site6 #blog.pg-s6-section .card:hover .card-body .pg-card-heading {
  font-family: var(--pg-font-alt, "Poppins", Helvetica, Arial, sans-serif);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: var(--s6-navy);
  margin: 0 0 12px;
  transition: none;
}
.pg-site6 #blog.pg-s6-section .card .card-body p {
  font-size: 16px;
  line-height: 1.6;
  color: var(--s6-muted);
  margin: 0;
}

/* Hero carousel: yapı ve JS aynı; yalnız düğme biçimi Site 6 düğmesine yaklaşır. */
.pg-site6 main > section.pg-carousel .pg-slide__actions a {
  min-height: 48px;
  border-radius: var(--s6-button-radius);
  font-weight: 600;
  white-space: nowrap;
}

/* ---------- Tablet 768–1199 ---------- */
@media (max-width: 1199px) {
  .pg-site6 { --s6-gutter: 24px; }
}

/* ---------- Mobil ≤767 (390 dahil) ---------- */
@media (max-width: 767px) {
  .pg-site6 { --s6-gutter: 18px; }
  .pg-site6 main > section.pg-s6-section { padding-top: 28px; padding-bottom: 28px; }
  .pg-site6 main > section.pg-s6-section .row.intro .primary-button { margin-top: 16px; }
  .pg-site6 #services.pg-s6-section .row.items > .item > .card { padding: 20px; }
  .pg-site6 #services.pg-s6-section .card .pg-card-heading,
  .pg-site6 #blog.pg-s6-section .card .card-body .pg-card-heading { font-size: 19px; }
}

@media (prefers-reduced-motion: reduce) {
  .pg-site6 #services.pg-s6-section .row.items > .item > .card { transition: none; }
}