html.accessibility-mode footer,
html.accessibility-mode footer * {
  background-color: var(--accessibility-black) !important;
  color: var(--accessibility-white) !important;
}
html.accessibility-mode footer .svg-container svg path{
    fill: var(--accessibility-white) !important;
}
/* כדי לוודא שכל הטקסטים/אלמנטים מאמצים שחור/לבן בפשטות: */
html.accessibility-mode * {
  color: var(--accessibility-black) !important;
  background-color: var(--accessibility-white) !important;
border-color:  var(--accessibility-black);
  /* (2b) עצירת אנימציות ומעברים בכל האתר */
  animation-play-state: paused !important;
  transition: none !important;
}
html.accessibility-mode body.layout_home header a.cta-call,
html.accessibility-mode body.layout_home .quick_links a,
html.accessibility-mode #whatsapp-cta {
    background-color: var(--accessibility-black) !important;
  color: var(--accessibility-white) !important;
  border-color: none;
}
html.accessibility-mode body.layout_home header a.cta-call i{
    background-color: transparent !important;
  color: var(--accessibility-white) !important;

}
.cta-call:focus-visible,
html.accessibility-mode body.layout_home .quick_links a:focus-visible,
html.accessibility-mode #whatsapp-cta:focus-visible{ 
    outline: 3px solid var(--accessibility-black);
    box-shadow: 0 0 0 3px var(--accessibility-white), 0 0 0 6px var(--accessibility-black);
}
/* (2c) דוגמה נקודתית לעצירת האנימציה בהירו שהזכרת */
html.accessibility-mode .hero .platesLine span {
  animation-play-state: paused !important;
}
html.accessibility-mode .accessibility-toggle.accessibility_selected,
html.accessibility-mode .accessibility-toggle.accessibility_selected i,
html.accessibility-mode .accessibility-toggle.accessibility_selected span,
html.accessibility-mode .include_option {
  background-color: var(--accessibility-black) !important;
  color: var(--accessibility-white) !important;
  border-color:  var(--accessibility-white);
}

html.accessibility-mode,
html.accessibility-mode body {
  background-color: var(--accessibility-white) !important;
  color: var(--accessibility-black) !important;
}
html.accessibility-mode .svg-container svg,
html.accessibility-mode .svg-container svg * {
  fill: var(--accessibility-black) !important;
  stroke: none !important;
}

html.accessibility-mode img {
  background-color: transparent !important;
}

html.accessibility-mode .deal,
html.accessibility-mode .deal h3,
html.accessibility-mode .deal p {
  background-color: var(--accessibility-black) !important;
  color: var(--accessibility-white) !important;
}

html.accessibility-mode .hero_chef_img,
html.accessibility-mode figure.hero figcaption{
  background-color: transparent !important;
  filter: none !important;
  z-index: 2 !important;       
}
/*html.accessibility-mode figure.hero figcaption{
    width: -webkit-fill-available;
}*/
html.accessibility-mode .hero svg ,
html.accessibility-mode .hero svg path {
    fill: var(--accessibility-white) !important;
    stroke: var(--accessibility-black) !important;
    z-index: 1 !important;  
}
html.accessibility-mode h4.tag{
  border: 1px solid var(--accessibility-black) !important;
}
html.accessibility-mode .souce_op_pic .svg-container {
    z-index: 0;
}

/*menu page */
html.accessibility-mode body.layout_menu header{
    z-index: 1;
}
body.layout_menu header button,
body.layout_menu header a{
    padding: 1vh 1vw;
}
html.accessibility-mode body.layout_menu header button svg path {
  fill: var(--accessibility-black) !important;
}

html.accessibility-mode a.meal_card {
  border: 1px solid var(--accessibility-black) !important;
}
html.accessibility-mode .option nav a{
      border-bottom: 1px solid var(--accessibility-black) !important;
      border-left: 1px solid var(--accessibility-black) !important;
}
html.accessibility-mode .option nav a:last-child{
  border-left:none !important;
}
html.accessibility-mode .option nav a.selected,
html.accessibility-mode #show-all{
  background-color: var(--accessibility-black) !important;
  color: var(--accessibility-white) !important;
    border: 1px solid var(--accessibility-white) !important;
}