/* GENEL AYARLAR */
body { 
    background-color: #fdfdfd; 
    font-family: 'Poppins', sans-serif; 
    scroll-behavior: smooth; 
    color: #333;
}

/* HEADER & NAVBAR */
.sticky-header { 
    position: sticky; 
    top: 0; 
    z-index: 1050; 
    background: rgba(255, 255, 255, 0.98); 
    border-bottom: 3px solid #27ae60; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.05); 
}
.nav-link { font-weight: 600; color: #333 !important; transition: 0.3s; }
.nav-link:hover { color: #27ae60 !important; }

/* STORY BAR */
.story-bar { 
    display: flex; 
    justify-content: center; 
    gap: 25px; 
    overflow-x: auto; 
    padding: 25px 0; 
    scrollbar-width: none; 
}
.story-bar::-webkit-scrollbar { display: none; }
.story-item { text-align: center; min-width: 90px; cursor: pointer; }
.story-circle { 
    width: 85px; height: 85px; border-radius: 50%; 
    border: 3px solid #27ae60; padding: 3px; 
    transition: 0.3s; margin: 0 auto 10px; 
}
.story-circle:hover { transform: scale(1.1); box-shadow: 0 5px 15px rgba(39,174,96,0.3); }
.story-circle img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

/* ROZETLER (BADGES) */
.badge-kattab {
    background: #f39c12; /* Altın/Turuncu */
    color: white;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.badge-verified {
    background: #3498db; /* Mavi - Güven rengi */
    color: white;
    font-weight: 600;
}

/* HARİTA & KARTLAR */
#map { height: 500px; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); }
.card { 
    border-radius: 18px; 
    transition: 0.3s; 
    border: none; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
    overflow: hidden;
}
.card:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.1); }

/* AI CHATBOX */
#chat-container { 
    position: fixed; bottom: 100px; right: 30px; 
    width: 350px; height: 450px; background: white; 
    border-radius: 20px; box-shadow: 0 15px 50px rgba(0,0,0,0.2); 
    display: none; flex-direction: column; z-index: 3000; overflow: hidden;
}
.ai-float { 
    position: fixed; bottom: 30px; right: 30px; z-index: 2000; 
    background: #27ae60; color: white; width: 65px; height: 65px; 
    border-radius: 50%; display: flex; align-items: center; justify-content: center; 
    cursor: pointer; font-weight: bold; box-shadow: 0 8px 25px rgba(39,174,96,0.4);
    font-size: 1.2rem;
}
.chat-msg { margin-bottom: 10px; padding: 10px 14px; border-radius: 15px; font-size: 14px; line-height: 1.4; }
.user-msg { background: #e8f5e9; align-self: flex-end; border-bottom-right-radius: 2px; }
.ai-msg { background: #f1f1f1; align-self: flex-start; border-bottom-left-radius: 2px; }