body, html {
  font-family: 'Montserrat', sans-serif;
}
:root{ --kirmizi:#ED1C24; --siyah:#231F20; --acik-gri:#f2f2f2 }
a{ color:var(--siyah); text-decoration:none }
a:hover{ color:var(--kirmizi) }
.bg-kirmizi{ background:var(--kirmizi)!important }
.btn-kirmizi{ background:var(--kirmizi); color:#fff }
.btn-kirmizi:hover{ background:#c8151d; color:#fff }
.mobile-scroll{ display:none }
@media (max-width: 768px){
  .mobile-scroll{ display:block; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch }
  .mobile-card{ display:inline-block; width:48%; margin-right:2%; vertical-align:top }
  .mobile-card img{ width:100%; height:180px; object-fit: contain; border-radius:.5rem }
}

/* no-crop background tint */
.pd-cover, .project-hero .cover, .project-card .cover, .cover { background:#f6f7f8; }

.project-cover {
    width: 100%;
    height: auto; /* kırpma yok */
    object-fit: contain;
    border-radius: 8px;
    padding: 10px;
}

/* Accent title for project detail */
.project-detail-title{
  text-align:center;
  font-size:2.2rem;
  font-weight:700;
  position:relative;
  color:#231f20;
  margin-bottom:18px;
}
.project-detail-title::after{
  content:"";
  display:block;
  width:84px;
  height:4px;
  background:#ed1c24;
  margin:12px auto 0;
  border-radius:3px;
}

/* Accent Line Style */
.accent-line {
    width: 100px;
    height: 4px;
    background: #ed1c24;
    margin: 0 auto 25px auto;
    border-radius: 3px;
}

.project-description {
  background: linear-gradient(135deg, #ffffff, #f8f9fa);
  border: 1px solid #eee;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.project-cta .card {
  background: linear-gradient(135deg, #ed1c24, #ff5757);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 1.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.project-cta .card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}
.project-cta .card h5 {
  color: #fff;
}
.project-cta .card a {
  color: #fff;
  text-decoration: underline;
}

.project-separator {
  width: 70px;
  height: 4px;
  background: #ed1c24;
  margin: 1rem auto 2rem;
  border-radius: 2px;
}

/* === Topbar yükseltme ve mobil çok satır düzeni === */
header.site-header .topbar {
  padding-top: 0.85rem;   /* yükseklik arttı */
  padding-bottom: 0.85rem;
  font-size: 1rem;
}

/* Sosyal iconları büyüt */
header.site-header .topbar .social-icon {
  font-size: 1.5rem;
  transition: transform 0.2s ease;
  text-align:center;
}
header.site-header .topbar .social-icon:hover {
  transform: scale(1.2);
}

/* Mobil: bilgi satırlarını alt alta diz, sosyal ikonları ikinci satıra al */
@media (max-width: 575.98px) {
  header.site-header .topbar .container {
    flex-wrap: wrap;
  }
  header.site-header .topbar .topbar-info {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: .35rem;            /* 2–3 satır halinde oku */
    width: 100%;
  }
  header.site-header .topbar .topbar-social {
    width: 100%;
    justify-content: flex-start; /* sağda değil, altta sola hizala */
    margin-top: .4rem;
    gap: 1rem;
  }
  header.site-header .topbar .sep { display: none; } /* | ayraçlarını mobilde gizle */
}

/* Küçük-orta ekranlarda okunabilirlik */
@media (min-width: 576px) and (max-width: 991.98px) {
  header.site-header .topbar { font-size: 1.05rem; }
  header.site-header .topbar .topbar-social .social-icon { font-size: 1.6rem; }
}

/* Üst bilgi bandı yüksekliği (tek tanım) */
header.site-header .topbar {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-size: 1rem;
}

/* Mobilde üst bilgi bandı tek satırda kompakt görünüm */
@media (max-width: 575.98px) {
  /* Üst bant genel */
  header.site-header .topbar {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    font-size: 0.78rem;  /* daha küçük font */
    line-height: 1.2;    /* satır yüksekliği azaldı */
  }

  /* Konteyner içeriğini yatay hizala */
  header.site-header .topbar .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* İletişim bilgileri tek satırda */
  header.site-header .topbar .topbar-info {
    display: flex;
    flex-direction: row;   /* yan yana */
    flex-wrap: wrap;       /* taşarsa bir alt satıra geçebilir */
    gap: 0.6rem;           /* öğeler arası boşluk */
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  /* Sosyal medya ikonları alta alınır */
  header.site-header .topbar .topbar-social {
    justify-content: center;
    margin-top: 0.35rem;
  }

  /* Sosyal ikonlar mobilde daha küçük */
  header.site-header .topbar .social-icon {
    font-size: 1.15rem;
  }
}

/* Haberler sayfasındaki "Devamını Oku" butonu */
.btn-news {
    background-color: #da0015;
    border-color: #da0015;
    color: #fff;
    font-weight: 600;
    padding: 8px 18px;
    transition: all 0.3s ease;
    border-radius: 6px;
}
.btn-news:hover {
    background-color: #b80012; /* biraz koyu hover tonu */
    border-color: #b80012;
    color: #fff;
}

/* === Ripple effect (safe, non-breaking) === */
:root { --ripple-color: rgba(0,0,0,.15); }               /* açık tema varsayılanı */
@media (prefers-color-scheme: dark){
  :root { --ripple-color: rgba(255,255,255,.25); }        /* koyu temada otomatik ayar */
}

/* Sadece menü linkleri (istersen selectoru daralt/büyüt) */
.navbar a,
.menu a,
.navigation a,
.main-menu a {
  position: relative;
  display: block;
  overflow: hidden;                   /* dalgacık taşmasın */
  -webkit-tap-highlight-color: transparent;
}

/* Ripple çekirdeği */
.ripple {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transform: scale(0);
  opacity: .65;
  background: var(--ripple-color);
  animation: ripple-anim .6s ease-out forwards;
}
@keyframes ripple-anim {
  to {
    transform: scale(1);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ripple { animation-duration: .001s; }
}

/* HAMBURGER TIKLAMAYI ENGELLEYEN KATMANLAR İÇİN ACİL YAMA */
@media (max-width: 991.98px) {


  /* Şüpheli yapışkan/floating katmanları geriye it */
  .social-sticky,
  .floating,
  .fixed,
  .whatsapp,
  .call-now,
  .mobile-bar,
  .topbar,
  .overlay {
    z-index: 100 !important; /* Navbar toggler'dan düşük */
  }

  /* Eğer overlay tıklamayı kapatıyorsa: */
  .overlay {
    pointer-events: none; /* Gerekirse kapat, sonra elden geçiririz */
  }
}

/* Desktop'ta menü her zaman açık kalsın, toggler görünmesin */
@media (min-width: 992px) {


}

/* --------------------------------------------- */
/* Slider ve tıklanabilirlik için güvenli katman */
/* --------------------------------------------- */
.hero-slider, .main-slider, .slider, .slick-slider, .owl-carousel {
  position: relative;
  z-index: 1;
}
.hero-slider .slide,
.main-slider .slide,
.slider .slide,
.slick-slide,
.owl-item {
  position: relative;
}
.hero-slider .slide > a,
.main-slider .slide > a,
.slider .slide > a,
.slick-slide > a,
.owl-item > a {
  display: block;
}
.slide a.stretched-link{
  position: absolute; inset: 0; z-index: 5; display: block; text-indent: -9999px;
}
.slick-arrow, .owl-nav, .owl-dots { position: relative; z-index: 6; }

/* ================================================= */
/* === Mobil Hızlı Menü Linkleri — FINAL TEK KURAL === */
/* ================================================= */

/* Varsayılan olarak gizle */
.mobile-inline-links {
  display: none !important;
}

/* Sadece mobilde göster ve sağa hizala */
@media (max-width: 991.98px) {
  .mobile-inline-links {
    display: flex !important;
    position: absolute;
    top: 0;
    right: 12px;
    height: 100%;
    align-items: center;
    gap: 12px;
    z-index: 1001;
    white-space: nowrap;
    background: transparent;
  }
  .mobile-inline-links a {
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #ed1c24; /* kırmızı */
    letter-spacing: .2px;
  }
}

/* Desktop görünümünde kesin gizle */
@media (min-width: 992px) {
  .mobile-inline-links {
    display: none !important;
  }
}

/* === Mobil inline linkler - Flex hizalama, bindirmesiz === */
@media (max-width: 991.98px){
  /* Navbar satırını tek hizada tut */
  .navbar .container,
  .navbar .container-fluid{
    display: flex !important;
    align-items: center !important;
  }

  /* LOGO: sabit dursun, sağında boşluk olsun */
  .navbar-brand{
    margin-right: 12px !important;
    position: static !important;
    z-index: auto !important;
  }
  /* İstersen logoyu biraz kısıtlayabilirsin (opsiyonel) */
  .navbar-brand img{
    max-height: 40px;            /* gerekirse 36-44px arası dene */
    height: auto;
    width: auto;
  }

  /* METİN LİNKLER: artık absolute değil, flex içinde sağa yasla */
  .mobile-inline-links{
    display: flex !important;
    position: static !important; /* absolute/top/right KALKSIN */
    top: auto !important;
    right: auto !important;
    transform: none !important;
    height: auto !important;
    margin-left: auto !important;/* logonun SAĞINA it */
    align-items: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
    z-index: auto !important;    /* logonun üstüne binmesin */
    background: transparent !important;
    pointer-events: auto !important;
  }

  .mobile-inline-links a{
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #ed1c24 !important;
    letter-spacing: .2px;
  }
}

/* Desktop’ta yine gizle (garanti) */
@media (min-width: 992px){
  .mobile-inline-links{ display: none !important; }
}

/* === Mobil inline linkler — Alt alta hizalama === */
@media (max-width: 991.98px){
  /* Navbar container’ı esnek hizalama */
  .navbar .container,
  .navbar .container-fluid{
    display: flex !important;
    align-items: flex-start !important;  /* üstten hizala */
  }

  /* Logo sabit, solda */
  .navbar-brand{
    margin-right: 10px !important;
    position: static !important;
    z-index: auto !important;
  }
  .navbar-brand img{
    max-height: 40px; /* gerekirse değiştirilebilir */
    height: auto;
    width: auto;
  }

  /* Mobil linkler: sağa yaslanır, alt alta durur */
  .mobile-inline-links{
    display: flex !important;
    flex-direction: column !important; /* ALT ALTA */
    position: static !important;      /* absolute/top/right kalktı */
    top: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: auto !important;     /* sağa yasla */
    gap: 6px !important;              /* dikey aralık */
    align-items: flex-end !important; /* sağa hizala */
    white-space: nowrap !important;
    z-index: auto !important;
    background: transparent !important;
    pointer-events: auto !important;
  }

  .mobile-inline-links a{
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #ed1c24 !important; /* kırmızı */
    letter-spacing: .2px;
  }
}

/* Desktop’ta tamamen gizli */
@media (min-width: 992px){
  .mobile-inline-links{ display: none !important; }
}

/* === Mobil: Logonun üstüne binmeyi kesin çözen ayar === */
@media (max-width: 991.98px){
  /* Navbar'a sağda link kolonu kadar boşluk ayır */
  header.site-header .navbar{
    position: relative;
    padding-right: 96px;     /* 3 link için yer açar; gerekirse 110-120px yap */
    min-height: 56px;        /* hizalama için güvenli yükseklik */
  }

  /* Logo biraz küçülsün ki rahat sığsın */
  .navbar-brand img{
    max-height: 40px;
    height: auto;
    width: auto;
  }

  /* Link kolonu: SAĞDA, ALT ALTA, bindirme yok */
  .mobile-inline-links{
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    flex-direction: column !important;    /* alt alta */
    align-items: flex-end !important;     /* sağa hizalı */
    gap: 6px !important;
    white-space: nowrap !important;
    z-index: 2 !important;
  }

  .mobile-inline-links a{
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #ed1c24 !important;
    letter-spacing: .2px;
  }
}

/* Desktop'ta gizli kalsın (garanti) */
@media (min-width: 992px){
  .mobile-inline-links{ display: none !important; }
}

.satisfy-regular {
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}

/* HEADER ARKA PLAN RESMİ */
header.site-header {
    background: url('images/header-bg.jpg') no-repeat center center;
    background-size: cover;
}


/* HEADER ARKA PLAN RESMİ — güçlü kural */
header.site-header {
    background-image: url('images/header-bg.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: transparent !important;
}


/* HEADER ARKA PLAN RESMİ — /images/header-bg.png */
header.site-header, .site-header, header#site-header {
    background-image: url('/images/header-bg.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: transparent !important;
}



/* === Sticky Bottom Bar (mobil için estetik) === */
:root { --stickybar-h: 64px; }

.sticky-bottom-bar{
  position: fixed !important;
  left: 0; right: 0; bottom: 0;
  z-index: 2147483647;
  padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0));
  
}

.sticky-bottom-bar .sticky-bottom-inner{
  pointer-events: auto;
  margin: 0 auto;
  max-width: 680px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(0,0,0,.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(0,0,0,.06);
  backdrop-filter: saturate(140%) blur(6px);
}

.sticky-bottom-bar a{
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;
  border-radius: 12px;
  font-size: 20px; color: #333; text-decoration: none;
  transition: transform .18s ease, color .18s ease, background-color .18s ease;
}
.sticky-bottom-bar a:hover{ color: var(--kirmizi, #ED1C24); background: rgba(0,0,0,.04); }
.sticky-bottom-bar a:active{ transform: scale(.96); }

/* İçeriğin bar altında kalmaması */
body{ padding-bottom: var(--stickybar-h); }

/* Küçük ekranlar */
@media (max-width:480px){
  :root{ --stickybar-h: 72px; }
  .sticky-bottom-bar a{ width: 42px; height: 42px; font-size: 19px; }
}

/* Eski kenar butonlarını MOBİLDE gizle */
@media (max-width: 991px){
  .sticky-buttons,
  .sticky-buttons-left,
  .sticky-buttons-right,
  .sticky-social-left,
  .sticky-social-right,
  .social-fixed,
  .social-fixed-left,
  .social-fixed-right{
    display: none !important;
  }
}



/* === FIX: Force sticky bar above footer and truly fixed === */
#stickyBottomBar.sticky-bottom-bar{
  position: fixed !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  z-index: 2147483647 !important;
}
/* Some themes give nav/div default positioning; neutralize any conflicts */
footer, .site-footer { z-index: auto; }

/* Arka planın tüm sayfada görünmesi için iki katman */
body{
  background-color:#f7f7f9;
  background-image:
    url('/images/bg-pattern-siluet.svg'), /* üst katman: silüet */
    url('/images/bg-pattern.svg');        /* alt katman: doku */
  background-repeat:
    repeat-x,  /* silüet yatay tekrar */
    repeat;    /* doku her yöne tekrar */
  background-position:
    bottom left, /* silüet altta */
    top left;    /* doku üstten başlar */
  background-size:
    900px auto, /* silüet geniş; dilediğin gibi 600–1200px deneyebilirsin */
    300px;      /* doku ölçeği */
  /* background-attachment: scroll;  iOS için sabitleme yok, takılma olmasın */
}

/* Sayfanın ana sarmalayıcılarında arka planı şeffaf tut (beyaz kapatıyorsa) */
.main, .page, .content, .section, .section-gray,
.container-fluid {
  background: transparent !important;
}

/* Kart/panel gibi alanların beyaz kalması isteniyorsa dokunma: */
/* .card, .modal, .dropdown-menu { background:#fff; } */


/* === BG-PATTERN TEK KATMAN PATCH (ekle: style.css'in en sonuna) === */

/* 1) Body: sadece ilk SVG (bg-pattern.svg) */
body{
  background-color:#f7f7f9 !important;
  background-image:url('/images/bg-pattern.svg') !important;
  background-repeat:repeat !important;
  background-size:300px !important;
  background-position:top left !important;
  /* background-attachment:fixed;  <-- iOS'ta takılma yapabilir, gerekirse aç */
}

/* 2) Deseni kapatan bölümleri şeffafla (slider/section gibi kapsayıcılar) */
.section,
.section-gray,
.hero,
.page,
.content,
.container-fluid,
.slider-wrapper,
.project-slider,
.carousel,
.carousel-inner,
.swiper,
.swiper-wrapper,
.swiper-container {
  background:transparent !important;
}

/* 3) Bazı slider temalarında ok/dots alanları ayrı kapatır, onları da temizle */
.carousel .carousel-item,
.swiper-slide {
  background:transparent !important;
}

/* 4) İsteğe bağlı yardımcı sınıf:
   Desenin görünmediği inatçı bir bölüm olursa HTML'de o elemana class="bg-transparent-force" ekle */
.bg-transparent-force{ background:transparent !important; }


/* === PATCH: Önceki Projeler sliderı — yan beyazlıkları kaldır ve arka planı göster === */
#previous-wrapper,
#previousProjectsSwiper,
#previousProjectsSwiper .swiper-wrapper,
#previousProjectsSwiper .swiper-slide {
  background: transparent !important; /* desen görünsün */
}

#previous-wrapper .container,
#previous-wrapper .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#previousProjectsSwiper .swiper-wrapper { margin: 0 !important; }
#previousProjectsSwiper .swiper-slide { padding: 0 !important; }

#previousProjectsSwiper .swiper-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit: cover;
  background: transparent !important;
}













/* === ÖNCEKİ PROJELER SLIDER TAM ŞEFFAF === */

/* Sliderın arkasında desen görünsün */
#previous-wrapper,
#previousProjectsSwiper,
#previousProjectsSwiper .swiper-wrapper,
#previousProjectsSwiper .swiper-slide {
  background: transparent !important;
}

/* Yan beyazlıkları tamamen sıfırla */
#previous-wrapper .container,
#previous-wrapper .container-fluid {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Sliderı tam genişliğe yay */
#previousProjectsSwiper {
  width: 100% !important;
}

/* Görseller tam kenara dayansın */
#previousProjectsSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: transparent !important;
}

/* Swiper pagination ve okların arkası da şeffaf olsun */
#previousProjectsSwiper .swiper-pagination,
#previousProjectsSwiper .swiper-button-prev,
#previousProjectsSwiper .swiper-button-next {
  background: transparent !important;
}

/* === ÖNCEKİ PROJELER (Swiper) — Oklar içte, açık gri === */
#previousProjectsSwiper { position: relative; }

#previousProjectsSwiper .swiper-button-prev,
#previousProjectsSwiper .swiper-button-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.65);      /* hafif beyaz cam efekti */
  backdrop-filter: saturate(140%) blur(2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  color: #bdbdbd !important;              /* açık gri ok */
  --swiper-navigation-color: #bdbdbd;     /* Swiper 9 için renk */
  --swiper-navigation-size: 28px;         /* ok ikon boyutu */
}

#previousProjectsSwiper .swiper-button-prev { left: 12px; }
#previousProjectsSwiper .swiper-button-next { right: 12px; }

#previousProjectsSwiper .swiper-button-prev:hover,
#previousProjectsSwiper .swiper-button-next:hover{
  background: rgba(255,255,255,.9);
  color:#8a8a8a !important;
}

/* Küçük ekranlarda biraz küçült */
@media (max-width: 576px){
  #previousProjectsSwiper .swiper-button-prev,
  #previousProjectsSwiper .swiper-button-next{
    width: 40px; height: 40px;
    --swiper-navigation-size: 24px;
  }
  #previousProjectsSwiper .swiper-button-prev{ left: 8px; }
  #previousProjectsSwiper .swiper-button-next{ right: 8px; }
}

/* === ÜST SLIDER (Bootstrap Carousel) — Oklar içte, açık gri === */
#recentProjectsCarousel { position: relative; }

#recentProjectsCarousel .carousel-control-prev,
#recentProjectsCarousel .carousel-control-next{
  top: 50%;                 /* tüm yüksekliği kaplamasın */
  bottom: auto;
  transform: translateY(-50%);
  width: 44px; height: 44px;
  left: 12px; right: auto;
  opacity: 1;               /* görünür kalsın */
  background: rgba(255,255,255,.65);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
#recentProjectsCarousel .carousel-control-next{
  left: auto; right: 12px;
}

/* Bootstrap ikonları default beyaz SVG olduğu için filtre ile açık gri yapıyoruz */
#recentProjectsCarousel .carousel-control-prev-icon,
#recentProjectsCarousel .carousel-control-next-icon{
  filter: invert(70%) grayscale(100%);   /* açık gri */
  width: 28px; height: 28px;             /* ikon boyutu */
  background-size: 100% 100%;
}

#recentProjectsCarousel .carousel-control-prev:hover,
#recentProjectsCarousel .carousel-control-next:hover{
  background: rgba(255,255,255,.9);
}

/* === ÖNCEKİ PROJELER — Okları resmin içine al === */

/* Swiper genişliğini resimle aynı banda çek (orta hizalı) */
#previousProjectsSwiper{
  position: relative;
  max-width: min(1100px, 92vw); /* resimle benzer bant, gerekirse 1200px/95vw dene */
  margin: 0 auto;               /* ortala */
  overflow: visible;            /* oklar taşarsa da görünsün */
}

/* Oklar: içte, açık gri */
#previousProjectsSwiper .swiper-button-prev,
#previousProjectsSwiper .swiper-button-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.65);
  backdrop-filter: saturate(140%) blur(2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  color: #bdbdbd !important;
  --swiper-navigation-color: #bdbdbd;
  --swiper-navigation-size: 28px;
}

/* Resmin içine 12px içeriden otur */
#previousProjectsSwiper .swiper-button-prev{ left: 12px; }
#previousProjectsSwiper .swiper-button-next{ right: 12px; }

#previousProjectsSwiper .swiper-button-prev:hover,
#previousProjectsSwiper .swiper-button-next:hover{
  background: rgba(255,255,255,.9);
  color:#8a8a8a !important;
}

/* Küçük ekranlarda hafif küçült */
@media (max-width: 576px){
  #previousProjectsSwiper{ max-width: 96vw; }
  #previousProjectsSwiper .swiper-button-prev,
  #previousProjectsSwiper .swiper-button-next{
    width: 40px; height: 40px;
    --swiper-navigation-size: 24px;
  }
  #previousProjectsSwiper .swiper-button-prev{ left: 8px; }
  #previousProjectsSwiper .swiper-button-next{ right: 8px; }
}


/* === Mobil hamburger menü: arkaya beyaz zemin ve tam panel === */
@media (max-width: 991.98px){



  /* Linkler beyaz zemin üzerinde okunaklı kalsın */
  .navbar .navbar-nav .nav-link{ color:#231F20 !important; }
  .navbar .dropdown-menu{ background:#fff !important; }
  .navbar .dropdown-item{ color:#231F20 !important; }




/* === HAMBURGER MENÜ — BEYAZ ZEMİN + OVERLAY KAPAT + TIKLAMA DÜZELT === */
@media (max-width: 991.98px){



  .navbar-nav .nav-link,
  #mainMenu .nav-link{
    color:#231F20 !important;
    font-weight:600;
    font-size:1.05rem;
    padding:12px 0;
  }

}

@media (min-width: 992px){


}





/* === HAMBURGER MENÜ — TAM BEYAZ ARKAPLAN ZORUNLU === */
@media (max-width: 991.98px){




}


/* === PATCH 2025-08-27 16:59:40 — Header daralt + Menü sağa hizala (masaüstü) === */
/* Menü öğelerini masaüstünde sağa yasla */
@media (min-width: 992px){
  .navbar .navbar-nav{ 
    margin-left: auto !important; 
    margin-right: 0 !important;
  }
  /* Header'ı incelt */
  header.site-header .navbar{ 
    padding-top: 6px !important; 
    padding-bottom: 6px !important; 
  }
  /* Logo boyutu (gerekenden büyükse küçült) */
  .navbar-brand img{
    max-height: 46px !important;
    height: auto;
    width: auto;
  }
  /* Menü item aralıklarını sıkılaştır */
  .navbar-nav .nav-link{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}

/* Topbar çok yer kaplıyorsa daralt */
header.site-header .topbar{
  padding-top: .35rem !important;
  padding-bottom: .35rem !important;
}

/* === LOGO BOYUTU KONTROLÜ — 2025-08-27 === */

/* Masaüstü için logo boyutu */
@media (min-width: 992px) {
  .navbar-brand img {
    max-width: 185px !important;
    max-height: 50px !important;
    height: auto !important;
    width: auto !important;
  }
}

/* Mobil için logo boyutu */
@media (max-width: 991.98px) {
  .navbar-brand img {
    max-width: 138px !important;
    max-height: 38px !important;
    height: auto !important;
    width: auto !important;
  }
}



/* === HEADER COMPACT + LOGO SOL, MENÜ SAĞ (Final Override) === */

/* Masaüstü (>=992px): navbar'ı incelt, menüyü sağa yasla */
@media (min-width: 992px){
  header.site-header .navbar {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    min-height: 56px !important; /* kompakt ama rahat tıklanır */
  }
  .navbar-brand {
    margin-right: 16px !important;
  }
  .navbar-brand img{
    max-height: 46px !important;  /* ihtiyaç olursa 42–48px arasında oynatabilirsin */
    height: auto !important;
    width: auto !important;
    display: block;
  }
  /* Menüyü sağa it */
  .navbar .navbar-nav{
    margin-left: auto !important;
    margin-right: 0 !important;
    align-items: center;
  }
  /* Menü öğeleri aralıkları: daha sıkı */
  .navbar-nav .nav-link{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}

/* Topbar çok yer kaplıyorsa tek tanım: daralt */
header.site-header .topbar{
  padding-top: .35rem !important;
  padding-bottom: .35rem !important;
  line-height: 1.2 !important;
  font-size: .95rem !important;
}

/* Mobil (<992px): logo ve hamburger aynı hizada, menü paneli beyaz ve tam ekran */
@media (max-width: 991.98px){
  .navbar .container, .navbar .container-fluid{
    display:flex !important;
    align-items:center !important;
  }
  .navbar-brand img{
    max-height: 38px !important;  /* 138x38 hedefini korur */
    height:auto !important;
    width:auto !important;
  }

}





@media (max-width: 991.98px){
  
  #akselMobileMenu{ background:#fff; padding:8px 0; }
  #akselMobileMenu .nav-link{ color:#231F20 !important; font-weight:600; font-size:1.05rem; padding:12px 0; }
}
@media (min-width: 992px){
  
}


/* don't rely on bootstrap asset */
  display:inline-block;
  width:28px;
  height:2px;
  background:#111;                 /* middle bar */
  position:relative;
  vertical-align:middle;
  box-shadow: 0 8px 0 0 #111, 0 -8px 0 0 #111; /* top & bottom bars */
}
@media (max-width: 991.98px){
  
}

/* PATCH: Custom Hamburger Button */
.hamburger-btn {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 22px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 2000;
}

.hamburger-btn span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #000;
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* Mobile visible, desktop hidden */
@media (max-width: 991px) {
  .hamburger-btn {
    display: flex;
  }
}

/* PATCH: Custom Hamburger + Menu (conflict-free) */
.hamburger-btn {
  position: fixed;
  top: 12px;
  right: 12px;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 22px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 2001; /* above content */
}
.hamburger-btn span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #111;
  border-radius: 2px;
  transition: transform .25s ease, opacity .25s ease;
}
/* X animation when active */
.hamburger-btn.active span:nth-child(1){ transform: translateY(9px) rotate(45deg); }
.hamburger-btn.active span:nth-child(2){ opacity: 0; }
.hamburger-btn.active span:nth-child(3){ transform: translateY(-9px) rotate(-45deg); }

/* Mobile menu panel */
.mobile-menu{
  position: fixed;
  top: 0; right: 0;
  width: 78%;
  max-width: 340px;
  height: 100vh;
  background: #fff;
  box-shadow: -8px 0 24px rgba(0,0,0,.15);
  transform: translateX(100%);
  transition: transform .25s ease;
  z-index: 2000;
  padding: 80px 20px 20px;
}
.mobile-menu.open{ transform: translateX(0); }
.mobile-menu ul{ list-style: none; margin: 0; padding: 0; }
.mobile-menu li{ margin: 10px 0; }
.mobile-menu a{
  display: block;
  padding: 12px 6px;
  font-size: 18px;
  color: #231F20;
  text-decoration: none;
  font-weight: 600;
}
.mobile-menu a:hover{ color: #ED1C24; }

/* Only show on mobile; desktop hidden */
@media (max-width: 991.98px){
  .hamburger-btn{ display: flex; }
}

.section-divider .shape-fill {
  fill: #ED1C24 !important;
}

.shape-fill { fill: #ED1C24 !important; }