/* Ana sayfadaki 'Call Us' butonunu (sarı daire) gizle */
.te-slider-btn-wrapper .te-call-btn {
    display: none !important;
}

/* Diğer küçük dekoratif şekilleri (sağdaki daire vb.) gizle */
.slider-circle-shape,
.slider-right-shape {
    display: none !important;
}

/* Header'daki 'Sipariş Ver' butonunun rengini değiştirme */
.te-quote-btn {
    background-color: #ffec14 !important; 
    color: #14203a !important; 
}

/* Ana tema butonunun (mavi buton) rengini değiştirme */
.te-theme-btn {
    background-color: #1435ac !important; 
}

/* Opsiyonel: Farenizle üzerine gelindiğinde (hover) alacağı renk */
.te-theme-btn:hover {
    background-color: #004a7a !important; 
}

/* Hero/Slider arka planını tam kapla ve ortala */
.slider-area .te-single-slider{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 100vh; 
}

/* Tema mobilde arka planı kapatıyor; bunu geri açıyoruz */
@media (max-width: 767px){
  .slider-area .te-single-slider{
    background-image: inherit !important; 
    min-height: 100vh;
  }
}

/* Eğer arka plan img etiketiyle geliyorsa, tam kaplama için */
.slider-area .te-single-slider img{
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* İsteğe bağlı: Üstteki dalga/overlay şekli görüntüyü örtüyorsa gizleyebilirsin */
.slider-area .te-single-slider .te-slider-overlay,
.slider-area.style-1 .te-single-slider .slider-shape{
  display: none !important; 
}

/* Header'daki 'Order Now' (Sipariş Ver) butonunu gizle */
.te-quote-btn {
    display: none !important;
}

/* Ana sayfadaki 'Order Now' butonunun yazısını beyaz yap */
.link-anime.v1 {
    color: #FFFFFF !important;
}

/* Blog yazı kartlarındaki Yazar ve Yorum bölümünü gizle */
.te-single-meta {
    display: none !important;
}

/* Blog yazı kartlarındaki Tarih kutucuğunu gizle */
.te-post-date {
    display: none !important;
}

/* 'Hakkımızda' bölümündeki sarı '12 Yıl' kutusunu gizle */
.te-company-foundation {
    display: none !important;
}

/* Copyright çubuğunu gizle */
div.footer-bottom-area {
    display: none !important;
}

/* Logo Carousel'e özel boşluk (spesifik hedefleme) */
div.elementor-element-c0b3c34 .glc-logo {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

/* "Latest Posts" alanındaki o mavi gradient'i kaldır */
div.latest-posts-area.style-1.background-gradient {
    background: none !important;
}

/* Footer arka plan rengini değiştir */
div.te-footer-sec {
    background-color: #000000 !important;
}

/* Footer'a Balyoz Operasyonu (Artık Küçülmek Zorunda) */
div.te-footer-sec {
    min-height: unset !important;  
    height: auto !important;       
    padding-top: 55px !important;    
    padding-bottom: 55px !important; 
}

/* Footer'ın içindeki o "Recent Blog" alanı da hâlâ oradaysa */
div.latest-posts-area.style-1.background-gradient {
    padding-top: 20px !important;    
    padding-bottom: 20px !important; 
    min-height: unset !important;   
}

/* Footer'daki "Bizi Takip Edin" sosyal çubuğunu kaldır */
div.te-footer-social-wrapper {
    display: none !important;
}

/* Buton stilleri */
a.te-theme-btn {
  background-color: #1c3db4 !important; 
  color: white !important; 
  padding: 9px 28px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  text-decoration: none;
  border-radius: 50px; 
  display: inline-block;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

a.te-theme-btn:hover {
  background-color: #1c3db4!important; 
}

.elementor-widget-container .elementor-button {
  background-color: #1c3db4;
}

/* "SON BLOGLAR" etiketinin rengini değiştir */
span.short-title {
    color: #1c3db4 !important;
}

/* Dil değiştirici (EN | TR) metin rengini değiştir */
div.gt_switcher_wrapper a {
    color: #1c3db4 !important;
}

.page-breadcrumb-area {
    display: none !important;
}

/* Hizmetlerimiz başlık ve çizgi renkleri */
.te-section-content p,
.te-section-content h2,
.te-section-content .row,
.te-section-content div:not(:first-child) {
    color: #335371 !important;
}

.te-section-content > div:first-child,
.te-section-content > div:first-child span {
    color: #1c3db4 !important;
}

.te-section-content > div:first-child::before,
.te-section-content > div:first-child::after,
.te-section-content > div:first-child span::before,
.te-section-content > div:first-child span::after {
    background-color: #1c3db4 !important;
    border-color: #1c3db4 !important;
    color: #1c3db4 !important;
}

/* Logo Görünürlüğü */
.header-area .logo,
.header-area .te-logo,
.header-area .navbar-brand,
.te-header-style-1 .logo,
.sticky-header .logo {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important; 
}

.header-area .logo img,
.header-area .te-logo img,
.header-area .navbar-brand img,
.te-standard-logo img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 69px !important; 
    width: auto !important;      
    padding: 5px 0 !important;   
}

.transparent-header .logo,
.light-header .logo {
    opacity: 1 !important;
}

/* Tik işaretlerinin rengini değiştir */
i.ekobyte.icon-chack-mark-solid,
i.ekobyte.icon-chack-mark-solid::before {
    color: #1c3db4 !important;
}

/* Divider çizgi rengi */
.divider {
    background-color: #1c3db4 !important;
    border-color: #1c3db4 !important;
}

/* Hizmet kutusunun arka plan rengi */
.te-info-card.style-1, 
.te-info-card.style-1.red-100 {
    background-color: #ffffff !important;
}
.te-info-card.style-1:hover {
    background-color: #e8e8e8 !important;
}

/* Header hizlama */
.header-area .col-xl-9,
.header-area nav,
.te-main-menu {
    position: relative !important;
    top: 10px !important; 
}
.header-area .navbar-area {
    padding-bottom: 10px !important;
}

/* Mavi ikon kutusunu gizle (Sadece span olanlar, div.icon kalacak) */
span.icon {
    display: none !important;
}

/* Dosya yükleme kutusu */
input.wpcf7-file {
    padding: 12px;
    background-color: #f9f9f9; 
    border: 1px solid #e1e1e1; 
    border-radius: 8px; 
    width: 100%; 
    color: #555;
    cursor: pointer;
}

/* Mesaj Gönder butonu */
input.wpcf7-submit {
    width: 100%; 
    padding: 15px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px; 
    color: #ffffff !important;
    background-color: #1c3db4 !important; 
    border-color: #1c3db4 !important;
}

/* Yukarı Çık Butonu */
.progress-wrap::after {
    color: #1C3DB4 !important; 
}
.progress-wrap svg path {
    stroke: #1C3DB4 !important; 
}
.progress-wrap {
    box-shadow: inset 0 0 0 2px rgba(28, 61, 180, 0.1) !important;
}

/* Menü hover renkleri */
.main-navigation a:hover,
.menu-item a:hover,
a.nav-links:hover,
.site-header ul li a:hover {
    color: #1C3DB4 !important;
    transition: all 0.3s ease; 
}
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    color: #1C3DB4 !important;
}

/* Dropdown menü renkleri */
.dropdown-items:hover,
a.dropdown-items:hover,
a.dropdown-items:focus,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu li a:hover {
    background-color: #1c3db4 !important;
    color: #ffffff !important; 
}

ul.submenu {
    border-top-color: #1c3db4 !important; 
    border-color: #1c3db4 !important; 
}

/* Hizmet kutularındaki başlıkların hover rengi */
.te-title-wrapper a:hover,
.te-title-wrapper:hover a,
.te-title-wrapper:hover {
    color: #1c3db4 !important;
    transition: all 0.3s ease; 
}

/* "Hakkımızda" yanındaki çizgiler ve yazılar - HİZALAMA */
span.short-title.only-divider {
    display: inline-flex !important;
    align-items: center !important;
    gap: 15px !important; 
}

span.short-title.only-divider::after {
    position: static !important; 
    display: block !important;
    width: 40px !important;
    height: 2px !important;
    background-color: #1C3DB4 !important;
    margin: 0 !important;
}

/* "Hakkımızda" bölümünde kaldırılacaklar (Badge, dekoratif resim) */
.te-badge-text {
    display: none !important;
}
.te-another-image {
    display: none !important;
}

/* Blog başlıkları hover */
.te-post-title a:hover,
.te-post-title:hover,
a.read-btn:hover,
h3.title:hover,
h3.title a:hover {
    color: #1c3db4 !important;
    transition: all 0.3s ease; 
}

/* ==============================================================
   İKON DÜZELTMESİ (EN ÖNEMLİ KISIM)
   Burada ikonları GÖSTERİYORUZ ve süslemeleri (noktayı) kaldırıyoruz
   ============================================================== */

/* 1. İkon Kutusu Genel Ayarları: Görünür yap, Çerçeveyi Gri Yap */
div.icon, 
.service-item .icon {
    display: inline-flex !important; /* Gizlemeyi iptal et ve görünür yap */
    opacity: 1 !important;
    visibility: visible !important;
    
    border-color: #e0e0e0 !important;  /* Çerçeve rengi GRİ */
    background: transparent !important; /* Arka plan şeffaf */
}

/* 2. İkonun kendisini MAVİ yap */
div.icon i, 
div.icon svg, 
div.icon span {
    color: #1c3db4 !important;
}

/* 3. İkonun bulunduğu alanı (::after) DÜZELT */
/* İkonu GİZLEME (display: none yapma), sadece arkasındaki süsü kaldır */
div.icon::after {
    display: inline-block !important; /* İkonun görünmesi için şart */
    opacity: 1 !important;
    content: "" !important; /* Gerekirse içeriği koru, tema yapısına göre değişir */
    
    color: #1c3db4 !important;       /* İkon rengi MAVİ */
    background: none !important;     /* Arkadaki renkli süsü kaldır */
    box-shadow: none !important;     /* Gölgeyi/noktayı kaldır */
    border: none !important;
}

/* 4. Eğer o kare/nokta süs ::before elementindeyse onu YOK ET */
div.icon::before,
.te-icon-box .icon::before {
    display: none !important;
    content: none !important;
    background: none !important;
}
/* 1. Başlığın yanındaki çizgileri (before ve after) tamamen yok et */
span.short-title::before,
span.short-title::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

/* 2. Yazının kendisini büyüt ve düzenle */
span.short-title {
    font-size: 32px !important;   /* Yazı boyutunu buradan ayarla (örn: 30px, 40px) */
    font-weight: 700 !important;  /* Kalınlık */
    display: block !important;    /* Yazıyı blok yap ki rahat ortalansın */
    text-align: center !important;/* Ortala */
    margin-bottom: 20px !important; /* Altına biraz boşluk bırak */
    background: none !important;  /* Arkada kalan çizgi izi varsa temizle */
}/* ==================================================
   TÜM MAVİ RENK DÜZENLEMELERİ (#1c3db4)
   ================================================== */

/* 1. BAŞLIKLAR (H2, H3, Blog Başlıkları, Hakkımızda vb.) */
h2.title,
h3.title,
h3.te-post-title,
h3.te-post-title a,
div.te-title-wrapper a,
div.te-title-wrapper,
span.short-title,
span.short-title.only-divider {
    color: #1c3db4 !important;
}

/* 2. BUTONLAR VE LİNKLER */
/* "Daha Fazlasını Okuyun" butonu */
a.read-btn {
    color: #1c3db4 !important;
}

/* 3. LİSTE VE MADDELER (SLA Bölümündeki Çizgiler ve Noktalar) */
/* Listenin solundaki uzun dikey çizgi */
ul::after {
    background-color: #1c3db4 !important;
}
/* Liste maddelerinin başındaki küçük kare/yuvarlak noktalar */
li::before {
    background-color: #1c3db4 !important;
}

/* 4. İKONLAR (Ampul, Hizmet İkonları vb.) */
/* Genel ikon rengi */
div.icon i,
div.icon svg,
div.icon span {
    color: #1c3db4 !important;
}
/* Ampul gibi özel ikonlar */
i.fa-light,
i.fa-lightbulb-on,
i.fa-lightbulb-on::before {
    color: #1c3db4 !important;
}

/* 5. ÇİZGİLER (Hakkımızda/Hizmetlerimiz yanındaki çizgiler) */
span.short-title::before,
span.short-title::after,
span.short-title.only-divider::before,
span.short-title.only-divider::after {
    background-color: #1c3db4 !important;
    /* Eğer çizgi border ile yapılmışsa: */
    border-color: #1c3db4 !important;
}

/* 6. DİĞER DEKORATİF ÖĞELER */
/* Badge yazıları ve resim yanındaki süsler */
div.te-badge-text,
div.te-another-image {
    background-color: #1c3db4 !important; /* Arka planı mavi yapar */
    color: #ffffff !important; /* İçindeki yazı beyaz olsun */
}

/* 7. AÇILIR MENÜ (Dropdown) */
/* Menünün üstündeki ince çizgi */
ul.submenu {
    border-top-color: #1c3db4 !important;
}

/* Mobil kaymayı eklentisiz durdurur */
body, html {
    overflow-x: hidden !important;
}

/* iOS Safari Yatay Kayma Engelleme */
html, body {
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
    -webkit-overflow-scrolling: touch; /* Safari için pürüzsüz kaydırma */
}