/* ==========================================================================
   Avelkon 2026 — İç sayfa cilası
   İç sayfalar Fusion Builder ile kurulu; DÜZEN DEĞİŞTİRİLMEZ.
   Yalnızca tipografi, renk, buton ve bağlantı dili ana sayfayla eşitlenir.
   ========================================================================== */

/* --------------------------------------------------------------- SAYFA BAŞLIK BARI */
/* Avada görselin üzerine yüksek opaklıkta marka altını basıyordu; tarihli
   duruyor ve gereksiz altın ekliyordu. Nötr koyu bir örtüye çevrildi. */
.fusion-page-title-bar{
  position:relative;
  background-color:var(--av-ink-900)!important;
  border-bottom:0!important;
  padding-block:clamp(3.5rem,9vh,6rem)!important;
  height:auto!important;
}
.fusion-page-title-bar::before{
  content:''; position:absolute; inset:0; z-index:0;
  background:linear-gradient(90deg, rgba(11,11,12,.92) 0%, rgba(11,11,12,.72) 45%, rgba(11,11,12,.45) 100%);
}
.fusion-page-title-bar > *{ position:relative; z-index:1; }

.fusion-page-title-bar h1,
.fusion-page-title-bar .fusion-page-title-row h1{
  font-family:var(--av-font-display)!important;
  font-size:clamp(2rem,4vw,3.25rem)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  color:var(--av-text-inv)!important;
  margin:0!important;
}
.fusion-page-title-bar .fusion-page-title-secondary,
.fusion-breadcrumbs,
.fusion-breadcrumbs a,
.fusion-breadcrumbs span{
  font-size:var(--av-fs-xs)!important;
  letter-spacing:.06em;
  color:rgba(242,241,238,.62)!important;
}
.fusion-breadcrumbs a:hover{ color:var(--av-brand)!important; }

/* --------------------------------------------------------------- BAŞLIKLAR */
/* Ortalanmış + altın alt çizgili Avada başlık stili, ana sayfadaki
   sola hizalı editoryal dille çelişiyordu. */
#main .fusion-title.title{ margin-bottom:1.75rem; }
#main .fusion-title h1,
#main .fusion-title h2,
#main .fusion-title h3{
  font-family:var(--av-font-display)!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}
/* Kalın altın ayırıcı -> ince, sessiz çizgi */
#main .fusion-title .title-sep,
#main .fusion-title .title-sep-container .title-sep{
  border-color:var(--av-line)!important;
  border-width:1px!important;
}
#main .fusion-title.title-center .title-sep-container{ opacity:.9; }

/* --------------------------------------------------------------- OKUMA ÖLÇÜSÜ */
/* Tam genişlik metin blokları 1180px'e kadar uzuyordu; okuması yorucu. */
#main .fusion-text > p,
#main .post-content > p,
#main .fusion-text > ul,
#main .fusion-text > ol{
  max-width:75ch;
}

/* --------------------------------------------------------------- BUTONLAR */
/* Avada butonları ana sayfadaki sistemle eşitlenir. */
#main .fusion-button,
#main .fusion-button-default,
#main input[type="submit"],
#main button[type="submit"]{
  font-family:var(--av-font-body)!important;
  font-size:var(--av-fs-sm)!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  border-radius:var(--av-radius)!important;
  min-height:52px;
  display:inline-flex!important; align-items:center; justify-content:center;
  padding-inline:1.75rem!important;
  transition:background-color var(--av-dur) var(--av-ease),
             border-color var(--av-dur) var(--av-ease),
             color var(--av-dur) var(--av-ease),
             transform var(--av-dur-fast) var(--av-ease)!important;
  text-transform:none!important;
}
#main .fusion-button:active,
#main input[type="submit"]:active{ transform:translateY(1px); }

/* --------------------------------------------------------------- BAĞLANTILAR */
#main .fusion-text a:not(.fusion-button){
  color:var(--av-brand-text);
  text-decoration:underline;
  text-underline-offset:.18em;
  text-decoration-thickness:1px;
  transition:color var(--av-dur) var(--av-ease);
}
#main .fusion-text a:not(.fusion-button):hover{ color:var(--av-text); }

/* --------------------------------------------------------------- LİSTELER */
#main .fusion-text ul li,
#main .post-content ul li{ margin-bottom:.4rem; }

/* --------------------------------------------------------------- FOOTER */
/* Ana sayfayla aynı sessiz koyu dil. */
.fusion-footer-widget-area{
  background-color:var(--av-ink-900)!important;
  border-top:1px solid rgba(255,255,255,.07);
}
.fusion-footer-widget-area,
.fusion-footer-widget-area p,
.fusion-footer-widget-area li a{ color:rgba(242,241,238,.66)!important; }
.fusion-footer-widget-area li a:hover{ color:var(--av-brand)!important; }
.fusion-footer-widget-area .widget-title,
.fusion-footer-widget-area h4{
  font-family:var(--av-font-display)!important;
  color:var(--av-text-inv)!important;
  letter-spacing:.12em!important;
  font-size:var(--av-fs-xs)!important;
  text-transform:uppercase;
}
.fusion-footer-copyright-area{
  background-color:var(--av-ink-900)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.fusion-footer-copyright-area,
.fusion-footer-copyright-area p{ color:rgba(242,241,238,.45)!important; font-size:var(--av-fs-xs)!important; }

/* Footer bağlantı ayraçları — dokunma hedefi */
@media (max-width:900px){
  .fusion-footer-widget-area li a{ min-height:44px; display:flex; align-items:center; }
}

/* --------------------------------------------------------------- MOBİL BOŞLUK */
/* Avada #main öğesine her genişlikte sabit 30px yatay padding veriyor.
   320px'de bu, içeriği ekranın %81'ine düşürüyordu. Yalnızca mobilde
   daraltılır; masaüstü Fusion Builder düzenleri etkilenmez. */
@media (max-width:780px){
  #main{ padding-inline:1.125rem!important; }
}
@media (max-width:400px){
  #main{ padding-inline:1rem!important; }
}

/* Sayfa başlık barı mobilde daha ölçülü */
@media (max-width:780px){
  /* 2.5–3.5rem (40–56px) hâlâ fazlaydı; breadcrumb sıkılaştırılınca
     (aşağıda) alt boşluk çoğunlukla bu padding'den kaynaklanıyordu. */
  .fusion-page-title-bar{ padding-block:clamp(1.75rem,5vh,2.75rem)!important; }
  .fusion-page-title-bar h1,
  .fusion-page-title-bar .fusion-page-title-row h1{
    font-size:clamp(1.65rem,7vw,2.25rem)!important;
  }
}

/* --------------------------------------------------------------- BREADCRUMB (İÇ SAYFA) */
/* Kök neden: Avada'nın kendi .fusion-breadcrumb-item / -sep kuralları
   margin-bottom:15px veriyor (muhtemelen çok satırlı geniş masaüstü
   düzeni için). Breadcrumb mobilde sardığında ("Ana Sayfa / X /" +
   sayfa adı 2. satıra düşünce) bu 15px, satırlar arasında büyük bir
   boşluk olarak görünüyordu. Font zaten --av-fs-xs (13px) ile hedef
   bandın (12–14px) içinde; asıl sorun boşluktu. Tüm Hizmetlerimiz ve
   Faaliyet Alanlarımız detay sayfaları aynı .fusion-breadcrumbs
   yapısını kullanıyor — kural component seviyesinde, sayfa bazlı hack
   olmadan uygulanır. */
@media (max-width:780px){
  .fusion-breadcrumbs{
    line-height:1.4;
    max-width:100%;
  }
  .fusion-breadcrumb-item,
  .fusion-breadcrumb-sep{
    margin:0 0 8px!important; /* 15px -> 8px: sarılan satırlar arası kompakt boşluk */
  }
  .fusion-breadcrumb-sep{ padding:0 4px; }
  /* Başlık ile breadcrumb arası: önceden 0px'ti (yapışık duruyordu).
     Küçük, kasıtlı bir boşluk grupları birbirinden ayırıyor. */
  .fusion-page-title-secondary{ margin-top:.75rem!important; }
}
@media (max-width:400px){
  .fusion-breadcrumb-item,
  .fusion-breadcrumb-sep{ margin-bottom:6px!important; }
}

/* --------------------------------------------------------------- "DİĞER HİZMETLERİMİZ" CTA */
/* Kök neden: Avada'nın "nonhundred-percent-fullwidth" tam-genişlik
   taşma tekniği, masaüstü gutter'ı (30px) iptal etmek için sabit
   margin-left/right:-30px kullanıyor. #main'in mobil padding'i daha
   önce 1.125rem/1rem'e düşürülmüştü (bkz. üstteki MOBİL BOŞLUK bloğu);
   -30px bu daha dar padding'i asıyor, kutu viewport'tan taşıyor ve
   içindeki metin sola kırpılmış görünüyordu. Bu, sayfaya özel bir
   sorun değil — aynı Fusion Builder tam-genişlik satırını kullanan
   TÜM Hizmetlerimiz detay sayfalarında (15/16) aynı şekilde oluşuyordu.
   Çözüm component seviyesinde: taşmaya sebep olan negatif margin'i
   iptal et, kutuyu #main'in kendi (zaten tutarlı) gutter'ına otursun. */
@media (max-width:780px){
  .nonhundred-percent-fullwidth{
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  /* Sarı CTA varyantı: masaüstünde sabit 26px inline font-size başlığı
     dar mobil sütunda satır satır dökülüyordu. Yalnızca sarı arka
     planlı varyant hedeflenir ([style*="eaa110"]) — diğer tam-genişlik
     bölümlere (ör. görsel bantları) dokunulmaz. */
  .fusion-fullwidth.nonhundred-percent-fullwidth[style*="eaa110"] .fusion-text p{
    font-size:clamp(1.15rem,5.6vw,1.5rem)!important;
    line-height:1.3!important;
  }
  .fusion-fullwidth.nonhundred-percent-fullwidth[style*="eaa110"] .fusion-layout-column{
    margin-top:0!important;
  }
  .fusion-fullwidth.nonhundred-percent-fullwidth[style*="eaa110"] .fusion-button-wrapper{
    margin-top:1.25rem!important;
  }
}

/* ==========================================================================
   HİZMETLERİMİZ (page-id-1461) — MOBİL DÜZEN
   Yalnızca mobil; masaüstü Fusion Builder ızgarası değişmez.
   Tüm hizmetler ortak component (.fusion-layout-column) üzerinden yönetilir;
   karta özel margin verilmez.
   ========================================================================== */
@media (max-width:780px){
  .page-id-1461{
    --av-svc-gap:3.5rem;        /* hizmet -> sonraki hizmet (56px) */
    --av-svc-title-gap:1.25rem; /* görsel -> kendi başlığı (20px) */
    --av-svc-img-max:300px;     /* görsellerin doğal boyutu 300x300; büyütülmez */
  }

  /* ---- Hizmet öğesi: tek sütun, ortalı, eşit dikey ritim ---- */
  .page-id-1461 #main .fusion-layout-column{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 var(--av-svc-gap)!important;
    text-align:center;
  }
  .page-id-1461 #main .fusion-layout-column:last-child{ margin-bottom:0!important; }

  .page-id-1461 #main .fusion-column-wrapper{
    padding-inline:0!important;
    text-align:center;
  }

  /* ---- Görsel: ortalı, oranı korunur, kapsayıcıyı aşmaz ---- */
  .page-id-1461 #main .fusion-imageframe{
    display:block!important;
    width:100%!important;
    max-width:var(--av-svc-img-max);
    height:auto!important;
    margin-inline:auto!important;
    overflow:hidden;
  }
  .page-id-1461 #main .fusion-imageframe > a{
    display:block;
    line-height:0;   /* inline satır boşluğu görsel altında fazladan aralık bırakıyordu */
  }
  .page-id-1461 #main .fusion-imageframe img{
    display:block;
    width:100%!important;
    height:auto!important;
    max-width:100%;
    /* Avada'nın hover-type-zoomout efekti görseli scale(1.12) ile BAŞLATIP
       hover'da küçültüyor. Mobilde hover olmadığı için görsel kalıcı olarak
       %12 büyük ve kırpık kalıyordu. */
    transform:none!important;
  }

  /* ---- Başlık: ortalı, görselden sabit mesafede ---- */
  .page-id-1461 #main .fusion-layout-column h2,
  .page-id-1461 #main .fusion-layout-column h3,
  .page-id-1461 #main .fusion-layout-column h4{
    text-align:center!important;
    margin:var(--av-svc-title-gap) 0 0!important;
    padding-top:0!important;
  }

  /* ---- Sayfa içi başlık bloğu (Avelkon Otomasyon Sistemleri Hizmetler) ---- */
  .page-id-1461 #main .fusion-title{
    text-align:center!important;
    margin-bottom:var(--av-svc-gap)!important;
  }
  .page-id-1461 #main .fusion-title .title-sep-container{ justify-content:center; }
}