/* ============================================================
   Abfallmeister — siteye ozel CSS
   Alfa Florya'dan devralinan 19 KB'lik dosya kaldirildi.
   Yedek: ozel_kod.ALFAFLORYA.yedek.css (scratchpad)
   Marka temasi settings.headScript icinde.
   ============================================================ */

/* Header SEFFAF — Alfa Florya'daki gibi, hero'nun uzerine biner */
.header_wrapper, #header .header-body{background:transparent!important;border:0!important;box-shadow:none!important}
#header .header-body{position:absolute;width:100%;z-index:1001}

/* Tema footer kabugunu notrle — kendi footer'imiz .am-f icinde */
#footer{background:#0f1c26!important;border-top:none!important;margin:0!important;padding:0!important;overflow:visible}
#footer:before,#footer::before,footer#footer:before{display:none!important;content:none!important;background:none!important;animation:none!important}
#footer .footer-copyright{display:none!important}
#footer .container{padding:0}

/* Hero: seffaf header altina girdigi icin ust bosluk */
/* Havali koyu arka plan: derin lacivert-antrasit gradyan + logo sarisi ust kose isimasi */
.wt-hero-slider,.section-slider{
  background:linear-gradient(158deg, #0b141d 0%, #101e29 46%, #17262f 100%) !important
}
/* Slide'daki duz siyah blok kalksin; slider'in gradyani gorunsun */
.wt-hero-slide{background-color:transparent!important}


/* Ic sayfalar: header seffaf oldugundan breadcrumb seridi koyu kalmali */
.page-header,.breadcrumb-wrp,.breadcrumbs-wrp{background:#12212e!important;padding-top:120px!important}
.page-header h1,.page-header a,.breadcrumb a,.breadcrumb li{color:#fff!important}

/* ============================================================
   Header menu hover — logo sarisi (#e8a317). Yazi koyu (#111);
   beyaz istenirse #111 -> #fff yap. 2026-08-07
   ============================================================ */
/* Ust seviye menu ogeleri: hover / acik dropdown */
#header .header-nav-main nav>ul>li:hover>a,
#header .header-nav-main nav>ul>li.open>a{
  background:#e8a317!important;color:#111!important
}
/* Hover'daki caret oku da koyu olsun */
html #header .header-nav-main nav>ul>li:hover>a.dropdown-toggle:after,
html #header .header-nav-main nav>ul>li.open>a.dropdown-toggle:after{
  border-color:#111 transparent transparent transparent!important
}
/* Acilan alt menu satirlari: hover */
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:hover,
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a:focus,
#header .header-nav-main .dropdown-menu>li>a:hover,
#header .header-nav-main .dropdown-menu>li>a:focus{
  background:#e8a317!important;color:#111!important
}
/* Dropdown ul ust cizgisi (mavi #08c) -> siyah */
#header .header-nav-main nav>ul>li.dropdown .dropdown-menu{
  border-top-color:#111!important
}

/* ============================================================
   Hero gorsel clip-path animasyonu kapatildi (inline'i ezer)
   ============================================================ */
.wt-hero-slide-visual{clip-path:none!important;-webkit-clip-path:none!important}

/* Header seffaf/absolute; slider menu altina girmesin */
.wt-hero-slider{padding-top:144px!important;position:relative;overflow:hidden;box-sizing:content-box!important}

/* ============================================================
   HERO CANLANDIRMA (clip-path kapali kalir)
   ============================================================ */
/* Nefes alan sari isima — logo rengi #e8a317 */
.wt-hero-slider::after{
  content:"";position:absolute;top:-8%;right:-4%;width:58%;height:72%;
  pointer-events:none;z-index:0;
  background:radial-gradient(closest-side, rgba(232,163,23,.18), rgba(232,163,23,0) 72%);
  animation:wtGlow 9s ease-in-out infinite alternate
}
@keyframes wtGlow{from{opacity:.45;transform:scale(1)}to{opacity:1;transform:scale(1.14)}}

/* Icerik girisi: daha canli kademeli reveal */
@keyframes wtHeroIn{
  from{opacity:0;transform:translateY(52px) scale(.985);filter:blur(8px)}
  to{opacity:1;transform:none;filter:none}
}
.wt-hero-slide.active .wt-hero-slide-content h5{animation:wtHeroIn .9s cubic-bezier(.19,1,.22,1) .15s both}
.wt-hero-slide.active .wt-hero-slide-content h2{animation:wtHeroIn 1s  cubic-bezier(.19,1,.22,1) .30s both}
.wt-hero-slide.active .wt-hero-slide-content p {animation:wtHeroIn 1s  cubic-bezier(.19,1,.22,1) .45s both}
.wt-hero-slide.active .wt-hero-slide-content a {animation:wtHeroIn 1s  cubic-bezier(.19,1,.22,1) .60s both}

/* Gorsel: yavas Ken Burns zoom (havali ambient hareket) */
.wt-hero-slide.active .wt-hero-slide-visual img{
  animation:wtHeroKen 16s ease-in-out infinite alternate
}
@keyframes wtHeroKen{from{transform:scale(1)}to{transform:scale(1.08)}}

/* Hareket hassasiyeti olanlar icin kapat */
@media (prefers-reduced-motion: reduce){
  .wt-hero-slider::after,
  .wt-hero-slide.active .wt-hero-slide-content h5,
  .wt-hero-slide.active .wt-hero-slide-content h2,
  .wt-hero-slide.active .wt-hero-slide-content p,
  .wt-hero-slide.active .wt-hero-slide-content a,
  .wt-hero-slide.active .wt-hero-slide-visual img{animation:none!important}
}@media (max-width:600px){body{padding-bottom:54px}
}
@media (prefers-reduced-motion: reduce){}

/* Scroll'da sticky header arka plani beyaz degil koyu ton olsun */
html #header.header-transparent .header-body:before,
.sticky-header-active #header .header-body {
  background:#0e1a24!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important
}

/* wt-hero-taşma-fix: içerik katmanı kendi içinde kaydırılabilir kalsın */
.wt-hero-content-layer{align-items:center}
.wt-hero-slide-content{padding-top:8px;padding-bottom:8px}
@media (max-width:921px){.wt-hero-slider{padding-top:96px!important}}/* Mobil: tam genişlik alt bar, metinler yine görünür */
@media (max-width:600px){body{padding-bottom:52px}
}
/* Çok dar ekranda telefon numarası taşmasın */
@media (max-width:400px){}/* ---- Mobil: tam genişlik alt bar ---- */
@media (max-width:600px){body{padding-bottom:52px}}
@media (max-width:400px){}
/* Dar masaüstünde alt alta düşerse yine düzgün dursun */
@media (min-width:601px) and (max-width:820px){}

/* ============================================================
   Sabit iletişim butonları — hepsi TEK SIRADA, sağa yaslı.
   Scroll-to-top JS ile bu sıranın içine taşınır (footScript);
   görününce genişler ve diğer butonları sola iter.
   ============================================================ */
.am-float{
  position:fixed;right:12px;bottom:14px;top:auto;z-index:9999;
  display:flex;flex-direction:row;align-items:center;justify-content:flex-end;
  gap:0
}
.am-float-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:46px;padding:0 20px;margin-left:9px;border-radius:26px;
  color:#fff;text-decoration:none;
  font:700 15px/1 'Barlow Condensed','Oswald',Arial,sans-serif;letter-spacing:.4px;
  box-shadow:0 4px 16px rgba(0,0,0,.26);white-space:nowrap;
  transition:filter .15s ease, box-shadow .15s ease
}
.am-float-btn:first-child{margin-left:0}
.am-float-btn:hover,.am-float-btn:focus{
  color:#fff;text-decoration:none;filter:brightness(1.07);
  box-shadow:0 6px 20px rgba(0,0,0,.34)
}
.am-float-btn i{font-size:19px;line-height:1;flex:0 0 auto}
.am-float .am-map{background:#1a73e8}
.am-float .am-tel{background:#e8a317;color:#12212e}
.am-float .am-tel:hover,.am-float .am-tel:focus{color:#12212e}
.am-float .am-wa{background:#25d366}/* Tema .hidden-mobile ile gizliyor; sırada yer kaplamasın */
@media (max-width:991px){}

/* ---- Mobil: tam genişlik alt bar ---- */
@media (max-width:600px){
  .am-float{right:0;left:0;bottom:0;gap:0}
  .am-float-btn{
    flex:1 1 0;height:52px;padding:0 6px;margin-left:0;border-radius:0;
    gap:7px;font-size:13px;box-shadow:none;
    border-right:1px solid rgba(255,255,255,.2)
  }
  .am-float-btn:last-child{border-right:0}
  .am-float-btn i{font-size:17px}
  body{padding-bottom:52px}
}
@media (max-width:400px){ .am-float .am-tel span{font-size:11.5px} }
@media (min-width:601px) and (max-width:860px){
  .am-float-btn{font-size:14px;padding:0 15px}
}

/* ---- Scroll-to-top: SABIT 46px, ezilmez.
       Gizliyken negatif margin ile siradan cikar, gorununce sirayi genisletir. ---- */
.am-float .scroll-to-top{
  position:static!important;right:auto!important;bottom:auto!important;
  flex:0 0 46px;display:flex!important;align-items:center;justify-content:center;
  width:46px!important;height:46px!important;min-width:46px!important;
  padding:0!important;border-radius:50%!important;
  background:#12212e!important;color:#fff!important;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
  margin-left:9px;margin-right:-55px;
  opacity:0;transform:translateX(70px);pointer-events:none;
  transition:margin-right .4s cubic-bezier(.19,1,.22,1),
             transform .4s cubic-bezier(.19,1,.22,1),
             opacity .3s ease, background .18s ease
}
.am-float .scroll-to-top.visible{
  margin-right:0;opacity:1!important;transform:translateX(0);pointer-events:auto
}
.am-float .scroll-to-top:hover{background:#e8a317!important;color:#12212e!important;opacity:1!important}
.am-float .scroll-to-top i{font-size:18px;line-height:1}
.am-float .scroll-to-top span{display:none}
@media (max-width:991px){ .am-float .scroll-to-top{display:none!important} }

/* Gizliyken sag disariya ciktigi icin yatay tasma olusmasin */
html,body{overflow-x:clip}
.header-logo p{
    margin: 20px 0 10px;    
}

/* ---- Sabit butonlar footer'in alt seridini kapatmasin ----
   Buton sirasi: bottom:14px + 46px yukseklik = 60px.
   Bosluk footer'in ICINE verilir, aksi halde koyu footer altinda
   beyaz bir serit olusur. Mobilde body'de zaten 52px var. ---- */
.am-f-bar{padding-bottom:78px}
@media (max-width:600px){
  .am-f-bar{padding:0 22px}
}
/* Tema footer'i kullanan sayfalar icin de guvenlik payi */
@media (min-width:601px){
  #footer .footer-copyright,#footer > .container:last-child{padding-bottom:70px}
}

#header .header-btn-collapse-nav {
    background: #e8a317;
    color: #12212e;
    margin: 20px 0 8px 15px;
}
@media (max-width: 991px) {
    #header.header-semi-transparent .header-nav-main, #header.header-semi-transparent-light .header-nav-main, #header.header-transparent .header-nav-main,
    #header.header-narrow .header-nav-main.header-nav-main-square{
        background: #0d1923;
    }
    .dropdown-menu>li>a {
        color: #f5f5f5;
    }    
}

/* ---- Değerlendirme bloğu: sol özet sütunu dikey ortalansın ----
   .pdl-blok flex row; .pdl-ozet{flex:0 0 210px} + align-items:stretch
   yüzünden içerik üste yaslanıyordu. 991px altında blok zaten sütuna
   döndüğü için orada dokunulmuyor. */
@media (min-width:992px){
  .pdl-blok{align-items:center}
  .pdl-ozet{align-self:center;padding:0}
    #header .header-nav-main nav>ul>li>a.dropdown-toggle:after {
        border-color: #fff transparent transparent;
    }
}
p {
    color: inherit;
}

/* ============ Logo: işaret + iki satır metin (boşluksuz) ============ */
.am-logo-wrap{margin:0}
.am-logo{display:inline-flex!important;align-items:center;line-height:1;text-decoration:none;white-space:nowrap}
.am-logo:hover,.am-logo:focus{text-decoration:none}
.am-logo-mark{display:block;flex:0 0 auto;width:46px;height:auto}
.am-logo-txt{display:block}
.am-logo-name{display:block;font-family:'Barlow Condensed','Oswald','Arial Narrow',sans-serif;
  font-weight:800;font-size:31px;letter-spacing:.3px;color:#fff!important;text-transform:uppercase;
  text-shadow:0 1px 12px rgba(0,0,0,.35)}
.am-logo-name b{color:#e8a317!important;font-weight:800}
.am-logo-sub{display:block;font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:2px;
  color:rgba(255,255,255,.62)!important;text-transform:uppercase;margin-top:4px}
@media (max-width:600px){
  .am-logo-mark{width:38px}
  .am-logo-name{font-size:25px}
  .am-logo-sub{font-size:8px;letter-spacing:1.6px}
}

/* ============ Mobil scroll-to-top: alt barin USTUNDE yuvarlak ============ */
@media (max-width:600px){
  .am-float .scroll-to-top{
    display:flex!important;position:fixed!important;
    right:12px!important;bottom:64px!important;left:auto!important;top:auto!important;
    width:44px!important;height:44px!important;margin:0!important;
    border-radius:50%!important;background:#12212e!important;color:#fff!important;
    box-shadow:0 4px 16px rgba(0,0,0,.4);
    opacity:0;transform:translateX(70px);pointer-events:none;
    transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .3s ease
  }
  .am-float .scroll-to-top.visible{opacity:1!important;transform:translateX(0);pointer-events:auto}
}

/* Mobilde logo dikey nefes payi — .am-logo-wrap{margin:0} bunu siliyordu */
@media (max-width:991px){
  .header-logo p,.am-logo-wrap{margin:10px 0}
}

/* ================= ABFALLMEISTER FORM — iletisim formu karti ================= */
/* Modul col-md-6 icinde sola yapisik geliyordu: float kaldirilip ortalandi. */
.FormWrp{
  float:none!important;
  width:100%!important;
  max-width:780px;
  margin:38px auto 80px!important;
  padding:0!important;
  background:#f7f9fb;
  border:1px solid #e2e8ed;
  border-top:3px solid #e8a317;
  border-radius:6px;
  box-shadow:0 2px 20px rgba(18,33,46,.06);
  overflow:hidden;
}
.FormWrp form{padding:32px 34px 34px}

/* Baslik */
.FormWrp .modul-baslik-wrp{
  margin:0;padding:26px 34px 0;text-align:center;
}
.FormWrp .modul-baslik-wrp h2{
  margin:0 0 4px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:32px;font-weight:700;line-height:1.15;
  color:#12212e;letter-spacing:.3px;
}
.FormWrp .modul-baslik-wrp h2::after{
  content:"";display:block;width:54px;height:3px;
  margin:14px auto 0;background:#e8a317;border-radius:2px;
}

/* Izgara boslugu kart ic dolgusuyla hizalansin */
.FormWrp .form-area{margin-left:-12px;margin-right:-12px}
.FormWrp .form-area>div{padding-left:12px;padding-right:12px}
.FormWrp .form-group{margin-bottom:4px}

/* Etiketler */
.FormWrp .ozelFormLabel{
  display:block;margin-bottom:7px;
  font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;
  color:#5c6b78;
}

/* Alanlar */
.FormWrp .form-control{
  height:48px;padding:10px 15px;
  font-size:15px;color:#12212e;
  background:#fff;border:1px solid #d7dfe6;border-radius:4px;
  box-shadow:none;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.FormWrp .form-control::placeholder{color:#9aa7b3}
.FormWrp .form-control:focus{
  border-color:#12212e;
  box-shadow:0 0 0 3px rgba(18,33,46,.09);
  outline:0;
}
.FormWrp textarea.form-control{height:auto;min-height:148px;resize:vertical;padding-top:12px}

/* Gonder butonu — marka lacivert */
.FormWrp input[type="submit"],
.FormWrp .btn-classic-form{
  display:block!important;
  width:auto!important;min-width:240px;
  margin:22px auto 0!important;
  padding:15px 40px!important;
  background:#12212e!important;border:2px solid #12212e!important;
  color:#fff!important;
  font-family:'Barlow Condensed',sans-serif;
  font-size:17px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;
  border-radius:4px;
  box-shadow:0 3px 12px rgba(18,33,46,.18);
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.FormWrp input[type="submit"]:hover,
.FormWrp .btn-classic-form:hover,
.FormWrp input[type="submit"]:focus,
.FormWrp .btn-classic-form:focus{
  background:#1b2f42!important;border-color:#1b2f42!important;color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 7px 20px rgba(18,33,46,.26);
  outline:0;
}
.FormWrp input[type="submit"]:active,
.FormWrp .btn-classic-form:active{transform:translateY(0);box-shadow:0 3px 10px rgba(18,33,46,.2)}

/* Dogrulama ve sonuc mesajlari */
.FormWrp label.error{
  display:block;margin:6px 0 0;
  font-size:12.5px;font-weight:600;color:#c0392b;
}
.FormWrp .form-control.error{border-color:#c0392b;background:#fffafa}
.FormWrp .form-control.error:focus{box-shadow:0 0 0 3px rgba(192,57,43,.10)}
.FormWrp .alert{
  margin:0 0 18px;padding:14px 16px;
  border-radius:4px;font-size:14.5px;border:1px solid transparent;
}
.FormWrp .alert-success{background:#eef7f0;border-color:#cfe6d5;color:#1e6b34}
.FormWrp .alert-danger{background:#fdf0ef;border-color:#f3d2cf;color:#a5352a}

@media (max-width:767px){
  /* Sarmalayici .row negatif marjli: kart yan bosluksuz kalmasin diye 15px */
  .FormWrp{margin:26px 15px 50px!important;width:auto!important;max-width:none}
  .FormWrp form{padding:22px 18px 26px}
  .FormWrp .modul-baslik-wrp{padding:22px 18px 0}
  .FormWrp .modul-baslik-wrp h2{font-size:27px}
  .FormWrp input[type="submit"],
  .FormWrp .btn-classic-form{width:100%!important;min-width:0}
}