/* =====================================================================
   Prof. Dr. Selim Candan — Frontend stilleri
   Tasarımdaki ortak temel stiller + DC "style-hover/style-focus"
   katmanının gerçek CSS karşılıkları. Sayfaya özel grid/kart sınıfları
   ilgili sayfalarla birlikte FAZ 4'te eklenecek.
   ===================================================================== */

/* ---- Reset & temel (tasarım ortak bloğundan birebir) ---- */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Manrope', system-ui, sans-serif;
  color: #3C4F62;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.site-root { background: #fff; overflow-x: hidden; }

/* ---- Düzen yardımcıları ---- */
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 28px; }
.sec { padding: 80px 0; }

/* ---- Header ---- */
.sh-nav { display: flex; gap: 24px; align-items: center; }
.sh-link { font-size: 14.5px; font-weight: 600; white-space: nowrap; color: #3C4F62; transition: color .2s; }
.sh-link:hover { color: #0F2C4C; }
.sh-link.is-active { color: #16A394; }
.sh-burger { display: none; }
.sh-mobile { display: none; }
.sh-mobile.open { display: flex; }
@media (max-width: 980px) {
  .sh-nav { display: none; }
  .sh-burger { display: flex !important; }
}

/* ---- Footer ---- */
.sf-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.1fr; gap: 44px; }
.sf-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; align-items: center; }
.sf-hover { transition: color .2s; }
.sf-hover:hover { color: #fff !important; }
.sf-soc-ig, .sf-soc-wa { transition: background .2s; }
.sf-soc-ig:hover { background: #16A394 !important; }
.sf-soc-wa:hover { background: #25D366 !important; }
@media (max-width: 860px) { .sf-grid { grid-template-columns: 1fr 1fr; gap: 32px; } }
@media (max-width: 520px) { .sf-grid { grid-template-columns: 1fr; } }

/* ---- Breadcrumb / sayfa hero ---- */
.bc-link { transition: color .2s; }
.bc-link:hover { color: #16A394 !important; }
@media (max-width: 680px) { .ph-title { font-size: 34px !important; } }

/* ---- Sabit WhatsApp butonu ---- */
.wa-float { transition: transform .2s; }
.wa-float:hover { transform: scale(1.06); }

/* ---- Hover yardımcıları ----
   Temel görünüm inline stillerde korunur; bu sınıflar yalnızca hover
   durumundaki rengi (DC style-hover) gerçek CSS ile geri getirir. */
.h-btn-teal:hover  { background: #12897C !important; }
.h-btn-navy:hover  { background: #163b63 !important; }
.h-btn-white:hover { background: #EAF2F9 !important; }