/* #block tabs on page with Toolbar are usable but positioned randomly todo: decide whether to fix
   Toolbar classes
   toolbar-fixed toolbar-tray-open toolbar-vertical
   toolbar-fixed toolbar-tray-open toolbar-horizontal

   On Layout page
   #block-tabs
   #block-easytheme9-content
    > #layout-builder (This is layout builder wrapper for all sections/add sections)
*/
#block-dkcom-primary-local-tasks:has(+ #block-easytheme9-help + #block-easytheme9-content > #layout-builder ),
#block-tabs:has(+ #block-easytheme9-help + #block-easytheme9-content > #layout-builder ) {
  top: 80px;
}

#block-dkcom-primary-local-tasks,
#block-tabs {
  position: fixed;
  z-index: 101;
  background: #606569;
  color: antiquewhite;
}
/* From Claro todo: remove @LBM*/
nav.tabs,
nav ul.tabs {
  display: flex;
  flex-direction: row; /* column */
  width: 100%;
  margin-bottom: unset;
  border: unset;
  border-radius: unset;
  box-shadow: unset;
}


/* Logged in with Navigation enabled todo: fix for mobile < 1024px */
html[data-admin-toolbar="expanded"] #block-dkcom-primary-local-tasks,
html[data-admin-toolbar="expanded"] #block-tabs {
  top: 20px;
  /*left: calc(265px + (((100% - 265px) - 1236px)/2));*/
  left: calc(20px + var(--navigtaion-expanded));
}

html[data-admin-toolbar="collapsed"] #block-dkcom-primary-local-tasks,
html[data-admin-toolbar="collapsed"] #block-tabs {
  top: 20px;
  /*left: calc(var(--navigtaion-collapsed) + (((100% - var(--navigtaion-collapsed)) - 1236px)/2));*/
  left: calc(20px + var(--navigtaion-collapsed));
}


#block-dkcom-primary-local-tasks nav,
#block-tabs nav {
  width: fit-content;
  background: #606569;
}

#block-dkcom-primary-local-tasks a,
#block-tabs a {
  color: #ffffff;
}

#block-dkcom-primary-local-tasks a:hover,
#block-tabs a:hover {
  color: #606569;
}

#block-dkcom-primary-local-tasks a:active,
#block-tabs a:active {
  color: #606569;
}

#block-dkcom-primary-local-tasks a.is-active,
#block-tabs a.is-active {
  color: #606569;
}
/*
#block-tabs a:visited {
  background-color: #606569 ;
  color: #ffffff;
}
*/