/* Mobil cihazlar için stil ayarları */
@media (max-width: 768px) {
    .way2be-main-btn {
        display: none !important; /* Mobilde gizle */
    }
}

/* Daha geniş ekranlar için göster */
@media (min-width: 769px) {
    .way2be-main-btn {
        display: flex !important; /* Masaüstünde göster */
    }
}
/* Ana Menü Butonu */
.way2be-main-btn {
    border: none !important;
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    font-size: 30px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: background-color 0.3s, transform 0.3s;
    animation: bounce 5s ease-in-out infinite;
}


/* Bounce Effect */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.way2be-main-btn {
    /* Diğer stiller burada */
    animation: bounce 2s ease-in-out infinite;
}

/* Alt Menü Butonları */
.way2be-menu-group {
    display: none;
    flex-direction: column;
    z-index: 1000;
    text-align: left;
}

.way2be-menu-group a{
    color:#fff!important
}

.way2be-menu-btn {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    width: auto;
    justify-content: flex-end;
    margin-bottom:10px!important
}
.way2be-menu-btn:hover {
    transform: scale(1.05) !important;
    color: #fff!important
}

.way2be-menu-icon {
    border-radius: 50%!important;
    padding: 16px!important;
    font-size: 16px!important;
    margin-left: 10px!important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s, transform 0.3s;
}

.way2be-menu-label {
    font-size: 14px!important;
    border-radius: 10px!important;
    padding: 5px 15px!important;
    padding-right: 10px!important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s, transform 0.3s;

}

/* Her buton için renkler */
.way2be-whatsapp{background-color: #25D366}
.way2be-instagram{background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4); }
.way2be-youtube{background-color: #FF0000}
.way2be-bizi-arayin{background-color: #00ADEF}
.way2be-konum-bilgisi{background-color: #EA4335}
.way2be-facebook{background-color: #3b5998}
.way2be-tiktok{background-color: #000000}

/* MOBİL */
.way2be-mobile-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 12px 0px 5px 0px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.way2be-mobile-footer-link {
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}

.way2be-mobile-footer-link i {
    font-size: 24px;
    margin-bottom: 8px;
}

.way2be-mobile-footer-link span {
    display: block;
}

/* Mobil cihazlar için stil ayarları */
@media (max-width: 768px) {
    .way2be-mobile-footer {
        display: flex; /* Mobilde göster */
    }
}

/* Daha geniş ekranlar için gizle */
@media (min-width: 769px) {
    .way2be-mobile-footer {
        display: none; /* Geniş ekranlarda gizle */
    }
}