.elementor-2759 .elementor-element.elementor-element-230424b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;--margin-top:05px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2759 .elementor-element.elementor-element-230424b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2759 .elementor-element.elementor-element-45f9bf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2759 .elementor-element.elementor-element-45f9bf1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2759 .elementor-element.elementor-element-88c6a1d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2759 .elementor-element.elementor-element-7992a35 .elementor-menu-toggle{margin:0 auto;}.elementor-2759 .elementor-element.elementor-element-a572c14{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2759 .elementor-element.elementor-element-770ef96 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:500;fill:#F9FFFA;color:#F9FFFA;}.elementor-2759 .elementor-element.elementor-element-920622b .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:500;fill:#F9FFFA;color:#F9FFFA;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2759 .elementor-element.elementor-element-45f9bf1{--width:13%;}.elementor-2759 .elementor-element.elementor-element-88c6a1d{--width:60%;}.elementor-2759 .elementor-element.elementor-element-a572c14{--width:14%;}}@media(max-width:767px){.elementor-2759 .elementor-element.elementor-element-230424b{--width:186.538px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2759 .elementor-element.elementor-element-45f9bf1{--width:545px;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-dbf8e75 *//* Bu kod siyah logoyu tersine çevirip BEYAZ yapar */
.elementor-2759 .elementor-element.elementor-element-dbf8e75 img {
    /* Önce logoyu tamamen siyaha çeker (brightness 0), sonra ters çevirip bembeyaz yapar */
    filter: brightness(0) invert(1) !important;
    
    /* iPhone ve Android Chrome uyumluluğu için şart: */
    -webkit-filter: brightness(0) invert(1) !important;
    
    /* Görüntü netliği için */
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7992a35 *//* Menü yazılarını beyaz ve net yapar */
.elementor-2759 .elementor-element.elementor-element-7992a35 .elementor-item {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Mouse üzerine gelince */
.elementor-2759 .elementor-element.elementor-element-7992a35 .elementor-item:hover {
    color: #cccccc !important; /* Gri olur */
    opacity: 1 !important;
}

/* Aktif olan sayfanın rengi */
.elementor-2759 .elementor-element.elementor-element-7992a35 .elementor-item.elementor-item-active {
    color: #ffffff !important;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-770ef96 *//* --- ANA BUTON STİLİ (Kapsayıcı) --- */
.elementor-2759 .elementor-element.elementor-element-770ef96 .elementor-button {
    /* Arka planı zorla BEYAZ yap */
    background-color: #ffffff !important;
    background: #ffffff !important; /* İkinci bir garanti */
    
    /* Yazı rengini zorla SİYAH yap (Burada görünmese bile) */
    color: #000000 !important;
    fill: #000000 !important; /* İkon varsa o da siyah olsun */

    /* Tarayıcıların ve temaların eklediği tüm süsleri kaldır */
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;

    /* Şekil ve Boyut */
    border-radius: 100px !important;
    padding: 8px 26px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

/* --- KRİTİK NOKTA: METİN İÇİNDEKİ "SPAN" ETİKETİ --- */
/* Sorunun kaynağı genelde burasıdır. Yazının hemen arkasını temizler. */
.elementor-2759 .elementor-element.elementor-element-770ef96 .elementor-button .elementor-button-text {
    background-color: transparent !important; /* Yazının arkası şeffaf olsun */
    color: #000000 !important; /* Yazının kendisi KESİN SİYAH olsun */
}

/* --- HOVER (ÜZERİNE GELİNCE) --- */
.elementor-2759 .elementor-element.elementor-element-770ef96 .elementor-button:hover {
    background-color: #e6e6e6 !important; /* Hafif grileşsin */
    color: #000000 !important; /* Yazı hala siyah kalsın */
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-920622b *//* --- ANA BUTON STİLİ (Kapsayıcı) --- */
.elementor-2759 .elementor-element.elementor-element-920622b .elementor-button {
    /* Arka planı zorla BEYAZ yap */
    background-color: #ffffff !important;
    background: #ffffff !important; /* İkinci bir garanti */
    
    /* Yazı rengini zorla SİYAH yap (Burada görünmese bile) */
    color: #000000 !important;
    fill: #000000 !important; /* İkon varsa o da siyah olsun */

    /* Tarayıcıların ve temaların eklediği tüm süsleri kaldır */
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;

    /* Şekil ve Boyut */
    border-radius: 100px !important;
    padding: 8px 26px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

/* --- KRİTİK NOKTA: METİN İÇİNDEKİ "SPAN" ETİKETİ --- */
/* Sorunun kaynağı genelde burasıdır. Yazının hemen arkasını temizler. */
.elementor-2759 .elementor-element.elementor-element-920622b .elementor-button .elementor-button-text {
    background-color: transparent !important; /* Yazının arkası şeffaf olsun */
    color: #000000 !important; /* Yazının kendisi KESİN SİYAH olsun */
}

/* --- HOVER (ÜZERİNE GELİNCE) --- */
.elementor-2759 .elementor-element.elementor-element-920622b .elementor-button:hover {
    background-color: #e6e6e6 !important; /* Hafif grileşsin */
    color: #000000 !important; /* Yazı hala siyah kalsın */
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-230424b */.elementor-2759 .elementor-element.elementor-element-230424b {
    /* Konum ve Şekil (Aynen kalsın) */
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    width: 90% !important;
    max-width: 1200px !important;
    border-radius: 50px !important;

    /* --- ŞEFFAFLIK BURADA --- */
    /* 0.8 değeri %80 siyahlık demektir. Daha şeffaf istersen 0.5 yap. */
    background-color: rgba(0, 0, 0, 0.7) !important; 
    
    /* Arkadaki görseli flulaştırır (Buzlu cam etkisi) */
    backdrop-filter: blur(15px) !important; 
    -webkit-backdrop-filter: blur(15px) !important;

    /* İsteğe bağlı: Kenarlarına çok ince bir parlaklık atar */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    
    /* Gölgeyi biraz yumuşatalım */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}



/* Sadece Mobilde Header'ı Küçült */
@media (max-width: 767px) {
    .elementor-2759 .elementor-element.elementor-element-230424b {
        width: auto !important; /* Genişliği içeriğe (logoya) göre ayarlar */
        padding: 5px 30px !important; /* Yanlardan biraz boşluk bırakır */
        border-radius: 50px !important;
    }
}

/* --- BAŞLANGIÇ DURUMU (Giriş Yapılmamış) --- */



/* Üye butonunu gizle */

.btn-uye {

    display: none !important;

}



/* Misafir butonunu göster */

.btn-misafir {

    display: block !important;

}



/* --- GİRİŞ YAPILMIŞ DURUMU --- */

/* WordPress body'ye 'logged-in' sınıfı eklediğinde devreye girer */



body.logged-in .btn-uye {

    display: block !important; /* Profilim butonu açılır */

}



body.logged-in .btn-misafir {

    display: none !important; /* Oturum Aç butonu kaybolur */

}/* End custom CSS */