/*
 * =========================================================
 *  YAKA İNŞAAT — Custom Overrides v4
 *  /public_html/css/yaka-custom.css
 * =========================================================
 */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");

/* --------------------------------------------------------
   1. CSS DEĞİŞKENLERİ
   -------------------------------------------------------- */
:root {
  --body-font:             'Plus Jakarta Sans', sans-serif;
  --heading-font:          'Plus Jakarta Sans', sans-serif;
  --body-font-weight:      400;
  --body-font-size:        16px;
  --body-font-line-height: 1.75;
}

/* --------------------------------------------------------
   2. FONT UYGULAMASI
   -------------------------------------------------------- */
*, body,
p, a, li, span, label,
input, textarea, select, button {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}

.home-carousel-title,
.sec-title, .sec-title2,
.section-title,
.section-title h1, .section-title h2, .section-title h3,
[class*="title"] h1, [class*="title"] h2,
[class*="title"] h3, [class*="title"] h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
}

.main-menu .navigation > li > a,
.header-style-01 .main-menu .navigation > li > a,
.header-style-02 .main-menu .navigation > li > a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 500;
}

/* --------------------------------------------------------
   3. SOSYAL MEDYA İKONLARI — Footer widget içinde
      fab/fas font awesome 5 ikonları için
   -------------------------------------------------------- */
.footer-widget .social-list {
  display: flex !important;
  gap: 10px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
}

.footer-widget .social-list li {
  display: inline-block !important;
}

/* Temel ikon dairesi */
.social-list li a,
.footer-widget .social-list li a {
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  height: 42px !important;
  width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.social-list li a:hover,
.footer-widget .social-list li a:hover {
  background: rgba(74, 144, 226, 0.55) !important;
  border-color: rgba(74, 144, 226, 0.70) !important;
  transform: translateY(-2px) !important;
}

/* İkon rengi beyaz kalsın */
.social-list li a i,
.footer-widget .social-list li a i {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* --------------------------------------------------------
   4. PROJELERİMİZ SECTION — Mavi tonlu arka plan
   -------------------------------------------------------- */

/* bg-secondary-color override — projeler section arkaplanı */
.bg-secondary-color,
section.bg-secondary-color {
  background: linear-gradient(
    145deg,
    #1a2a4a 0%,
    #1e3358 50%,
    #162040 100%
  ) !important;
}

/* data-overlay-dark="4" katmanını sıfırla — mavi arkaplanı karartmasın */
section.bg-secondary-color[data-overlay-dark]::before,
section.bg-secondary-color[data-overlay-dark]:before {
  opacity: 0 !important;
  display: none !important;
}

/* Projeler section nefes alanı — footer'a yapışmasın */
section.bg-secondary-color {
  padding-bottom: 90px !important;
}

/* Projeler başlığı renk ayarı — mavi arkaplanda okunabilir */
section.bg-secondary-color .title-box-center h2 {
  color: #ffffff !important;
}

/* --------------------------------------------------------
   5. PROJE KARTI HOVER — Mavi gradient
   -------------------------------------------------------- */
.project-item-style1 .project-item-thumb:after {
  background: linear-gradient(
    -60deg,
    rgba(20, 60, 120, 0.92) 0%,
    rgba(8, 20, 50, 0.82) 100%
  ) !important;
}

.project-item-style1 .project-item-thumb .project-item-details .project-item-category,
.project-item-style1 .project-item-thumb .project-item-details .project-item-category a {
  color: #7ab3f0 !important;
}

.project-item-style1 .project-item-thumb .project-item-link-icon a {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  backdrop-filter: blur(4px) !important;
}

.project-item-style1 .project-item-thumb .project-item-link-icon a:hover {
  background: rgba(74, 144, 226, 0.70) !important;
}

/* --------------------------------------------------------
   6. FOOTER BİNA SECTION — Koyu overlay
   -------------------------------------------------------- */
.footer-section[data-overlay-dark]::before,
.footer-section[data-overlay-dark]:before,
footer[data-overlay-dark]::before,
footer[data-overlay-dark]:before {
  background: rgba(4, 4, 12, 0.88) !important;
  opacity: 1 !important;
}

.footer-section {
  background-color: #05050f !important;
}

/* --------------------------------------------------------
   7. COPYRIGHT BARI — Minimal & modern
   -------------------------------------------------------- */
.footer-copyright-area {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 16px 0 !important;
}

.footer-copyright-area span,
.footer-copyright-area p,
.footer-copyright-area .text-center {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.35) !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

/* Bepex linki — lowercase override, küçük */
.footer-copyright-area font,
.footer-copyright-area font a {
  font-size: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: rgba(255, 255, 255, 0.22) !important;
  text-transform: none !important;
  letter-spacing: 0.03em !important;
}

.footer-copyright-area font a {
  color: rgba(100, 160, 230, 0.50) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.footer-copyright-area font a:hover {
  color: rgba(100, 160, 230, 0.80) !important;
}

/* --------------------------------------------------------
   8. BUTON
   -------------------------------------------------------- */
.theme-btn, a.theme-btn, .btn-primary {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  border-radius: 2px !important;
}