/* Logo styling */
.logo {
    display: flex;
    align-items: center;
}

.logo-icon {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px; /* Mengurangi radius agar tidak terlalu bulat */
    overflow: hidden;
    border: 2px solid var(--primary-color); /* Menambahkan border dengan warna primary */
}

.logo-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Footer logo styling */
.footer-logo .logo {
    margin-bottom: 10px;
}

.footer-logo .logo-icon {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.5); /* Warna border yang lebih terang untuk footer */
}

.footer-logo h3 {
    color: white;
}

/* Mobile responsiveness for logo */
@media (max-width: 768px) {
    .logo {
        justify-content: center;
    }
    
    .logo-icon {
        width: 35px;
        height: 35px;
        border-width: 1.5px; /* Border sedikit lebih tipis untuk mobile */
    }
}