.elementor-kit-351{--e-global-color-primary:#696969;--e-global-color-secondary:#001726;--e-global-color-body:#696969;--e-global-color-headline:#001726;--e-global-color-border:#E6E8EE;--e-global-color-light:#F1F5FF;--e-global-color-white:#FFFFFF;--e-global-color-dark:#000000;}.elementor-kit-351 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:990px;}.e-con{--container-max-width:990px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:750px;}.e-con{--container-max-width:750px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:570px;}.e-con{--container-max-width:570px;}}/* Start custom CSS *//* =========================
   Testimonial ayarları
   ========================= */
.home-quote .elementor-testimonial-wrapper .elementor-testimonial-meta-inner {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
}
.home-quote .elementor-testimonial-wrapper .elementor-testimonial-job {
    margin-top: 10px;
}

/* =========================
   Video overlay ayarları
   ========================= */
#video-overlay {
    pointer-events: none; /* overlay tıklamayı geçersiz kılar */
}

/* =========================
   Header üstte olsun
   ========================= */
.elementor-location-header {
    position: relative;
    z-index: 9999; /* videodan üstte, popup'larla çakışmaz */
}

/* =========================
   Header yükseklik ayarları
   ========================= */
/* Masaüstü */
.elementor-245 {
    height: 180px;
    z-index: 1050;
    background-color: transparent !important; /* header arka plan şeffaf */
}

/* Mobil (max-width: 768px) */
@media only screen and (max-width: 768px) {
    .elementor-245 {
        height: 90px !important;
    }
	.slide-panel-content{
z-index:99999 !important;}
}

/* =========================
   Burger Menü (Hamburger ikon)
   ========================= */
.navbar-toggler {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    margin: 0;
}
.navbar-toggler span {
    display: flex;
    flex-direction: column;
    gap: 0px; /* çizgiler arası mesafe */
}
.navbar-toggler .line {
    display: block;
    width: 25px;   /* çizgi uzunluğu */
    height: 3px;   /* çizgi kalınlığı */
    background-color: #000; /* çizgi rengi */
    border-radius: 2px;
}

/* =========================
   Sticky Header Transparan
   ========================= */
.elementor-245 
.elementor-element.elementor-element-7976bc1.akpager-sticky-section,
.elementor-245 
.elementor-element.elementor-element-7976bc1.akpager-sticky-section.akpager-sticky-active {
    background-color: rgba(0, 0, 0, 0.2) !important; /* %30 opak siyah */
    backdrop-filter: blur(4px); /* cam efekti (isteğe bağlı) */
    -webkit-backdrop-filter: blur(6px);
    box-shadow: none !important;
}

.elementor-245 
.elementor-element.elementor-element-7976bc1.akpager-sticky-section {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Menü panelini sağdan açılacak şekilde düzelt – GÜNCEL */
.akpager-nav-menu .slide-panel-wrapper .slide-panel-content {
    position: fixed !important;    /* Ekranın üzerine sabitle */
    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    height: 100vh !important;      /* Tüm ekran yüksekliği */
    transform: translateX(100%) !important;  /* Varsayılan: dışarıda, kapalı */
    opacity: 0 !important;
    visibility: hidden !important;

    background: #ffffff !important; /* Menü arka plan rengi (istersen değiştir) */
    z-index: 9999 !important;

    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}

.akpager-nav-menu .slide-panel-wrapper.show-panel .slide-panel-content {
    transform: translateX(0) !important; /* Açık: içeri girsin */
    opacity: 1 !important;
    visibility: visible !important;
}
/* =========================
   Mobilde yatay kaydırmayı kapat
   ========================= */
@media only screen and (max-width: 768px) {
    html, body {
        width: 100%;
        overflow-x: hidden !important;
    }
}
/* =========================
   Contact sayfasında ikon renkleri
   ========================= */

/* Search ikonunu siyah yap */
.page-id-1244 .akpager-search-wrapper .search-icon i {
    color: #000000 !important;
}

/* Burger menü çizgilerini siyah yap */
.page-id-1244 .navbar-toggler .line {
    background-color: #000000 !important;
}
/* =========================================
   Contact ve Portfolio Sayfaları Düzeltmesi
   ========================================= */

/* 1. Etkilenecek Sayfaları Tanımlayalım:
   .page-id-1244 -> Contact Sayfası
   .single-portfolio -> Sol menüden eklenen Tekil Portfolio projeleri
   .post-type-archive-portfolio -> Portfolio arşiv/liste sayfası
*/

.page-id-1244 .elementor-location-footer,
.single-portfolio .elementor-location-footer,
.post-type-archive-portfolio .elementor-location-footer {
    /* Footer arka plan rengini sabitle (Siyah/Koyu Gri) */
    background-color: #111111 !important; 
    
    /* Eğer footer yukarı kayıyor veya içerik altında kalıyorsa: */
    position: relative !important;
    z-index: 99 !important;
    width: 100% !important;
    
    /* Üst taraftan biraz boşluk bırakarak ayrışmasını sağla */
    margin-top: 0px !important; 
    
    /* Footer içindeki yazıların rengi bozuluyorsa (beyaz yap) */
    color: #ffffff !important;
}

/* 2. Bu sayfalarda Header (Üst Menü) sorunu Footer'ı itiyor olabilir.
   Anasayfada şeffaf olan header'ı, bu sayfalarda "Normal" hale getirelim.
*/
.page-id-1244 .elementor-location-header,
.single-portfolio .elementor-location-header {
    background-color: #ffffff !important; /* Header arka planı beyaz olsun */
    position: relative !important;        /* Absolute yerine Relative olsun ki içerik aşağı insin */
    height: auto !important;              /* Yüksekliği otomatiğe al */
}

/* Header siyah olursa menü linkleri görünmez olabilir, onları siyah yapalım */
.page-id-1244 .elementor-nav-menu a,
.single-portfolio .elementor-nav-menu a {
    color: #000000 !important;
}

/* 3. Portfolio ve Contact sayfalarında Footer ile içerik arasına mesafe koyma */
.page-id-1244 .elementor-location-header + .elementor-section-wrap,
.single-portfolio .elementor-location-header + .elementor-section-wrap {
    padding-bottom: 50px !important; /* Footer ile içerik arasına boşluk */
    min-height: 60vh; /* İçerik az olsa bile footer hemen yukarı yapışmasın */
}
/* .elementor-widget-akpager-site-logo{
padding:10px;
border-radius:5px;
background:white}  */ 
/* =========================
   Sticky Header (Koyu ve Blur Efekti)
   ========================= */
.elementor-245 .elementor-element.elementor-element-7976bc1.akpager-sticky-section,
.elementor-245 .elementor-element.elementor-element-7976bc1.akpager-sticky-section.akpager-sticky-active {
    
    /* KOYULUK AYARI: Sondaki 0.8 değerini değiştir */
    /* 0.2 = Çok açık, 0.5 = Orta, 0.9 = Simsiyah */
    background-color: rgba(0, 0, 0, 0.4) !important; 

    /* BLUR (Bulanıklık) AYARI: px değerini artır */
    backdrop-filter: blur(0px); 
    -webkit-backdrop-filter: blur(0px); /* Safari için */
    
    box-shadow: none !important;
}
/* =============================================
   Sadece PC (Masaüstü) Logo Büyütme Ayarı
   ============================================= */

/* Bu kod 1024px altındaki (Tablet ve Mobil) ekranlarda çalışmaz */
@media (min-width: 1024px) {
.akpager-sticky-section{
		height:80px !important;
	}
    
    .akpager-site-logo img {
        /* Logonun yüksekliğini buradan ayarla. 
           Şu an 150px yaptım, çok gelirse 120px yapabilirsin */
        height: 250px !important;
        
        /* Genişlik otomatik artsın, resim bozulmasın */
        width: auto !important;
        
        /* Temanın koyduğu sınırları kaldır */
        max-width: none !important;
        max-height: none !important;
    }
}/* End custom CSS */