/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      exomclinic 0.1
*/
/* Avoid Chrome to see Safari hack */
/*@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
/*  height: -webkit-fill-available;
  }
}*/


table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}





/* Widget içindeki her şeyin mouse ile seçilmesini engeller */
.connect-widget, 
.connect-widget__toggler, 
.connect-widget__toggler__chat, 
.connect-widget__toggler__cross,
.connect-widget__toggler__text img {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none;     /* IE 10+ */
    user-select: none;         /* Standart (Chrome, Firefox, Edge) */
    -webkit-tap-highlight-color: transparent !important; /* Mobil tıklama mavisini de siler */
}

/* Eğer içindeki resim seçiliyorsa onu da engeller */
.connect-widget img {
    pointer-events: none;
    -webkit-user-drag: none;
}



/* 3. Ekstra Pürüzsüzlük İçin (SVG Render Ayarı) */
#exom-logo {
    shape-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}



/* 1. Logoyu varsayılan olarak BEYAZ yap (Filtre ile) */
#exom-logo {
    filter: brightness(0) invert(1) !important; /* Her şeyi beyaza boyar */
    -webkit-filter: brightness(0) invert(1) !important;
    transition: filter 0.3s ease;
	    shape-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

/* 2. Mobil Menü AÇILDIĞINDA Filtreyi Kaldır (Kendi renkleri gelsin) */
.mobile-menu-open #exom-logo {
    filter: none !important;
    -webkit-filter: none !important;
}

/* 3. SVG Parçalarını Kendi Renklerine Sabitle (Artık çakışma olmaz) */
#exom-logo .exom-icon-blue { fill: url(#grad-blue) !important; }
#exom-logo .exom-icon-gold { fill: url(#grad-gold) !important; }
#exom-logo .exom-text-special-e { fill: url(#grad-text-e-unique) !important; }
#exom-logo .exom-text-main { fill: url(#grad-text-gold-main) !important; }


html {
    /* Menü açılıp scroll gizlendiğinde içeriğin kaymasını engeller */
    scrollbar-gutter: stable;
}

/* iOS'ta oluşan otomatik sağ boşluğu sıfırlama */
/* Menü açıkken iOS çentik ve güvenli alan padding'lerini sıfırla */
.mobile-menu-open body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    /* JS'nin eklediği 28px'i de burada eziyoruz */
}

/* İçeriği güvenli alanda tutmak için alternatif (body yerine ana div) */
.mobile-menu-open #page {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

img, video {
    display: block;
    vertical-align: middle; /* Inline-block kaynaklı boşluğu keser */
    margin-bottom: -1px; /* Bazen oluşan 1px'lik render hatasını kapatır */
}

    .background-video {
        position: relative;
        inset: 0px;
        opacity: 0.5;
    }

.home .exom-logo-svg path {
    /* fill: #ffffff; */
}

.st15 {
    fill: #7cd3e4 !important;
}

#sticky-navigation .exom-logo-svg path,
.mobile-menu-open .exom-logo-svg path {
    /* fill: #d28c02; */
}


#sticky-navigation .exom-logo-svg-icon path,
.mobile-menu-open .exom-logo-svg-icon path {
    /* fill: #b97d07; */
}

.toggled#site-navigation.main-navigation {
    position: relative;
    background: none;
}

* {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

body.scroll-locked {
  overflow: hidden !important;
}



.scroll-locked #sticky-navigation {
  transform: none !important;
}

body {
  
 
    margin: 0;
    padding: 0;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    overflow-x: hidden;
}
* {
  outline: 0px;
}



a[x-apple-data-detectors] {
    color: inherit!important;
    text-decoration: none!important;
    font-size: inherit!important;
    font-family: inherit!important;
    font-weight: inherit!important;
    line-height: inherit!important
}

a[href^=tel],span#breadcrumbs a {
    color: inherit;
    text-decoration: none
}

:root {
    --main-bg-color: #2561d8;
    --app-height: 100%;
	   --main-bg-color-white: #fff;
    --main-bg-color-blue: #2561d8;
}

.no-tel-detection {
    -webkit-touch-callout: none;
    -webkit-user-select: text;
}
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

 

/* ====================================================================
   GeneratePress Pro Blocks Responsive CSS Template
   Mobile-First (Clean Skeleton)
   ==================================================================== */

/* --------------------------------------------------
   1. Base Styles (Mobile)
   -------------------------------------------------- */
/* Add your mobile-specific CSS here (no media queries) */








 .site-logo img, .site-logo svg {
     
      display: block;
    }


.menu-toggle {
   display: block;
    }



    .site-logo:not(.page-hero-logo), .sticky-enabled .main-navigation.is_stuck .site-logo:not(.page-hero-logo) {
    display: block;
    position: relative;
    z-index: 1;
    margin-top: 0px;

}

.navigation-branding, .site-logo.mobile-header-logo {
    order: 2;
}

.navigation-stick .top-contact {
    color: #e9e4de;
}


.top-contacts>div {
    display: flex;
}




.nav-hamburger {
    width: 30px;
    height: 20px;
    position: relative;
    cursor: pointer;
}
.nav-hamburger span:nth-child(1) {
    top: 0;
}
.nav-hamburger span:nth-child(2), .nav-hamburger span:nth-child(3) {
    top: 8px;
}
.nav-hamburger span:nth-child(2), .nav-hamburger span:nth-child(3) {
    top: 8px;
}
.nav-hamburger span:nth-child(4) {
    top: 16px;
}

.mobile-menu-open .navigation-stick .nav-hamburger span {
    /* background: currentColor !important; */
}
.home #site-navigation .nav-hamburger span {
    /* background: #f4bf56; */
}

.nav-hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
   background: #fff;
    border-radius: 1.5px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: transform 350ms;
    /*  background: linear-gradient(90deg, #9D8059 0%, #4F311A 15%, #B99A6F 45%, #DAD0BD 67%, #967953 100%);*/
}
.toggled .nav-hamburger span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
}
.toggled .nav-hamburger span:nth-child(2) {
    transform: rotate(45deg);
}
.toggled .nav-hamburger span:nth-child(3) {
    transform: rotate(-45deg);
}
.toggled .nav-hamburger span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
}
    .site-navigation .nav-hamburger span {
        background: currentColor !important;
    }

  .home .site-navigation .nav-hamburger span {
        background: currentColor !important;
    }



.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
    padding-left: 0;
    margin-left: 30px;
    flex-grow: 0;
    padding-right: 20px;
    order: 1;
    background-image: none;
    /* border-right: 2px solid #ffffff; */
    z-index: 243354353;
    border-right: 2px solid;
    border-image: linear-gradient(
  to bottom,
  #A88B63 0%,
  #C4AC89 40%,
  #DAD0BD 55%,
  #C4AC89 75%,
  #9D8059 100%
) 1;
}






    div#primary-menu {
        display: none;
        width: 100%;
    }




.mobile-menu-open .home .top-contact, .mobile-menu-open .top-contact {
    /* color: #edfcff; */
    z-index: 1;
}

.main-navigation .top-contact a {
    all: unset;
    cursor: pointer;
    font-size: unset;
    font-family: unset;
    color: unset;
    line-height: unset;
    /* height: 100%; */
    /* display: flex; */
    /* align-items: center; */
    /* height: 65px; */
    display: flex;
}


.main-navigation#site-navigation {
 
    box-shadow:none;

}

.main-navigation {
    background: var(--main-bg-color-white);
    /* transition: background-color .5s ease 0s; */
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
    /* background: #342e2b; */
    /* background: linear-gradient(199deg, #1E1B1A 0%, #2a2620 50%, #464342 100%); */
    background: linear-gradient(61deg, #1E1B1A 0%, #2a2620 50%, #464342 100%);
}


.sticky-enabled .main-navigation.is_stuck.toggled {
    /* background: var(--main-bg-color-white); */
    transition: background-color .5s ease 0s;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, .2);
    background: none;
}






html.mobile-menu-open .hlc-estetik-cerrahi::befores,
html.mobile-menu-open .hlc_adres::befores {
    content: "\00D6 zel Ankara HLC Cerrahi T\0131 p Merkezi";
    display: block;
    font-size: inherit;
    text-decoration: none;
    position: relative;
    font-weight: inherit;
    padding-right: 0;
    line-height: inherit;
}
html.mobile-menu-open .hlc_adres::befores {
    content: "Kaz\0131 m \00D6 zalp Mah. U\011F ur Mumcu Caddesi No: 6 G.O.P \00C7 ankaya/Ankara T\00FC rkiye";
    margin-bottom: 0;
	  display: block;
}


.schema-faq {
    position: relative;
    display: block;
    /* padding: 40px 60px; */
    margin-right: 40px;
    margin-left: 0px;
}

.schema-faq-section {
    list-style-type: none;
    border-top: 1px solid rgba(145, 151, 162, 0.25);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.schema-faq-section:first-child {
    border-top: 0;
}

.schema-faq-section:last-child {
    /* border-bottom: 1px solid rgba(145, 151, 162, 0.25); */
}

.schema-faq-question {
    position: relative;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    /* padding-bottom: 20px; */
    /* padding-top: 20px; */
    /* display: flex; */
    display: flex;
    /* justify-content: unset; */
    font-weight: 500;
    /* align-items: center; */
    /* right: -40px; */
    /* flex-wrap: nowrap; */
    width: 100%;
    line-height: auto;
}

.schema-faq-section.show strong.schema-faq-question {
    margin-bottom: 10px;
}

.schema-faq-answer {
    display: none;
    margin: 0px 0px 1em;
    line-height: 1.4em;
}

.schema-faq-section::before {
    /* transform: rotate(270deg); */
    transition: transform .15s ease-out;
    /* margin: 0px auto; */
    /* align-items: center; */
    /* background: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10.06 12l5.47-5.47a.75.75 0 00-1.06-1.06l-6 6a.75.75 0 000 1.06l6 6a.751.751 0 101.06-1.06z'/></svg>"); */
    background-position: center center;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: -40px;
    align-items: center;
    display: flex;
    line-height: 50px;
    margin-top: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.816' height='12.816' viewBox='0 0 12.816 12.816'%3E%3Cpath d='M.53 12.286 12.066.75M.53.75h11.536v11.536' fill='none' stroke='%23265fd4' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
    cursor: pointer;
    background-repeat: no-repeat;
    align-content: center;
}

.schema-faq-section.show::before {
	  content: "";
    transform: rotate(90deg);
    transition: transform .3s ease-out;
}

.schema-faq-section.show .schema-faq-question::after {
    content: "";
    transform: rotate(90deg);
    transition: transform .3s ease-out;
}









/* 2. Mobile ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â akÃƒÆ’Ã¢â‚¬Å¾Ãƒâ€šÃ‚Â±llÃƒÆ’Ã¢â‚¬Å¾Ãƒâ€šÃ‚Â± telefonlar (GenerateBlocks Pro default) */
@media only screen and (max-width: 768px) {
  /* buraya mobileÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢a ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¶zel override ve ince ayarlarÃƒÆ’Ã¢â‚¬Å¾Ãƒâ€šÃ‚Â±nÃƒÆ’Ã¢â‚¬Å¾Ãƒâ€šÃ‚Â±zÃƒÆ’Ã¢â‚¬Å¾Ãƒâ€šÃ‚Â± koyun */
	#sticky-navigation .gb-element-b8d2d68c,
	#site-navigation:has(.menu-toggle[aria-expanded="true"]) .gb-element-b8d2d68c {
    border: none;
}

	
	
.nav-hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
   background: #fff; 
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: transform 350ms;
     /*  background: linear-gradient(90deg, #9D8059 0%, #4F311A 15%, #B99A6F 45%
45%
, #DAD0BD 67%, #967953 100%); */
}
.islem-template-default .nav-hamburger span {	
	 background:#fff;
}	
	.nav-hamburger span:nth-child(2), .nav-hamburger span:nth-child(3) {
    top: 9px;
}
.nav-hamburger span:nth-child(4) {
    top: 18px;
}	
	
	.site-logo::after {
             content: "CLINIC";
             display: flex;
             font-size: 11px;
             position: absolute;
             /* font-weight: inherit; */
             margin-top: 7px;
             line-height: 0em;
             /* max-width: 300px; */
             color: #ffffff;
             /* text-decoration: none; */
             /* text-transform: uppercase; */
             right: 0px;
             justify-content: flex-end;
    }
	
	
	.exom-logo-svg-icon {
        display: none;
    }
	
	
	
	.sticky-enabled .main-navigation.is_stuck {
    /* Safari'nin barla eşleyebileceği düz temel renk */
    background-color: #1E1B1A !important;


    
    /* Önemli: Safari adres barının bittiği yerden başlaması için */
    padding-top: env(safe-area-inset-top); 
    
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* Gradient'i bu hayalet katmana veriyoruz */
.sticky-enabled .main-navigation.is_stuck::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Gradient sadece burada */
    background: linear-gradient(
199deg, #1E1B1A 0%, #2a2620 50%, #464342 100%);
    z-index: -1; /* İçeriğin (logo/menü) arkasında kalsın */
}



	
	
	.navigation-branding, .site-logo.mobile-header-logo {
          margin-left: 0px !important;
		display: block;
}
	
	
	
	.home #site-navigation .top-contact {
        color: #e9e4de;
    }
	
	
/* Ana sayfada, #site-navigation varken ve toggled DEĞİLKEN logoyu gizle; 
   ancak bu kural #sticky-navigation varsa geçerli olmasın 1 olursa çalışmaz */

body.home #site-navigation .navigation-branding #fluids1  {
 opacity: 0;
        visibility: hidden;
        height: 0;
        width: 0;
        pointer-events: none;
}

.exom-logo-svg-icon {
        display: block;
    }	
	
	
	
    .site-logo img, .site-logo svg {
        width: auto;
        display: block;
        padding: 0px 0;
        height: 22px;
    }

.cls-4, .cls-5, .main-navigation.navigation-stick .page-hero-logo {
        display: none;
    }	
    .exom-clinic-video video[poster] {
        object-fit: cover;
        /* object-position: 0px 0px; */
        width: 100%;
        opacity: 0.5;
        height: 450px;
    }	
	
	
	.exom-clinic-video::after {
    content: ""; /* Olmazsa olmaz, yoksa katman gözükmez */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Paylaştığınız renkler ve gradyan (0.7 şeffaflık eklendi ki video görünsün) */
    background-image: linear-gradient(
269deg, rgba(59, 54, 50, 0.7) 20%, rgba(24, 22, 22, 0.8) 100%);
    background-blend-mode: normal;
    
    /* Sizin istediğiniz filtreler */
    filter: contrast(120%) brightness(110%);
    
    /* Videoya tıklamayı engellememesi için */
    pointer-events: none;
    z-index: 2; /* Videonun üstüne çıkarır */
}


	
	
	
	
	
	
	  #site-navigation .site-logo::after {
       
	}
	.gb-zoom-bg {
		 transition: background-size 0.5s ease-in-out;
		 background-size: 250%;
      background-position: 0%
}
	
	
}


/* 2. Mobile ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â akÃƒÆ’Ã¢â‚¬Å¾Ãƒâ€šÃ‚Â±llÃƒÆ’Ã¢â‚¬Å¾Ãƒâ€šÃ‚Â± telefonlar (GenerateBlocks Pro default) */
@media only screen and (min-width: 769px) {
	
	
.home #sticky-navigation .exom-logo-svg path {
		    /* fill: #d28c00; */
}
	.mobile-menu-open .home #sticky-navigation .exom-logo-svg path {
		    /* fill: #edfcff; */
}
	
.home #site-navigation .exom-logo-svg path  {
		    /* fill: #edfcff; */
}
.mobile-menu-open .home .exom-logo-svg path  {
    /* fill: #edfcff; */
}



	
.site-logo::after {
        content: "CLINIC";
        display: flex;
        font-size: 16px;
        /* position: absolute; */
        font-weight: inherit;
        padding-top: 0px;
        line-height: 1.4;
        /* max-width: 300px; */
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        right: 0px;
        justify-content: flex-end;
    }
	
	
	#sticky-navigation .site-logo::after {
		 font-size: 14px;
		line-height: 1.8;
    }
    .home #site-navigation .site-logo:after {
        /* color: #fff !important; */
    }
	
	
	.exom-clinic-video::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(271deg, rgba(59, 54, 50, 0.7) 0%, rgba(24, 22, 22, 0.8) 100%);
        background-blend-mode: normal;
        filter: contrast(120%) brightness(110%);
        pointer-events: none;
        z-index: 2;
    }

	   video[poster] {
        /* object-fit: contain; */
        /* object-position: 0 0px; */
        /* object-position: 50% 50%; */
        /* height: 100%; */
        /* width: 100%; */
        /* position: absolute; */
        /* inset: 0; */
        width: 100%;
        height: 100%;
        opacity: 0.8;
        object-fit: cover;           /* Ã¢Â¬â€¦Ã¯Â¸Â zoom-out etkisi buradan */
        object-position: 50% 35%;
        background-color: #000;
    }	
	div#primary-menu {top: 0px !important;overflow-y: hidden !important;border-radius: 6px;}

    }

/* 3. Tablet ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â orta boyutlu cihazlar */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* buraya tabletÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢e ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¶zel overrideÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢lar */
	.site-logo svg {
    width: 100px;
    height: auto;
}
    .main-navigation .inside-navigation, .nav-align-right .navigation-branding {
        height: var(--tablet-navigation-height);
    }	

	
	
}


@media only screen and (max-width: 1024px) {


.home #site-navigation .nav-hamburger span {
    /* color: #e6e1d8; */
    /* background: #e6e1d8 !important; */
}
.home #site-navigation.toggled .nav-hamburger span {
        /* color: #6b5524; */
        /* background: #6b5524 !important; */
    }	
.home #site-navigation.toggled .top-contact {
        /* color: #6b5524; */
    }
	
.mobile-menu-open .main-navigation .inside-navigation {
    color: #fff;
    /* background: var(--main-bg-color-white); */
    background: linear-gradient(
90deg, #1E1B1A 0%, #2a2620 30%, #464342 100%);
}	
	


	
	
}




/* 4. Desktop ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â masaÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¼stÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¼ ve daha geniÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€¦Ã‚Â¸ ekranlar */
@media only screen and (min-width: 1025px) {
  /* buraya desktopÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢a ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¶zel stiller */
	

	

	
#site-navigation:not(.toggled) .nav-hamburger span {/* background: #1f1b1a; */}
.home #site-navigation:not(.toggled) .nav-hamburger span1 {
  background: #fff;
  /* background: linear-gradient(
  90deg,
  #f4d87a 0%,   
  #e0b84f 25%,
  #c9a227 50%,  
  #a67c1a 75%,
  #7a5c17 100%  ); */
  background: linear-gradient(
  90deg,
  #ffe89a 0%,
  #d4af37 45%,
  #b88a1b 70%,
  #6e5215 100%);
  background: linear-gradient(
  90deg,
  #9D8059 0%,
  #4F311A 15%,
  #B99A6F 45%,
  #DAD0BD 67%,
  #967953 100%);
  background: linear-gradient(
  90deg,
  #9D8059,
  #6F4A2A,
  #C4AC89,
  #DAD0BD,
  #967953);
  background: linear-gradient(
  90deg,
  #9D8059 0%,
  #4F311A 20%,
  #B99A6F 50%,
  #DAD0BD 70%,
  #967953 100%);
  }	
#sticky-navigation:not(.toggled) .nav-hamburger span {/* background: #cdbda1; */}
.toggled#sticky-navigation .nav-hamburger span {/* background:  #fff; */}
#site-navigation .nav-hamburger span {
  /* background: #fff; */
  /* background: linear-gradient(
  to bottom,
  #B79A72 0%,
  #CDBA98 45%,
  #E2D8C6 55%,
  #CDBA98 70%,
  #A88B63 100%); */
  /* background: linear-gradient(90deg, #9D8059 0%, #4F311A 15%, #B99A6F 45%, #DAD0BD 67%, #967953 100%); */
  }
	  .islem-template-default .nav-hamburger span {
        background: #fff;
    }	
	
	.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 60px;
    width: auto;
}
	.navigation-stick .nav-hamburger span {
    /* background: #442f07; */
}
.mobile-menu-open .main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {         border-right: 2px solid #40c7e2;}
	
	.locations-hover {
        opacity: 0!important
    }
	
	 .nav-hamburger {
        width: 42px;
        height: 31px
    }
	   .nav-hamburger span:nth-child(2),.nav-hamburger span:nth-child(3) {
        top: 14px
    }

    .nav-hamburger span:nth-child(4) {
        top: 28px
    }
	
	.site-logo svg {
        width: 100%;
        height: 85px;
    }
	.home .site-logo svg {
        height: 90px;
    }
	
	#sticky-navigation .site-logo svg {height: 85px;}
	 
	
	.main-navigation .inside-navigation {
        height: 140px;
        background-color: transparent;
        flex-wrap: inherit;
        z-index: 10;
    }
	.home .main-navigation .inside-navigation {
        height: 180px;
   
    }
	
	    #site-navigation .navigation-branding, #sticky-navigation .navigation-branding {
        margin-left: 20px;
		
    }
	    .main-navigation.navigation-stick .inside-navigation {
        height: 130px;
    }
	
    .home #site-navigation:not(.toggled) .top-contact {
        /* color: #272321; */
    }

	
	
	
}

:root {
  --exom-gold: #c6a667;
  --exom-dark: #000000;
  --exom-gold-light: #c6a667;
}

.exom-logo .exom-gold path {
  fill: #c98f1c;
}

.exom-logo .exom-dark path {
  fill: var(--exom-dark);
}

.exom-logo .exom-gold-light path {
  fill: #2fe0ff;
  opacity: 0.7;
}


.exom-logo .exom-darks path {
  fill: #c6a667;
  opacity: 0.5;
}

.question-mark {
    transform-origin: center;
    animation: bounce 2s infinite ease-in-out;
}

/* Sadece SVG animasyonlarını GPU üzerinden çalıştırarak kasmayı önler */
.exom-logo-svg-icon path {
    backface-visibility: hidden;
    will-change: opacity;
}


/* --- Mevcut Animasyon Tanımların --- */
@keyframes logoPulse {
    0%, 100% { opacity: 0.4; } 
    50% { opacity: 1; }
}

/* --- Temel Ayarlar --- */
.exom-logo-svg-icon path {
    transition: opacity 0.8s ease-in-out;
    opacity: 1;
}

.site-logo::after {
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

/* --- TETİKLEYİCİLER --- */

/* 1. YÜKLENİRKEN VE HOVER: Sonsuz devam eder */
:is(body.loading, .loading) .exom-logo-svg-icon path,
#exom-logo:hover .exom-logo-svg-icon path {
    animation: logoPulse 1.2s ease-in-out infinite;
}

/* 2. STICKY NAVIGATION İÇİN ÖZEL DÜZENLEME (GeneratePress Uyumu) */
/* GeneratePress sticky navigation'da logo genellikle .sticky-navigation-logo sınıfı içindedir */
#sticky-navigation .exom-logo-svg-icon path {
    animation: logoPulse 1s ease-in-out 1; /* Sticky olduğunda 1 kez parlar */
}

/* 3. Yükleme esnasında yazıyı gizle */
:is(body.loading, .loading) .site-logo::after {
    opacity: 0;
    visibility: hidden;
}

/* --- Gecikmeler --- */
/* Hem normal logo hem sticky logo altındaki path'leri hedefler */
:is(#exom-logo, #sticky-navigation) .exom-logo-svg-icon path:nth-child(1) { animation-delay: 0s; }
:is(#exom-logo, #sticky-navigation) .exom-logo-svg-icon path:nth-child(2) { animation-delay: 0.3s; }
:is(#exom-logo, #sticky-navigation) .exom-logo-svg-icon path:nth-child(3) { animation-delay: 0.6s; }


