nesta.style

/* Custom language switcher positioning for web (desktop) */ .custom-language-switcher { position: fixed; /* Fixed position so it stays on the screen */ top: 10px; /* Positioned higher from the top of the screen */ left: 20px; /* Positioned from the left of the screen */ display: flex; gap: 10px; z-index: 1000; /* Ensure language switcher stays above other elements */ } .custom-language-switcher img { width: 24px; /* Adjust flag size */ height: 24px; /* Ensure it remains a perfect circle */ border-radius: 50%; /* Makes the flags circular */ object-fit: cover; /* Ensures the full flag is visible */ cursor: pointer; transition: transform 0.2s ease-in-out; border: 2px solid white; /* Adds a white border around the flags */ } /* Mobile responsiveness */ @media (max-width: 768px) { .custom-language-switcher { top: 10px; /* Positioned even higher from the top */ left: 20px; /* Positioned from the left side */ z-index: 9999; /* Ensure it stays on top */ gap: 8px; /* Reduced gap for mobile */ } .custom-language-switcher img { width: 20px; /* Make flags slightly smaller on mobile */ height: 20px; /* Keep them proportional */ } } /* Ensure buttons (e.g., Sign/Signup) have higher z-index than the language switcher */ button, .sign-up-button, .sign-in-button { z-index: 2000; /* Ensure buttons stay above the language switcher */ } /* Hover effect */ .custom-language-switcher img:hover { transform: scale(1.1); }

Italiano