AI update: הוסף לאתר כפתור צף (floating toggle) בפינת המסך שמאפשר החלפה בין עברית לאנגלית. צור תרגום מלא לאנגלית של כל תוכן האתר הק

This commit is contained in:
2026-09-03 14:41:55 +00:00
parent 0c65b5e2d1
commit 30881b1f3a
4 changed files with 286 additions and 149 deletions
+59
View File
@@ -123,6 +123,65 @@ button, input, select, textarea {
}
}
/* ========================
LANGUAGE TOGGLE
======================== */
.lang-toggle {
position: fixed;
bottom: 24px;
left: 24px;
z-index: 1001;
display: flex;
align-items: center;
gap: 8px;
padding: 12px 18px;
background: var(--accent);
color: var(--text-light);
border: none;
border-radius: 100px;
cursor: pointer;
font-family: var(--font-display);
font-size: 0.9rem;
font-weight: 600;
box-shadow: var(--shadow-lg);
transition: var(--transition-base);
}
.lang-toggle:hover {
background: var(--accent-dark);
transform: translateY(-2px);
box-shadow: var(--shadow-xl);
}
.lang-toggle:focus {
outline: 3px solid var(--accent-light);
outline-offset: 2px;
}
.lang-toggle:focus:not(:focus-visible) {
outline: none;
}
.lang-toggle:focus-visible {
outline: 3px solid var(--accent-light);
outline-offset: 2px;
}
.lang-toggle-icon {
width: 20px;
height: 20px;
}
.lang-toggle-text {
letter-spacing: 0.5px;
}
[dir="ltr"] .lang-toggle {
left: auto;
right: 24px;
}
/* ========================
SKIP LINK
======================== */