.navbar{max-width:100vw;background-color:#222;padding:1px 20px;z-index:999}.nav-container,.navbar{width:100%;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{color:white;text-decoration:none;font-size:16px}.hamburger{background:none;border:none;font-size:24px;color:white;cursor:pointer;display:none;padding-bottom:15px}.nav-signin-button{font-size:16px;background-color:transparent}.nav-register-button,.nav-signin-button{color:white;text-decoration:none;font-weight:200}.nav-register-button{background-color:#16c668;border-radius:5px}.nav-profile{position:relative;display:inline-block}.profile-button{background:none;border:none;color:white;font-size:16px;cursor:pointer;padding:5px}.profile-dropdown{position:absolute;top:100%;right:0;background-color:white;border-radius:5px;width:150px;display:flex;flex-direction:column;padding:10px;z-index:100;background-color:#fff;border-radius:.375rem;border:.0625rem solid #d1d9e0}.dropdown-link{padding:8px;color:#333;text-decoration:none;font-size:14px;display:block}.dropdown-link:hover{background-color:#f1f1f1}.profile-dropdown button{background:none;border:none;padding:8px;text-align:left;width:100%;font-size:14px;cursor:pointer}.profile-dropdown button:hover{background-color:#ffcccc}.logo{height:50px;width:auto;margin-right:20px}.nav-profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .2s}.nav-profile-picture:hover{transform:scale(1.1)}.navbar__icon-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.navbar__icon-button:hover{opacity:.7}.nav-actions{display:flex;align-items:center;gap:16px}.create-group-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#16c668;padding:7px;border-radius:10px;color:white;font-weight:400;text-decoration:none;width:100%;font-size:15px}.logo-desktop{display:block;height:50px;width:auto}.logo-mobile{display:none;height:32px;width:auto}@media screen and (max-width:768px){.navbar--sticky{position:-webkit-sticky;position:sticky;top:0;background-color:#222;z-index:999}.logo-desktop{display:none}.logo-mobile{display:block}.nav-container{grid-template-columns:1fr 1fr 1fr}.logo{height:32px}.hamburger{display:block}.nav-links{display:none}.nav-links--open{display:flex}.nav-actions{flex-direction:column;width:100%;gap:var(--space-sm)}.nav-center{order:2;grid-column:span 3;justify-content:center}.nav-left{order:1}.nav-right{order:3;justify-content:flex-end}}.search-bar{display:flex;flex-direction:column;z-index:999}.search-bar__form{display:flex;align-items:center}.search-bar__container{position:relative}.search-bar__select{flex:1 1;padding:10px;max-width:150px;min-width:120px;border-bottom:2px solid #ccc;border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;font-size:16px;background-color:#fff;color:#333;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;cursor:pointer;transition:border-color .3s ease;text-align:left}.search-bar__custom-wrapper{display:flex;flex-direction:column;width:100%}.search-bar__field-static{display:flex;align-items:center;flex-direction:row-reverse;gap:8px}.search-bar__back-button{margin-left:8px;background:transparent;border:none;color:#16c668;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.search-bar__back-button:hover{background:#f3f4f6}.search-bar__select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:1rem}.search-bar__select option{padding:10px;font-size:16px}.search-bar__input--event{flex:1 1;border:1px solid #ccc;border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0}.search-bar__input--event,.search-bar__input--location{padding:10px;max-width:150px;font-size:16px;outline:none;transition:border-color .3s ease;position:relative}.search-bar__input--location{border:1px solid #ccc;border-radius:5px;border-top-left-radius:0;border-bottom-left-radius:0}.search-bar__suggestions-list{position:absolute;min-width:300px}.search-bar__suggestion-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .2s ease;background-color:#fff}.search-bar__suggestion-item:hover{background-color:#f5f5f5}.search-bar__suggestion-content{align-items:center}.search-bar__button{padding:10px 15px;font-size:18px;background:#16c669;color:white;cursor:pointer;transition:background .3s ease}.search-bar__button:hover{background:#16c669}.search-bar__button--disabled{background:#ccc;cursor:not-allowed}.search-bar__suggestions-list--event,.search-bar__suggestions-list--location{position:absolute;z-index:1000;background-color:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);list-style:none}.search-bar__suggestions-list--location{max-width:100px}.search-bar__suggestion-item--event,.search-bar__suggestion-item--location{padding:10px;text-align:left;cursor:pointer;transition:background-color .2s}.search-bar__suggestion-item--event:hover,.search-bar__suggestion-item--location:hover{background-color:#f5f5f5}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}.search-bar__autocomplete-container{position:relative;margin-right:5px}.search-bar__input-spinner{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:18px;height:18px;border:3px solid rgba(0,0,0,.1);border-top-color:#4d90fe;border-radius:50%;animation:spin .6s linear infinite}.search-bar__location-chip{position:absolute;left:12px;top:50%;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-50%);background-color:#e0e0e0;padding:4px 12px;border-radius:8px;font-size:1rem;color:#000;z-index:1;pointer-events:none}.search-bar__suggestion-item.has-photo-and-location{background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.search-bar__suggestion-content{display:flex;align-items:flex-start;width:100%}.lightning-bolt{font-size:16px;color:#f39c12;margin-right:10px}.search-bar__suggestion-image{width:40px;height:40px;border-radius:50%;margin-right:12px;object-fit:cover}.search-bar__suggestion-text{flex:1 1;overflow:hidden}.search-bar__suggestion-text strong{font-size:16px;font-weight:700;display:block;margin-bottom:4px}.search-bar__suggestion-text p{font-size:14px;color:#777;margin:0}.search-bar__suggestion-link{font-size:14px;color:#007bff;text-decoration:none;margin-top:8px;display:inline-block}.search-bar__suggestion-link:hover{font-weight:700}.search-bar__suggestions-list--event{max-height:250px;overflow-y:auto}@media (max-width:768px){.search-bar{margin-top:10px;margin-bottom:10px;margin-left:15px}.search-bar__select{min-width:90px;font-size:16px;padding:7px}.search-bar__input--location{max-width:100px;padding:7px}.search-bar__location-chip{max-width:80px;font-size:.875rem;padding-left:5px;margin-left:0}.search-bar__button{padding:7px 12px;font-size:16px}.search-bar__input-wrapper{margin:0}}