/* ============================================================ Vinter statik site - gecis donemi override'lari ------------------------------------------------------------ Canli sitede WCF (Animation Addons for Elementor) giris animasyonlari GSAP + ScrollTrigger ile calisiyor ve elemanlari baslangicta opacity:0 yapiyor. Statik kopyada scroll-trigger her zaman tetiklenmedigi icin bazi bloklar gizli kaliyor. Bu kural, animasyonlu bloklarin SON (gorunur) durumunu zorlar; boylece icerik her kosulda gorunur olur. Son gorunum canli siteyle birebir aynidir; yalnizca scroll-fade hareketi devre disi. Not: gecicidir - bloklar temiz komponentlere donusturuldukce kalkacak. ============================================================ */ /* Animasyonlu ogeler VARSAYILAN olarak gorunur — JS yoksa/basarisizsa ya da reduced-motion'da icerik ASLA gizli kalmaz (regresyon guvencesi). */ .wcf-starter-anim, .wcf-starter-animations-none, [class*="wcf-starter-animations"], .elementor-widget-wcf--floating-elements, [data-settings*="wcf-animation"], [data-settings*="wcf-image-animation"], [data-settings*="wcf_text_animation"] { opacity: 1; transform: none; visibility: visible; } /* Scroll-reveal: JS 'e .vinter-reveal ekleyince aktiflesir. Ogeler gorunume girene kadar hafifce gizli/asagida durur, sonra yumusakca akar (eski sitedeki fade-in/slide-up hissi). reduced-motion'da devre disi. */ @media (prefers-reduced-motion: no-preference) { html.vinter-reveal .wcf-starter-anim, html.vinter-reveal [class*="wcf-starter-animations"], html.vinter-reveal [data-settings*="wcf-animation"], html.vinter-reveal [data-settings*="wcf-image-animation"], html.vinter-reveal [data-settings*="wcf_text_animation"] { transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1); } html.vinter-reveal .wcf-starter-anim:not(.vinter-shown), html.vinter-reveal [class*="wcf-starter-animations"]:not(.vinter-shown), html.vinter-reveal [data-settings*="wcf-animation"]:not(.vinter-shown), html.vinter-reveal [data-settings*="wcf-image-animation"]:not(.vinter-shown), html.vinter-reveal [data-settings*="wcf_text_animation"]:not(.vinter-shown) { opacity: 0; transform: translateY(26px); } } /* Yumusak kaydirma (anchor/yukari-cik icin) */ html { scroll-behavior: smooth; } /* YATAY TASMA ONLEME: dekoratif "floating" ogeler (absolute suslemeler) viewport'un sag kenarini asiyordu -> yatay scroll. Eskiden ScrollSmoother sarmalayicisi (overflow:hidden) kirpiyordu; o kalkinca taşma açığa çıktı. overflow-x:clip yatay tasmayi kirpar; dikey scroll'u/sticky'yi bozmaz. */ html { overflow-x: clip; } body { overflow-x: clip; max-width: 100%; } /* ------------------------------------------------------------ GSAP ScrollSmoother'i devre disi birak. Canli site icerigi #smooth-wrapper (position:fixed) icine alip #smooth-content'i transform ile kaydiriyordu; bu, dogal kaydirmayi ele geciriyor ve statik kopyada icerigin boyanmasini engelliyordu. Native scroll daha hizli, erisilebilir ve SEO-dostu. ------------------------------------------------------------ */ #smooth-wrapper { position: static !important; overflow: visible !important; width: auto !important; height: auto !important; inset: auto !important; } #smooth-content { transform: none !important; translate: none !important; } /* Video popup açık durumu (Discover Vinter / play → YouTube). Eskiden bundle JS açıyordu; artık .vinter-video-open ile. */ .wcf--popup-video-wrapper.vinter-video-open { transform: none !important; opacity: 1 !important; visibility: visible !important; z-index: 2147483000 !important; } .wcf--popup-video-wrapper.vinter-video-open .wcf--popup-video { transform: none !important; opacity: 1 !important; visibility: visible !important; } /* Preloader ("Loading" ekrani) — eskiden bundle JS gizliyordu. Statik sitede sayfa aninda yuklendigi icin gereksiz; kalici gizle. */ .wcf-preloader, .preloader-fountainTextG { display: none !important; } /* ------------------------------------------------------------ WCF Nav Menu — mobil menu (hamburger + sagdan acilir panel). Eskiden WCF'in mobil CSS + JS'i bundle icindeydi; bundle atilinca masaustu calisiyor ama mobil bozuluyordu. Burada yeniden kuruluyor. Masaustunde (>1024px) hicbir sey degismez. ------------------------------------------------------------ */ /* ------------------------------------------------------------ Nav alt menüsü (Login → As Company / As Applicant vb.) Eskiden WCF JS ile aciliyordu; artik saf CSS hover ile. ------------------------------------------------------------ */ .wcf-nav-menu-nav li { position: relative; } .wcf-nav-menu-nav li > .sub-menu { display: none; } @media (min-width: 1025px) { .wcf-menu-hamburger, .wcf-menu-close, .wcf-menu-overlay { display: none !important; } /* Hem WCF hem standart Elementor nav menüsü (Login vb.) */ .wcf-nav-menu-nav li:hover > .sub-menu, .wcf-nav-menu-nav li:focus-within > .sub-menu, li:hover > .sub-menu.elementor-nav-menu--dropdown, li:focus-within > .sub-menu.elementor-nav-menu--dropdown { display: block; position: absolute; top: 100%; right: 0; min-width: 200px; background: #fff; border-radius: 10px; box-shadow: 0 8px 28px rgba(10, 31, 51, .14); padding: 8px 0; z-index: 1000; } .wcf-nav-menu-nav li > .sub-menu li > a, .sub-menu.elementor-nav-menu--dropdown li > a { display: block; padding: 9px 18px; white-space: nowrap; } } /* Mobil panelde alt menü hep açık (dokunulabilsin) */ @media (max-width: 1024px) { .vinter-mob-menu .sub-menu, .wcf-nav-menu-nav li > .sub-menu { display: block; position: static; box-shadow: none; padding: 0 0 4px 14px; } .vinter-mob-menu .sub-menu li > a { font-size: 15px; opacity: .85; } } @media (max-width: 1024px) { /* burger'i goster */ .wcf__nav-menu .wcf-menu-hamburger { display: inline-flex !important; align-items: center; justify-content: center; background: none; border: 0; cursor: pointer; padding: 8px; color: #072032; line-height: 0; } .wcf__nav-menu .wcf-menu-hamburger svg { width: 26px; height: 26px; } /* WCF ana menü: hamburger'a basılıp panele taşınana kadar gizli. (Portal yaklaşımına geçerken bu 'varsayılan gizle' kuralı kaybolmuştu; o yüzden menü mobilde sızıyordu.) */ .wcf__nav-menu .wcf-nav-menu-nav.menu-layout-horizontal:not(.vinter-portaled) { display: none !important; } /* İkinci menü temizliği: Elementor "Login" nav widget'ının kendi mobil toggle'ı ("Menu" kutusu) ikinci bir hamburger gibi görünüyordu. Mobilde tek (WCF) hamburger kalsın diye bu widget'ı gizle. */ .elementor-widget-nav-menu { display: none !important; } } /* Mobil panel — JS bunlari 'ye tasir (portal), stacking-context tuzagina dusmesin diye. Bu yuzden ata-bagimsiz, kendi sinif'lariyla hedefleniyor ve yalnizca .is-open oldugunda gorunur. */ .vinter-mob-menu.vinter-portaled { position: fixed !important; top: 0; right: 0; height: 100vh; width: min(320px, 85vw); display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px; padding: 84px 24px 32px; margin: 0; background: #fff; box-shadow: -6px 0 32px rgba(0, 0, 0, .14); transform: translateX(100%); transition: transform .3s ease; z-index: 2147483000; overflow-y: auto; } .vinter-mob-menu.vinter-portaled.is-open { transform: translateX(0); } .vinter-mob-menu.vinter-portaled > li { width: 100%; list-style: none; } .vinter-mob-menu.vinter-portaled > li > a { display: block; width: 100%; padding: 10px 0; font-size: 18px; } .vinter-mob-overlay.vinter-portaled { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, .5); z-index: 2147482000; } .vinter-mob-overlay.vinter-portaled.is-open { display: block; } .vinter-mob-close.vinter-portaled { display: none; position: fixed; top: 22px; right: 22px; z-index: 2147483001; background: none; border: 0; cursor: pointer; color: #072032; line-height: 0; } .vinter-mob-close.vinter-portaled svg { width: 26px; height: 26px; } .vinter-mob-close.vinter-portaled.is-open { display: inline-flex; } html.sc-smooth-scroll, body { height: auto !important; touch-action: auto !important; overscroll-behavior: auto !important; } /* KRİTİK: preloader gövde sınıfı scroll'u kilitliyordu (overflow:hidden). Eskiden bundle JS sınıfı kaldırıp scroll'u açıyordu. JS de sınıfı kaldırır (asagida), bu kural da ilk yükte scroll kilidini engeller. Not: yalnizca .wcf-preloader-active hedeflenir — mobil menü açikken body.style.overflow='hidden' (inline) kilidi bozulmasin diye. */ body.wcf-preloader-active { overflow: visible !important; overflow-y: visible !important; }