@import url('https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100..900;1,100..900&display=swap');





body {


    font-family: 'Grandstander', sans-serif;


}





.main-header{


    height: 120px;


    z-index: 1000;


}





.nav-link {


    font-family: 'Grandstander', sans-serif;


    font-weight: 500;


    text-transform: uppercase;


    letter-spacing: 0.05em;


    color: #001f3f;


    transition: color 0.3s ease;


}





.nav-link:hover {


    color: #f57c00; /* Turuncu hover efekti */


}





.wave-separator {


    position: relative; /* önemli: absolute değil! */


    bottom: 0;


    left: 0;


    width: 100%;


    height: 100px;


    line-height: 0;


    z-index: 5;


    pointer-events: none;


    transform: rotate(180deg);


    background-color:#fff9f6;


}





.wave-separator svg {


    display: block;


    width: 100%;


    height: 100%;


}


/* Sabit scroll karakteri */


.scroll-character {


    position: fixed;


    right: 15px;


    top: -150px;


    width: 70px;


    z-index: 999;


    cursor: pointer;


    opacity: 0;


    transition: top 0.8s ease, opacity 0.8s ease;


}


/* Göründüğü zaman */


.scroll-character.show {


    top: 70%;


    opacity: 1;


}


.scroll-character img {


    width: 100%;


}


/* Dotted çizgi */


.scroll-character::before {


    content: '';


    position: absolute;


    top: -75vh; /* Çizgi yüksekliği viewport’a göre ayarlandı */


    left: 50%;


    width: 2px;


    height: 80vh; /* Çizginin uzunluğu */


    background-image: linear-gradient(to bottom, #333 50%, rgba(0, 0, 0, 0) 0%);


    background-size: 2px 10px;


    background-repeat: repeat-y;


    transform: translateX(-50%);


    z-index: -1;


}





.whatsapp-wrapper {


    position: fixed;


    bottom: 20px;


    left: 20px;


    display: flex;


    align-items: center;


    z-index: 9999;


    gap: 10px;


}





.whatsapp-float {


    width: 70px;


    height: 70px;


    background-color: #25d366;


    border-radius: 50%;


    display: flex;


    justify-content: center;


    align-items: center;


    box-shadow: 0 4px 8px rgba(0,0,0,0.2);


    text-decoration: none;


    position: relative;


    transition: transform 0.3s ease;


}


.whatsapp-float img {


    width: 70px;


    height: 70px;


}


.whatsapp-float:hover {


    transform: scale(1.1);


}


.whatsapp-ping {


    position: absolute;


    width: 100%;


    height: 100%;


    background: #25d366;


    border-radius: 50%;


    animation: pulse 2s infinite;


    opacity: 0.6;


    z-index: -1;


}





@keyframes pulse {


    0% {


        transform: scale(1);


        opacity: 0.6;


    }


    50% {


        transform: scale(1.6);


        opacity: 0;


    }


    100% {


        transform: scale(1);


        opacity: 0;


    }


}


.whatsapp-text {


    background-color: #25d366;


    color: white;


    padding: 10px 16px;


    border-radius: 8px;


    font-size: 18px;


    font-weight: 500;


    box-shadow: 0 4px 8px rgba(0,0,0,0.2);


    white-space: nowrap;


}


/* Tüm sayfa için scrollbar */


body::-webkit-scrollbar {


    width: 10px; /* Kalınlık */


}


/* Scrollbar arka planı */


body::-webkit-scrollbar-track {


    background: #ece6da; /* Açık bej gibi bir ton */


}


/* Scrollbar çubuğu */


body::-webkit-scrollbar-thumb {


    background-color: #a9745a; /* Koyu bej / kahve tonu */


    border-radius: 10px;


    border: 2px solid #ece6da; /* İç boşluk efekti */


}


/* Scrollbar çubuğuna hover efekti */


body::-webkit-scrollbar-thumb:hover {


    background-color: #8b5e3c;


}


#mobileSidebar {


    position: fixed;


    top: 0;


    left: -250px;


    width: 250px;


    height: 100vh;


    background: #fff;


    box-shadow: 2px 0 5px rgba(0,0,0,0.2);


    transition: left 0.3s ease;


    z-index: 9999; /* ARTIRILDI */


    padding-top: 60px;


}





@media (max-width: 768px) {


    header{


        position: fixed;


    }


    .main-header{


        width: 100%;


    }


}


#overlay {


    display: none;


    position: fixed;


    top: 0;


    left: 0;


    width: 100vw;


    height: 100vh;


    background: rgba(0,0,0,0.5);


    z-index: 9998; /* ARTIRILDI */


}


#mobileSidebar.open {


    left: 0;


}


#overlay.active {


    display: block;


}


#mobileSidebar .nav-link {


    padding: 10px 20px;


    color: #333;


    border-bottom: 1px solid #eee;


}


@media (max-width: 768px) {


    .img-header{


        max-width: 120px;


    }


    .number-text{


        font-size: 10px;


    }





    .text-width{


        width: 60px;


    }


    .whatsapp-float,.whatsapp-float img{


        height: 40px;


        width: 40px;


    }


    .whatsapp-text{


        font-size: 13px;


        padding: 6px 10px;


    }


    .top-header-first{


        font-size: 12px;


    }


    .top-header-second{


        font-size: 12px;


        text-align: right;


    }


    #sidebarToggle {


        position: absolute;


        right: 20px;


        top: 30px;


        z-index: 9999;


    }


}